@font-face{font-family:Boska;src:url("../assets/fonts/fontshare/2WOBSOJLL4JK7IHX3NLDIY3DAIT52O4K.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Boska;src:url("../assets/fonts/fontshare/DCZMHDUIIND3BTWZGHAVWGQPO6EB5M4I.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"General Sans";src:url("../assets/fonts/fontshare/7YY3ZAAE3TRV2LANYOLXNHTPHLXVWTKH.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"General Sans";src:url("../assets/fonts/fontshare/SB2OEB6IKZPRR6JT4GFJ2TFT6HBB6AZN.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
/* Shared material palette: architectural ink, mineral paper, a restrained metal accent.
   Dark openings establish the setting; light reading areas give the photographs air. */
:root{
 --ink:#252d2c;--paper:#f0f0ec;--white:#f4f3ed;--muted:#59635f;--green:#445d54;
 --surface-deep:#133026;--surface-mid:#202f2b;--surface-soft:#e4e6e1;--surface-raised:#f7f7f2;
 --surface-stone:#ddd5c8;--surface-linen:#e9e3d9;--line-warm:#b9afa0;
 --inverse-muted:#c9d1cb;--line:#c8ceca;--line-inverse:#ffffff29;
 --accent:#826f4b;--accent-inverse:#c5b38e;--accent-line:#c5b38e66;
 --focus-light:#526f63;--focus-dark:#d4c39c;--focus-ring:var(--focus-light);
 --button-hover:#445d540d;--panel-dark:#202f2bf7;--panel-light:#f0f0ecf7;
 --scrim-rgb:19 48 38;--image-shadow:0 1px 12px #0009;
 --ease-out:cubic-bezier(.22,.61,.36,1);--interaction-duration:180ms;
 --serif:Boska,Georgia,serif;--sans:"General Sans",Arial,Helvetica,sans-serif;--gutter:6%;
 --chapter-breath:clamp(12px,1.666667vw,28px);--header-height:80px;
 /* Architectural glass, adapted from the owner MVP's neutral graphite material.
    Restrained sheen and edge light; champagne is reserved for meaningful accents. */
 --glass-fill:rgb(12 16 18 / 66%);--glass-header-fill:rgb(12 16 18 / 78%);
 --glass-edge:rgb(241 246 250 / 25%);
 --glass-sheen:linear-gradient(125deg,#fafcff16,#eff4f805 34%,#ffffff03 66%,#d5dce209);
 --glass-shadow:0 20px 44px -16px #0009,0 5px 18px -9px #0007;
 --glass-rim:inset 0 1px 0 #fcfdff29,inset 1px 0 0 #f5f8fb0c;
 --glass-solid:#171d1f;
 /* Warm limestone chrome: quieter than white, richer than grey, and still
    distinct from the mineral page surfaces. Deep evergreen retains continuity
    with the collection system rather than introducing another brand colour. */
 --header-surface:#eee9df;--header-ink:#1a2925;--header-line:rgb(26 41 37 / 18%);
 --header-glass-fill:rgb(238 233 223 / 88%);
 --header-glass-sheen:linear-gradient(125deg,#fffdf9a8,#f8f3e940 42%,#e6dfd31f);
 --header-shadow:0 10px 30px -20px rgb(18 29 26 / 42%)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}
body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.6 var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased}
body:has(dialog[open]){overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border-radius:0}
a,button{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
svg{width:18px;height:18px;stroke-width:1.35;flex-shrink:0}
button svg,a svg{pointer-events:none}
h1,h2,h3,p{margin:0}
h1,h2,h3,blockquote{font-family:var(--serif);font-weight:400;letter-spacing:0}
b,strong{font-weight:500}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}
[hidden]{display:none!important}
section{scroll-margin-top:12px}
:is(a,button,summary,input,select,textarea,[tabindex]){scroll-margin-block:12px}
/* Breathing room belongs to the incoming section, not an exposed white gutter.
   Continue its material into a small internal band; no footer spacer or effects. */
#main{display:flex;flex-direction:column;gap:0;padding-bottom:0}
#main>:not(script):not(:first-child){border-block-start:var(--chapter-breath) solid var(--chapter-surface,var(--paper))}
.page-intro,.hero,.chapter.dark,.founder-statement,.owner-readiness,.system-environment,.system-follow-through{--chapter-surface:var(--surface-deep)}
.owner-physical,.system-connected{--chapter-surface:var(--surface-soft)}
#main>.page-intro{width:100%;margin:0}
#main>script{display:none}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:white;padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
/* One header treatment for every page; no Home-only opacity or positioning. */
.site-header{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:19px var(--gutter);border-bottom:1px solid var(--header-line);background:var(--header-surface);color:var(--header-ink);--focus-ring:var(--focus-light);--button-hover:rgb(26 41 37 / 7%);box-shadow:var(--header-shadow),inset 0 -1px 0 #ffffff73}
.inner-page::before{content:"";position:absolute;inset:0 0 auto;height:var(--header-height);background:var(--header-surface);pointer-events:none}
.inner-page #main{padding-top:var(--header-height)}
.wordmark{font:500 31px/1 var(--serif);letter-spacing:7px;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:30px}
.desktop-nav>a{font-size:12px;padding-block:8px}
.desktop-nav>a:hover,a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:48px;padding:12px 21px;border:1px solid currentColor;background:transparent;font-size:12px;line-height:1.4;transition:background var(--interaction-duration) var(--ease-out)}
.outline-button:hover{background:var(--button-hover)}
.outline-button svg{width:17px;height:17px;transition:transform var(--interaction-duration) var(--ease-out)}
.outline-button:is(:hover,:focus-visible) svg{transform:translateX(3px)}
.compact{min-height:41px;padding:9px 17px;gap:21px;font-size:11px}
.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;border-bottom:1px solid var(--muted);padding-bottom:8px;margin-top:26px}
.text-link:hover{color:var(--green)}
.icon-button{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid transparent}
.icon-button:hover{border-color:currentColor}
.menu-toggle,.mobile-nav{display:none}
.eyebrow{font:10px/1.5 var(--sans);letter-spacing:1.6px;text-transform:uppercase}
.section-label{display:flex;align-items:center;gap:14px;margin-bottom:25px;font:10px/1.5 var(--sans);color:var(--muted)}
.section-label::after{content:"";display:block;height:1px;width:54px;background:currentColor;opacity:.5}
.hero{position:relative;height:min(92svh,980px);min-height:740px;overflow:hidden;color:var(--white);background:var(--surface-deep);--focus-ring:var(--focus-dark)}
.hero-art{position:absolute;inset:0;container-type:size;overflow:hidden}
/* Keep artwork and interface coordinates on the same 16:9 plane while cropping. */
.hero-architecture{position:absolute;left:50%;top:50%;width:max(100cqw,177.7778cqh);aspect-ratio:16/9;transform:translate(-50%,-50%)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-mirror-hint{position:absolute;left:54%;top:29%;width:16%;color:var(--white);text-shadow:var(--image-shadow);isolation:isolate}
.hero-mirror-hint::before{content:"";position:absolute;z-index:-1;inset:-12px -10px;background:rgb(var(--scrim-rgb)/23%);filter:blur(10px);pointer-events:none}
.hero-mirror-hint>span{font:500 clamp(9px,1cqw,15px)/1 var(--serif);letter-spacing:3px}
.hero-mirror-hint>p{font:400 clamp(19px,2.6cqw,43px)/1.04 var(--serif);margin-top:24px}
.hero-mirror-hint>small{display:block;font-size:clamp(8px,.72cqw,12px);line-height:1.6;margin-top:22px;color:var(--white)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--scrim-rgb)/94%) 0%,rgb(var(--scrim-rgb)/84%) 23%,rgb(var(--scrim-rgb)/46%) 43%,transparent 62%);pointer-events:none}
.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding:137px var(--gutter) 67px}
.hero-copy .eyebrow{margin-bottom:25px;font-size:10px;letter-spacing:2px;color:var(--accent-inverse)}
.hero h1{font-size:64px;line-height:1.08;letter-spacing:0;max-width:600px;text-wrap:balance}
.hero-copy .lead{max-width:480px;font-size:16px;line-height:1.75;color:var(--white);margin-top:26px;text-wrap:pretty}
.hero-scope{font-size:12px;line-height:1.7;color:var(--inverse-muted);margin-top:18px}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px;flex-wrap:wrap}
.hero-actions .outline-button{background:var(--paper);color:var(--surface-deep);border-color:var(--paper);min-height:49px}
.hero-actions .outline-button:hover{background:var(--surface-soft);border-color:var(--surface-soft)}
.story-band{display:grid;grid-template-columns:36% 64%;border-bottom:1px solid var(--line)}
.story-copy{padding:52px 40px 52px 16.65%;align-self:center}
.story-copy h2{font-size:47px;line-height:1.04;margin-bottom:23px}
.story-copy>p{font-size:15px;line-height:1.65;color:var(--muted);max-width:345px}
.story-scene{position:relative;min-height:470px;overflow:hidden;background:#dddcd4}
.story-scene>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}
.movement-scene>img{object-position:45% center}
.example-label{font:9px/1.4 var(--sans);letter-spacing:.6px;color:var(--muted);text-transform:uppercase}
.movement-notice{position:absolute;right:5%;top:22%;width:250px;background:var(--panel-dark);color:var(--white);border:1px solid var(--accent-line);padding:17px 18px;box-shadow:0 8px 30px #11111118}
.movement-notice .example-label{display:block;color:var(--inverse-muted);font-size:8px;margin-bottom:12px}
.notice-title{display:flex;align-items:center;gap:9px;font-size:11px;padding-bottom:12px;border-bottom:1px solid var(--line-inverse)}
.notice-title svg{width:15px;height:15px}
.movement-notice strong{display:block;margin-top:12px;font-size:13px;font-weight:400}
.movement-notice p{font-size:10px;color:var(--inverse-muted);margin-top:6px;line-height:1.7}
.movement-notice .notice-foot{font-size:9px;color:var(--inverse-muted);margin-top:12px}
.operations-band{grid-template-columns:57% 43%}
.operations-band .story-copy{padding:55px 14% 55px 12%}
.operations-band .story-copy h2{max-width:380px}
.operations-scene{min-height:510px}
.operations-scene>img{object-position:60% center}
.scene-caption{position:absolute;bottom:23px;left:26px;right:26px;color:white;font-size:10px;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#1c241de6;max-width:390px}
.scene-caption svg{width:15px;height:15px}
.request-caption{display:block;max-width:430px;padding:20px 23px}
.request-caption .example-label{display:block;color:#ced6c4;font-size:8px;margin-bottom:9px}
.request-caption>p{font:28px/1.15 var(--serif);margin-bottom:14px}
.request-caption>span:last-child{display:flex;align-items:center;gap:10px;font-size:11px;color:#e1e7d9}
.owner-band{position:relative;min-height:620px;color:var(--white);background:#242820;overflow:hidden}
.owner-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.owner-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#182017c9,#18201745 42%,transparent 62%);pointer-events:none}
.owner-copy{position:relative;z-index:1;padding:76px 0 75px var(--gutter);width:42%}
.owner-copy .section-label{color:#d8ddcf}
.owner-copy h2{font-size:51px;line-height:1.03;margin-bottom:24px;text-wrap:balance;max-width:500px}
.owner-copy>p{color:#e1e4d9;font-size:15px;max-width:360px;line-height:1.7;margin-bottom:28px}
.chapter>div,.story-band>div{min-width:0}
/* V1.1: three interfaces to one system, not three separate products. */
.interfaces{padding:67px var(--gutter) 64px;background:#f1eee7}
.interfaces-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12%;margin-bottom:40px}
.interfaces-heading h2{font-size:47px;line-height:1.05}
.interfaces-heading>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:410px;padding-bottom:5px}
.interfaces-layout{display:grid;grid-template-columns:31% 69%;gap:0}
.interfaces-layout>div{min-width:0}
.interface-tabs{padding-right:35px}
.interface-tab{display:block;text-align:left;width:100%;padding:23px 17px 24px 0;background:none;border:0;border-top:1px solid #c5c8bb;position:relative}
.interface-tab:last-child{border-bottom:1px solid #c5c8bb}
.interface-tab::before{content:"";position:absolute;left:-15px;top:23px;bottom:24px;width:2px;background:transparent}
.interface-tab[aria-selected=true]::before{background:#557049}
.interface-tab-title{display:flex;align-items:center;justify-content:space-between;gap:14px;font:28px/1.15 var(--serif)}
.interface-tab-title svg{width:17px;height:17px;opacity:.35;transition:opacity .2s}
.interface-tab:hover .interface-tab-title svg,.interface-tab[aria-selected=true] .interface-tab-title svg{opacity:1}
.interface-tab-copy{display:block;font-size:12px;line-height:1.65;color:var(--muted);margin-top:12px;max-width:275px}
.interface-tab-note{display:block;font-size:10px;color:#3e5739;margin-top:13px}
.interface-panel{position:relative;height:545px;overflow:hidden;background:#ddd8cc;container-type:size}
.interface-panel:focus-visible{outline-offset:6px}
.interface-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mirror-panel::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#162017cc,transparent 27%);pointer-events:none}
.mirror-architecture{position:absolute;left:50%;top:50%;width:max(100cqw,177.7778cqh);aspect-ratio:16/9;transform:translate(-50%,-50%)}
.mirror-architecture::before{content:"";position:absolute;left:32%;top:0;width:35.5%;height:100%;z-index:1;background:linear-gradient(180deg,#17221944,#07140c22 66%,transparent 90%);pointer-events:none}
.mirror-display{position:absolute;z-index:2;top:16%;left:35%;width:28%;color:#f5f4ec;text-shadow:0 1px 6px #121810b3}
.screen-wordmark{display:block;font:500 14px/1 var(--serif);letter-spacing:4px}
.screen-eyebrow{display:block;font:9px/1.5 var(--sans);color:#607054;letter-spacing:.2px}
.mirror-display .screen-eyebrow{margin-top:25px;color:#e2e7d8;font-size:10px}
.mirror-greeting{font:clamp(31px,4cqw,42px)/1.02 var(--serif);margin-top:11px}
.mirror-palette{font-size:11px;line-height:1.6;color:#e4e8dc;margin-top:13px}
.selection-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:23px}
.selection-piece{min-width:0;margin:0}
.selection-piece img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#c9bba6}
.selection-piece figcaption{font:11px/1.5 var(--sans);margin-top:10px;color:var(--muted)}
.mirror-display .selection-gallery{gap:8px;margin-top:18px}
.mirror-display .selection-piece img{aspect-ratio:1.05;border:1px solid #f2eadc40}
.mirror-display .selection-piece figcaption{font-size:9px;line-height:1.4;margin-top:7px;color:#f0f1e8}
.mirror-prompt{font:400 18px/1.2 var(--serif);color:#e0e4d6;margin-top:18px;max-width:230px}
.interface-caption{position:absolute;z-index:2;bottom:23px;left:27px;right:27px;font-size:12px;line-height:1.6;color:#fcfcf7}
.interface-caption>span{font-size:9px;opacity:.87}
.staff-panel{display:flex;align-items:center;justify-content:center;padding:38px 28px 96px;background:linear-gradient(150deg,#e0ddd3,#c9c8b9)}
.staff-display{width:100%;max-width:550px;background:#f6f5ef;border:9px solid #283128;border-radius:8px;box-shadow:10px 17px 30px #222c2421}
.console-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 22px;border-bottom:1px solid #d4d7ca}
.console-top>span:last-child{font-size:9px;color:#616b58}
.console-body{padding:24px 22px 18px}
.console-heading{font:34px/1.1 var(--serif);margin-top:7px}
.console-subtitle{font-size:10px;color:#69715f;margin-top:10px;margin-bottom:21px}
.console-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #d8dbce;font-size:11px}
.console-row>span:first-child{display:flex;align-items:center;gap:10px}
.console-row>span:last-child{font-size:9px;color:#4f6144}
.console-row svg{width:15px;height:15px;color:#74826b}
.console-foot{display:flex;align-items:center;gap:8px;font-size:9px;color:#65725b;border-top:1px solid #d8dbce;padding-top:15px}
.console-foot svg{width:14px;height:14px}
.staff-panel .interface-caption,.app-panel .interface-caption{color:#36422e}
.app-panel{display:flex;align-items:center;justify-content:center;padding:24px 30px 84px;background:linear-gradient(120deg,#d0d4c4,#e8e6dc)}
.app-display{position:relative;width:219px;height:426px;padding:30px 20px 18px;background:#f6f4ec;border:5px solid #30362a;border-radius:28px;box-shadow:12px 18px 28px #29322224}
.app-camera{position:absolute;width:46px;height:8px;background:#30362a;top:8px;left:calc(50% - 23px);border-radius:6px}
.app-display .screen-wordmark{font-size:12px;letter-spacing:3px}
.app-display .screen-eyebrow{font-size:8px;margin-top:21px}
.app-heading{font:31px/1.02 var(--serif);margin-top:6px}
.app-piece{height:131px;margin-top:14px;overflow:hidden;background:#d0c5b3}
.app-piece img{width:100%;height:100%;object-fit:cover;object-position:50% 57%}
.app-piece-title{font-size:11px;margin-top:12px}
.app-piece-state{font-size:9px;color:#65715a;margin-top:3px}
.app-update{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.5;color:#4b6041;margin-top:15px;padding-top:12px;border-top:1px solid #d5d8c9}
.app-update svg{width:14px;height:14px}
.trust-band{padding:49px var(--gutter) 52px;display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}
.trust-band h2{font-size:31px;line-height:1.15}
.trust-band p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:14px;max-width:470px}
.trust-band .text-link{margin-top:19px;font-size:11px}
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#081510;color:#eee7db;padding:6px var(--gutter);border-top:1px solid #a8946866;--focus-ring:var(--focus-dark)}
.site-footer::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,#06110dcf,#0b1b15d9),var(--jade-texture) center 46%/cover;opacity:.09;pointer-events:none}
.footer-main{position:relative;display:block}
.footer-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px}
.footer-brand p{font:10px/1.5 var(--sans);color:#aaa99f;white-space:nowrap}
.site-footer .wordmark{display:flex;align-items:center;min-height:44px;font-size:24px;letter-spacing:5px}
/* Footer status line: honest, quiet, part of the brand line; legible on the midnight footer. */
.footer-status{order:0;flex:1 1 auto;text-align:center;white-space:normal!important}
.footer-brand>p:last-child{order:1}
@media(max-width:700px){.footer-status{order:2;flex-basis:100%;text-align:left!important;padding-bottom:10px}}
/* Deeper pages share the same editorial system. */
.page-intro{padding:69px var(--gutter) 53px;max-width:none;margin:auto;background:var(--surface-deep);color:var(--white);--focus-ring:var(--focus-dark)}
.page-intro .eyebrow{color:var(--accent-inverse);margin-bottom:22px}
.page-intro h1{font-size:68px;line-height:1;max-width:830px}
.page-intro>p:last-child{margin-top:25px;max-width:54ch;font-size:17px;line-height:1.65;color:var(--inverse-muted)}
.page-cover{position:relative;margin:0 var(--gutter);aspect-ratio:2.35;overflow:hidden;background:#33382e}
.page-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-cover .scene-caption{max-width:580px}
.page-cover.operations-cover img,.page-cover.owner-cover img{object-position:center 25%}
.page-cover.collection-cover img{object-position:center 60%}
.chapter{display:grid;grid-template-columns:38% 62%;padding:70px var(--gutter);border-bottom:1px solid var(--line);gap:0}
.chapter-heading{padding-right:15%}
.chapter-heading h2{font-size:44px;line-height:1.06}
.chapter-heading>p{font-size:13px;color:var(--muted);margin-top:20px}
.chapter-content>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:62ch}
.chapter-content>p+p{margin-top:20px}
.chapter-content>p.section-followup{margin-top:27px;font-size:14px}
.chapter-photo{margin-top:29px;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover}
.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:27px 0 0;list-style:none}
.onboarding-steps li{border-top:1px solid var(--line);padding-top:18px}
.onboarding-steps h3{font-size:25px;line-height:1.08;margin:0 0 11px}
.onboarding-steps p{font-size:12px;line-height:1.7;color:var(--muted)}
.feature-list{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.feature-list li{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:19px 0;border-bottom:1px solid var(--line)}
.feature-list strong{font-size:13px;font-weight:400}
.feature-list p{font-size:13px;color:var(--muted);line-height:1.7}
.chapter.dark{background:var(--surface-deep);color:var(--white);--focus-ring:var(--focus-dark)}
.dark .section-label,.dark .chapter-heading>p,.dark .chapter-content>p,.dark .feature-list p{color:var(--inverse-muted)}
.dark .feature-list,.dark .feature-list li{border-color:var(--line-inverse)}
.dark .example-label{color:var(--inverse-muted)}
.intent-example{border-block:1px solid var(--line-inverse);padding:25px 0;margin-top:29px}
.intent-request{font:35px/1.12 var(--serif);max-width:580px}
.intent-example ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:26px 0 0}
.intent-example li strong{display:block;font-weight:400;font-size:13px;margin-bottom:9px}
.intent-example li>span{display:block;font-size:12px;line-height:1.7;color:var(--inverse-muted)}
.technical-detail{border-block:1px solid #7a897366;margin-top:28px;padding:19px 0}
.technical-detail summary{cursor:pointer;font-size:12px;line-height:1.7}
.technical-detail p{font-size:13px;line-height:1.75;color:#d5decd;margin-top:17px;max-width:700px}
.change-example{margin-top:29px}
.change-note,.change-response{padding:5px 0 5px 22px;border-left:1px solid var(--accent-inverse);margin-top:22px}
.change-note>span,.change-response>span{font-size:10px;color:var(--inverse-muted);letter-spacing:.4px}
.change-note p,.change-response p{font-size:14px;line-height:1.7;margin-top:10px;max-width:610px}
.change-response{border-color:var(--inverse-muted);margin-top:28px}
.change-outcome{font-size:11px;color:var(--inverse-muted);margin-top:24px}
.handover-story{padding:66px var(--gutter);border-bottom:1px solid var(--line)}
.handover-heading{display:grid;grid-template-columns:38% 62%;margin-bottom:34px}
.handover-heading h2{font-size:44px;line-height:1.06;padding-right:12%}
.handover-heading>p{color:var(--muted);max-width:60ch;align-self:end;font-size:15px;line-height:1.75}
.handover-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.handover-gallery img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.handover-gallery h3{font:400 13px/1.4 var(--sans);margin-top:18px}
.handover-gallery p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px;max-width:250px}
.anticipation-example{border-block:1px solid var(--line-inverse);margin-top:27px;padding:24px 0}
.anticipation-example h3{font-size:33px;line-height:1.1;margin-top:17px;max-width:560px}
.anticipation-example>p{font-size:14px;color:var(--inverse-muted);line-height:1.75;max-width:650px;margin-top:18px}
.proposal-label{display:block;font-size:11px;color:var(--inverse-muted);margin-top:21px}
.founder-statement{position:relative;padding:64px var(--gutter);background:linear-gradient(115deg,var(--surface-linen),#e1d8ca);color:var(--ink);--chapter-surface:var(--surface-linen)}
.founder-statement::before{content:"";display:block;width:54px;height:1px;background:var(--accent);margin:0 auto 28px}
.founder-statement .pull-quote{max-width:960px;margin-inline:auto;text-align:center;font-size:47px;text-wrap:balance}
.founder-statement .quote-credit{text-align:center;color:var(--muted)}
/* About: architectural context, then two complementary founder stories.
   Authentic deck portraits stay modest in size until originals are supplied. */
.about-page .about-intro{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-deep);color:var(--white);padding-block:88px 82px;min-height:480px;--focus-ring:var(--focus-dark)}
.about-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.about-intro::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#10161573 0%,#10161566 41%,transparent 62%)}
.about-page .about-intro h1{max-width:48%;font-size:clamp(44px,4.4vw,68px);line-height:1.06}
.about-page .about-intro>p:last-child{color:var(--white);max-width:42%;font-size:16px}
.founder-story{display:grid;grid-template-columns:1fr 1fr;min-width:0;background:var(--paper)}
.founder-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:62px 10% 62px calc(var(--gutter)*2);background:var(--paper);color:var(--ink)}
.founder-copy .section-label{font-size:11px;line-height:1.7;flex-wrap:wrap;margin-bottom:24px}
.founder-copy .section-label::after{display:none}
.founder-copy h2{font-size:clamp(37px,3.25vw,52px);line-height:1.08}
.founder-copy>p:not(.section-label){max-width:40ch;color:var(--muted);font-size:15px;line-height:1.75;margin-top:21px}
.founder-copy>p+p:not(.section-label){margin-top:14px}
.founder-portrait{position:relative;isolation:isolate;margin:0;display:flex;align-items:center;justify-content:center;min-height:430px;background:radial-gradient(ellipse at 36% 28%,#3b5047 0%,#253830 50%,#182923 100%)}
.founder-portrait::before{content:"";position:absolute;z-index:-1;width:240px;aspect-ratio:1;transform:translate(16px,16px);border:1px solid var(--accent-line)}
.founder-portrait img{width:240px;height:auto;box-shadow:0 20px 46px #18232124}
.founder-reverse{--chapter-surface:var(--paper);background:var(--paper);color:var(--ink)}
.founder-reverse .section-label{color:var(--muted)}
.founder-reverse .founder-copy>p:not(.section-label){color:var(--muted)}
.founder-reverse .founder-copy{grid-column:2;grid-row:1;padding-left:12%;padding-right:12%}
.founder-reverse .founder-portrait{grid-column:1;grid-row:1;background:radial-gradient(ellipse at 64% 28%,#3b5047 0%,#253830 50%,#182923 100%)}
.founder-reverse .founder-portrait::before{aspect-ratio:437/594;border-color:var(--accent-line)}
@media(max-width:800px){
 .about-page .about-intro{padding-block:44px 170px;min-height:500px}
 .about-backdrop{object-position:65% 50%}
 .about-intro::after{background:linear-gradient(180deg,#101615db 0%,#101615c4 47%,#1016154d 77%,#10161500 100%)}
 .about-page .about-intro h1{max-width:100%;font-size:50px}
 .about-page .about-intro>p:last-child{max-width:46ch;font-size:15px}
 .founder-story{grid-template-columns:1fr}
 .founder-story .founder-copy{grid-column:1;grid-row:1;padding:38px var(--gutter)}
 .founder-story .founder-portrait{grid-column:1;grid-row:2;min-height:310px;padding:28px}
 .founder-copy>p:not(.section-label){max-width:52ch;font-size:14px}
 .founder-copy h2{font-size:39px}
}
@media(max-width:600px){
 .about-page .about-intro{padding-block:37px 160px;min-height:500px}
 .about-page .about-intro h1{font-size:43px}
 .founder-story .founder-portrait{min-height:260px}
 .founder-portrait img{width:180px}
 .founder-portrait::before{width:180px;transform:translate(12px,12px)}
 .founder-copy .section-label{font-size:10px;margin-bottom:20px}
 .founder-copy h2{font-size:37px}
}
.example-panel{margin-top:29px;padding:28px 31px;background:#eceee5;border:1px solid #cbd1c2}
.example-panel h3{font-size:31px;line-height:1.12}
.example-tabs{display:flex;gap:22px;border-bottom:1px solid #c3cabb;margin:20px 0}
.example-tab{border:0;border-bottom:2px solid transparent;padding:10px 0;background:none;font-size:12px}
.example-tab[aria-selected=true]{border-color:var(--green);color:var(--green)}
.example-output{min-height:126px}
.example-output h4{font:400 15px/1.5 var(--sans);margin:0 0 14px}
.example-output p{font-size:13px;color:var(--muted);line-height:1.75}
.example-output p+p{margin-top:13px}
.curation-edit{margin-top:27px;border-block:1px solid var(--line);padding:0 0 23px}
.curation-edit .example-tabs{margin:0 0 25px;gap:30px}
.curation-edit .example-tab{min-height:47px}
.curation-edit h3{font-size:37px;line-height:1.08;margin:10px 0 13px}
.curation-edit #curation-body{max-width:52ch;font-size:14px;line-height:1.7;color:var(--muted);min-height:48px}
.curation-edit .selection-gallery{gap:16px}
.curation-choice{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-top:20px}
.curation-refine{display:inline-flex;align-items:center;gap:10px;min-height:44px;border:0;border-bottom:1px solid #7f8a78;padding:9px 0;background:none;font-size:12px;line-height:1.5;text-align:left}
.curation-refine:hover{color:var(--green);border-color:var(--green)}
.curation-refine svg{width:15px;height:15px}
.curation-choice>p{font-size:11px;line-height:1.6;color:var(--muted);max-width:32ch}
.outcome-view{margin:28px 0 0;background:var(--paper);color:var(--ink);border:1px solid #697363;overflow:hidden}
.outcome-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 23px;border-bottom:1px solid var(--line)}
.outcome-topline .screen-wordmark{font-size:15px;letter-spacing:4px}
.outcome-topline>span:last-child{font-size:11px;color:var(--muted)}
.outcome-body{display:grid;grid-template-columns:56% 44%;margin:0}
.outcome-photo{width:100%;height:100%;min-height:320px;max-height:390px;object-fit:cover;object-position:53% center}
.outcome-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 25px;margin:0}
.outcome-occasion{font-size:11px;color:var(--muted);line-height:1.5}
.outcome-copy h4{font:400 clamp(30px,3.1vw,43px)/1.06 var(--serif);margin:15px 0 30px}
.outcome-confirmation{display:flex;align-items:flex-start;gap:9px;margin:0;padding-top:17px;border-top:1px solid var(--line);color:var(--green);font-size:12px;line-height:1.65}
.outcome-confirmation svg{width:18px;height:18px;flex:0 0 18px;margin-top:2px}
.evidence-row{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:11px;color:var(--green)}
.evidence-row svg{width:15px;height:15px}
.workflow-list{margin:0;padding:0;list-style:none}
.workflow-list li{position:relative;padding:0 0 29px 28px;border-left:1px solid var(--line);margin-left:3px}
.workflow-list li::before{content:"";position:absolute;left:-3px;top:13px;width:5px;height:5px;background:var(--green);border-radius:50%}
.workflow-list li:last-child{border-color:transparent;padding-bottom:0}
.workflow-list h3{font-size:30px;line-height:1.15;margin-bottom:12px}
.workflow-list p{max-width:62ch;font-size:14px;color:var(--muted)}
.pull-quote{margin:0;font-size:43px;line-height:1.18;max-width:780px}
.quote-credit{margin-top:22px;font-size:11px;color:var(--muted)}
/* Material rhythm also applies to the deeper public-only pages: distinguish
   adjacent chapters without new white gutters, art replacements or extra copy. */
.inner-page:not(.system-page) #personal.chapter{background:var(--surface-soft);--chapter-surface:var(--surface-soft)}
.inner-page #team.chapter{background:var(--surface-linen);--chapter-surface:var(--surface-linen)}
.status-note{padding:25px 0 0;margin-top:26px;border-top:1px solid var(--line)}
.status-note strong{display:block;font:400 12px var(--sans);margin-bottom:11px;color:var(--green)}
.status-note p{font-size:13px;line-height:1.7;color:var(--muted)}
dialog{width:min(560px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow-y:auto;padding:56px 44px 39px;border:0;color:var(--ink);background:var(--paper)}
dialog{--focus-ring:var(--focus-light);--button-hover:#445d540d}
dialog::backdrop{background:rgb(var(--scrim-rgb)/76%);backdrop-filter:blur(4px)}
.dialog-close{position:absolute;top:12px;right:12px}
dialog .eyebrow{color:var(--muted);margin-bottom:19px}
dialog h2{font-size:43px;line-height:1.06;margin-bottom:24px}
dialog p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:22px}
dialog .dialog-note{font-size:11px;margin:19px 0 0}
dialog .dialog-note a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1700px){
  .hero h1{font-size:80px;max-width:760px}.hero-copy .lead{font-size:17px;max-width:545px}.hero-scope{font-size:13px}.hero-copy .eyebrow{font-size:11px}
  .story-copy h2{font-size:55px}.story-scene{min-height:570px}.operations-scene{min-height:625px}
  .owner-band{min-height:730px}.owner-copy{padding-top:106px;width:41%}.owner-copy h2{font-size:64px}.owner-copy>p{max-width:440px;font-size:17px}
  .movement-notice{width:290px;padding:22px}.movement-notice strong{font-size:15px}.movement-notice p{font-size:12px}
  .interfaces-heading h2{font-size:56px}.interfaces-heading>p{font-size:16px;max-width:480px}
  .interface-panel{height:590px}
  .interface-tab{padding-block:28px}.interface-tab-title{font-size:34px}.interface-tab-copy{font-size:14px;max-width:350px}.interface-tab-note{font-size:11px}
}
@media(max-width:1199px){
  :root{--gutter:5%}.desktop-nav{gap:22px}.hero{min-height:720px}.hero h1{font-size:54px;max-width:515px}
  .hero-copy{padding-top:120px;padding-bottom:55px}.hero-copy .lead{max-width:420px;font-size:15px}.hero-actions{gap:20px}
  .hero-actions .outline-button{font-size:11px;padding-inline:17px;gap:20px}.story-copy{padding:40px 30px 40px 14%}
  .story-copy h2{font-size:37px}.story-copy>p{font-size:13px}.story-scene{min-height:435px}
  .movement-notice{width:224px;padding:15px;right:4%;top:18%}.operations-band .story-copy{padding:42px 10%}
  .owner-band{min-height:550px}.owner-copy{width:43%;padding-top:60px}.owner-copy h2{font-size:45px}.owner-copy>p{font-size:14px}
  .interface-tabs{padding-right:27px}.interface-tab-title{font-size:25px}.interface-tab-copy{font-size:11px}
  .interfaces-heading h2{font-size:43px}
  .page-intro h1{font-size:59px}.chapter{grid-template-columns:35% 65%;padding-block:55px}.chapter-heading h2{font-size:38px}
  .feature-list li{grid-template-columns:135px 1fr;gap:20px}.handover-heading h2{font-size:38px}
}
@media(max-width:800px){
  :root{--gutter:6%;--header-height:73px}.site-header{padding-block:14px}.wordmark{font-size:27px;letter-spacing:6px}.desktop-nav{display:none}.menu-toggle{display:grid;margin-right:-9px}
  .mobile-nav{position:absolute;display:flex;flex-direction:column;gap:2px;top:100%;left:0;right:0;padding:20px var(--gutter) 27px;background:var(--header-surface);color:var(--header-ink);box-shadow:0 14px 25px #0000001a;max-height:calc(100svh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}
  .mobile-nav>a{display:block;padding:12px 0;border-bottom:1px solid var(--header-line);font-size:14px}.mobile-nav .outline-button{align-self:flex-start;margin-top:18px}
  .hero{height:auto;min-height:0;max-height:none;padding-top:var(--header-height);display:flex;flex-direction:column}
  .hero-art{position:relative;inset:auto;height:315px;order:1;width:100%}.hero::after{display:none}
  .hero-mirror-hint{top:24%}.hero-mirror-hint>p{margin-top:17px}.hero-mirror-hint>small{margin-top:16px}
  .hero-copy{height:auto;padding:38px var(--gutter) 36px;order:0;background:var(--surface-deep)}
  .hero h1{font-size:59px;max-width:650px}.hero-copy .eyebrow{max-width:none;margin-bottom:21px}.hero-copy .lead{max-width:570px;margin-top:22px}
  .hero-actions{margin-top:25px;gap:27px}.hero-actions .outline-button{font-size:12px}
  .story-band{grid-template-columns:42% 58%}.story-copy{padding:36px 26px 36px 14.3%}.story-copy h2{font-size:34px}.story-copy>p{font-size:13px}
  .story-scene{min-height:470px}.movement-scene>img{object-position:28% center}.movement-notice{right:18px;top:auto;bottom:24px;width:220px}
  .operations-band{grid-template-columns:52% 48%}.operations-band .story-copy{padding:37px 12%}.operations-scene>img{object-position:72% center}
  .scene-caption{left:16px;right:16px;bottom:20px;font-size:9px}.owner-band{min-height:580px}.owner-band>img{object-position:48% center}
  .owner-copy{width:45%}.owner-copy h2{font-size:40px}.owner-copy>p{font-size:13px}
  .interfaces{padding-block:44px}.interfaces-heading{gap:8%;margin-bottom:28px}.interfaces-heading h2{font-size:39px}.interfaces-heading>p{font-size:13px}
  .interfaces-layout{grid-template-columns:1fr}.interface-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-right:0;gap:19px;margin-bottom:26px}
  .interface-tab{padding:17px 0;border-bottom:1px solid #c5c8bb}.interface-tab::before{left:0;right:0;top:-1px;height:2px;width:auto;bottom:auto}
  .interface-tab-title{font-size:24px}.interface-tab-title svg{display:none}.interface-tab-copy{font-size:12px;max-width:none}
  .interface-tab-note{font-size:10px}.interface-panel{height:535px}
  .trust-band{gap:8%;padding-block:39px}.trust-band h2{font-size:29px}.trust-band p{font-size:12px}
  .page-intro{padding-block:49px 37px}.page-intro h1{font-size:53px}.page-intro>p:last-child{font-size:15px;max-width:580px}.page-cover{height:330px;aspect-ratio:auto}
  .chapter{grid-template-columns:1fr;gap:28px;padding-block:43px}.chapter-heading{padding-right:0}.chapter-heading h2{max-width:550px;font-size:39px}.chapter-heading h2 br{display:none}
  .chapter-heading>p{max-width:600px;margin-top:15px}.chapter .section-label{margin-bottom:17px}.chapter-content>p{font-size:14px}.feature-list{margin-top:22px}.pull-quote{font-size:38px}
  .handover-story{padding-block:43px}.handover-heading{grid-template-columns:1fr;gap:24px}.handover-heading h2{font-size:39px}.handover-heading>p{font-size:14px}
  .handover-gallery{gap:14px}.handover-gallery h3{font-size:12px}.handover-gallery p{font-size:11px}
  .founder-statement{padding-block:49px}.founder-statement .pull-quote{font-size:40px}
}
@media(max-width:600px){
  .hero{height:auto;min-height:0;max-height:none;padding-top:var(--header-height);display:flex;flex-direction:column}
  .hero-art{height:255px}.hero::after{display:none}.hero-mirror-hint>small{display:none}
  .hero-copy{height:auto;padding:29px var(--gutter) 32px;order:0;background:var(--surface-deep)}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px;max-width:none}
  .hero h1{font-size:46px;max-width:420px;line-height:1.08;letter-spacing:0;text-wrap:initial}.hero h1 br{display:none}
  .hero-copy .lead{font-size:14.5px;line-height:1.65;max-width:440px;margin:21px 0 0}.hero-scope{font-size:11px;line-height:1.7;margin-top:17px}
  .hero-actions{gap:8px 22px;margin-top:25px}.hero-actions .outline-button{font-size:12px;padding-inline:18px;gap:22px}
  .outline-button{min-height:46px;font-size:11px}
  .story-band{grid-template-columns:1fr}.story-copy,.operations-band .story-copy{padding:33px var(--gutter) 35px}
  .story-copy h2{font-size:39px;max-width:350px;margin-bottom:19px}.story-copy>p{max-width:410px;font-size:14px}.section-label{margin-bottom:19px}
  .story-scene{min-height:300px}.movement-scene>img{object-position:45% center}.movement-notice{right:17px;bottom:20px;width:196px;padding:12px 14px}
  .notice-title{font-size:10px;padding-bottom:9px}.movement-notice .example-label{font-size:7px;margin-bottom:8px}.movement-notice strong{font-size:12px;margin-top:10px}
  .movement-notice p{font-size:9px}.movement-notice .notice-foot{font-size:8px;margin-top:8px}
  .operations-band .story-copy{grid-row:1}.operations-scene{min-height:350px}.operations-scene>img{object-position:65% center}.scene-caption{max-width:none;font-size:9px}
  .request-caption{padding:18px 17px}.request-caption>p{font-size:25px}.request-caption>span:last-child{font-size:10px}
  .owner-band{display:flex;flex-direction:column;min-height:0}.owner-copy{padding:34px var(--gutter) 36px;width:100%}
  .owner-band::after{display:none}.owner-copy h2{font-size:40px;max-width:380px}.owner-copy>p{font-size:14px;max-width:400px;margin-bottom:26px}
  .owner-band>img{position:relative;order:1;height:320px;object-position:65% center}
  .interfaces{padding-block:37px}.interfaces-heading{grid-template-columns:1fr;gap:19px;margin-bottom:22px}
  .interfaces-heading h2{font-size:39px}.interfaces-heading>p{font-size:14px;line-height:1.7}
  .interface-tabs{gap:14px;margin-bottom:23px}.interface-tab{padding:16px 0;align-content:start}.interface-tab-title{font-size:21px;line-height:1.05;min-height:44px}
  .interface-tab-copy{display:none}.interface-tab-note{font-size:9px;line-height:1.5;margin-top:9px}
  .interface-views{margin-inline:calc(-1 * var(--gutter))}.interface-panel{height:535px}
  .interface-caption{left:23px;right:23px;bottom:23px;font-size:11px}.interface-caption>span{font-size:9px}
  .staff-panel{padding:30px 17px 101px}.staff-display{border-width:6px}.console-top{padding:15px 15px}.console-body{padding:22px 15px 18px}
  .console-heading{font-size:31px}.console-row{font-size:10px;gap:9px}.console-row>span:first-child{gap:7px}.console-row>span:last-child{font-size:8px}
  .console-foot{font-size:8px;gap:7px}.console-subtitle{font-size:9px}
  .trust-band{grid-template-columns:1fr;gap:30px;padding-block:35px}.trust-band h2{font-size:30px}.trust-band p{font-size:13px}
  .page-intro{padding-block:34px 31px}.page-intro .eyebrow{font-size:9px;margin-bottom:19px}.page-intro h1{font-size:45px;text-wrap:balance}.page-intro h1 br{display:none}.page-intro>p:last-child{font-size:14px;margin-top:21px}
  .page-cover{margin-inline:0;height:275px}.page-cover.operations-cover img{object-position:71% center}.page-cover.owner-cover img{object-position:71% center}
  .chapter{padding-block:36px;gap:24px}.chapter-heading h2{font-size:35px}.chapter-content>p{font-size:14px}.chapter-photo{aspect-ratio:4/3;margin-top:23px}
  .onboarding-steps{grid-template-columns:1fr;gap:17px;margin-top:23px}.onboarding-steps li{padding-top:16px}.onboarding-steps h3{margin:0 0 8px;font-size:24px}
  .intent-request{font-size:30px}.intent-example ol{grid-template-columns:1fr;gap:20px}.intent-example li strong{margin-bottom:6px}
  .technical-detail{padding-block:16px}.technical-detail p{font-size:12px}.change-note,.change-response{padding-left:17px}.change-note p,.change-response p{font-size:13px}
  .handover-story{padding-block:37px}.handover-heading{gap:23px;margin-bottom:27px}.handover-heading h2{font-size:35px}.handover-heading h2 br{display:none}
  .handover-gallery{grid-template-columns:1fr 1fr;gap:27px 16px}.handover-gallery h3{margin-top:12px}.handover-gallery p{margin-top:7px}
  .anticipation-example h3{font-size:30px}.anticipation-example>p{font-size:13px}
  .founder-statement{padding-block:40px}.founder-statement .pull-quote{font-size:34px}.founder-statement .quote-credit{font-size:10px}
  .feature-list li{display:block;padding-block:18px}.feature-list strong{display:block;font-size:14px;margin-bottom:8px}.feature-list p{font-size:14px}
  .example-panel{padding:21px 19px;margin-top:24px}.example-panel h3{font-size:28px}.example-tabs{gap:18px}.example-tab{font-size:11px;padding-block:11px}
  .example-output{min-height:180px}.example-output h4{font-size:14px}.example-output p{font-size:14px}
  .curation-edit h3{font-size:32px}.curation-edit .example-tabs{gap:24px}.curation-edit #curation-body{font-size:14px;min-height:48px}
  .curation-edit .selection-gallery{gap:9px}.curation-edit .selection-piece figcaption{font-size:10px;line-height:1.5}
  .curation-choice{display:block;margin-top:16px}.curation-refine{font-size:12px}.curation-choice>p{max-width:none;min-height:36px;margin-top:12px}
  .outcome-topline{padding:14px 17px}.outcome-body{grid-template-columns:1fr}.outcome-photo{height:auto;min-height:0;max-height:none;aspect-ratio:1.3;object-position:53% center}
  .outcome-copy{padding:23px 21px 25px}.outcome-copy h4{font-size:34px;margin:12px 0 20px}.outcome-copy h4 br{display:none}.outcome-confirmation{width:100%;font-size:12px}
  .workflow-list li{padding-left:28px}.workflow-list h3{font-size:28px}.workflow-list p{font-size:14px}.pull-quote{font-size:32px}
  dialog{padding:53px 27px 31px}dialog h2{font-size:37px}dialog p{font-size:13px}
}
@media(max-width:360px){
  .hero-art{height:225px}.hero h1{font-size:41px}.hero-copy{padding-block:27px}.hero-copy .eyebrow{font-size:9px}.page-intro h1{font-size:39px}
  .hero-copy .lead{font-size:14px}.hero-actions .outline-button{font-size:11px;padding-inline:16px;gap:16px}
  .wordmark{font-size:25px;letter-spacing:5px}.story-copy h2,.owner-copy h2{font-size:35px}.movement-notice{width:182px}
  .interface-tab-title{font-size:19px}.interface-tabs{gap:11px}.console-heading{font-size:28px}.console-top{padding-inline:11px}.console-body{padding-inline:11px}
  .example-tabs{gap:12px}.example-tab{font-size:10px}.outline-button{gap:18px;padding-inline:17px}
}
/* Glass is an interface material, not the background of every page.
   Solid defaults are deliberate fallbacks when backdrop filters are unavailable. */
:is(.system-page,.home) :is(.system-product-result,.system-care-note,.movement-notice){
  background:var(--glass-solid);border:1px solid var(--glass-edge);border-radius:12px;
  color:var(--white);box-shadow:var(--glass-shadow),var(--glass-rim)
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header{background:var(--header-glass-sheen),var(--header-glass-fill);
    backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
  :is(.system-page,.home) :is(.system-product-result,.system-care-note,.movement-notice){
    background:var(--glass-sheen),var(--glass-fill);
    backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)
  }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .site-header{background:var(--header-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
  :is(.system-page,.home) :is(.system-product-result,.system-care-note,.movement-notice){
    background:var(--glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none
  }
}
@media(forced-colors:active){
  .site-header,:is(.system-page,.home) :is(.system-product-result,.system-care-note,.movement-notice){
    background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;
    backdrop-filter:none;-webkit-backdrop-filter:none
  }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* The header meets the page in one crisp line: a solid limestone band and a
   warm hairline, no shadow, no blur, no dissolve into the content below. */
.site-header{box-shadow:none;border-bottom:1px solid #cbbd9f}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header{background:var(--header-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
}
body.v2-experience .site-header::after{display:none}

/* Invitation buttons: on hover the hairline warms to champagne and catches a
   faint light just outside its edge, like the installation's lit rim.
   Thin, soft, quick to rise and slow to fade; never a fill, never a pulse. */
:is(.site-header,.mobile-nav,.closing-invite,dialog) .outline-button{
  transition:border-color .45s var(--ease-out),box-shadow .6s var(--ease-out),color .35s var(--ease-out)}
:is(.site-header,.mobile-nav,.closing-invite,dialog) .outline-button:is(:hover,:focus-visible){
  background:transparent;border-color:#c4a465;
  box-shadow:0 0 0 .5px rgb(214 182 118 / 55%),0 0 4px rgb(232 196 122 / 34%),inset 0 0 3px rgb(232 196 122 / 12%);
  transition-duration:.32s,.32s,.32s}
@media(prefers-reduced-motion:reduce){:is(.site-header,.mobile-nav,.closing-invite,dialog) .outline-button{transition:none}}

/* Navigation links: a fine hairline that draws in from the left on hover and
   leaves to the right. The current page keeps its line. No glow: the light is
   reserved for the invitation. */
.desktop-nav>a{position:relative;text-decoration:none}
.desktop-nav>a:hover,.desktop-nav>a[aria-current=page]{text-decoration:none}
.desktop-nav>a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;opacity:.75;
  transform:scaleX(0);transform-origin:right center;transition:transform .55s var(--ease-out)}
.desktop-nav>a:is(:hover,:focus-visible)::after{transform:scaleX(1);transform-origin:left center}
.desktop-nav>a[aria-current=page]::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.desktop-nav>a::after{transition:none}}
/* Invitation buttons carry words only, centred. */
:is(.site-header,.mobile-nav,.closing-invite) .outline-button[data-dialog]{justify-content:center}

/* Secondary text links ("Explore the system"): a quiet "this way". On hover
   the arrow eases forward and the fine line beneath deepens. No box, no glow. */
.text-link{border-bottom-color:rgb(89 99 95 / 55%);transition:border-color .45s var(--ease-out),color .45s var(--ease-out)}
.text-link svg{transition:transform .5s var(--ease-out)}
.text-link:is(:hover,:focus-visible){color:inherit;border-bottom-color:currentColor}
.text-link:is(:hover,:focus-visible) svg{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.text-link,.text-link svg{transition:none}}

/* Invitation button and secondary links carry the house evergreen. */
.site-header .outline-button,.mobile-nav .outline-button{color:#173a2e;border-color:#173a2e}
.text-link{color:#173a2e;border-bottom-color:rgb(23 58 46 / 42%)}
.text-link:is(:hover,:focus-visible){color:#173a2e;border-bottom-color:#173a2e}
/* Phones: comfortable tap targets for quiet links and the wordmark. */
@media(max-width:700px){
  .text-link{min-height:44px;display:inline-flex;align-items:center}
  .site-header .wordmark{min-height:44px;display:inline-flex;align-items:center}
  .closing-assurance{text-wrap:balance}
}

/* Private preview request: a quiet form in the site's own register. */
.preview-form{display:grid;gap:18px;margin-top:6px}
.preview-field{display:grid;gap:7px}
.preview-field label{font:500 10px/1.4 var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.preview-field label span{letter-spacing:.4px;text-transform:none;font-weight:400}
.preview-field :is(input,select,textarea){width:100%;font:400 15px/1.5 var(--sans);color:var(--ink);background:transparent;
  border:0;border-bottom:1px solid rgb(37 45 44 / 32%);border-radius:0;padding:8px 0 9px;transition:border-color .25s ease}
.preview-field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:22px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2359635f' stroke-width='1.4'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") right 2px center/12px 8px no-repeat}
.preview-field textarea{resize:vertical;min-height:72px}
.preview-field :is(input,select,textarea):focus{outline:none;border-bottom-color:#c4a465}
.preview-field :is(input,select,textarea):focus-visible{outline:none;box-shadow:0 1px 0 0 #c4a465}
.preview-field [aria-invalid="true"]{border-bottom-color:#9a4a3a}
.preview-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.preview-form .outline-button{justify-content:center;margin-top:8px}
.preview-form .outline-button[disabled]{opacity:.55;cursor:progress}
dialog .preview-error{min-height:0;margin:0;font-size:12.5px;color:#8a3f31}
dialog .preview-error:empty{display:none}
dialog .preview-form .dialog-note{margin-top:0;text-align:center}
.preview-thanks:focus{outline:none}
@media(max-width:480px){.preview-form{gap:15px}.preview-field :is(input,select,textarea){font-size:16px}}

/* The private preview in the site's own evergreen, with parchment type:
   the same pairing as the film, the hero and the rooms. */
#preview-dialog{--parch:#efe9dc;--parch-soft:rgb(239 233 220 / 80%);--parch-faint:rgb(239 233 220 / 62%);
  --focus-ring:#e2c48a;color:var(--parch);
  background:linear-gradient(rgb(19 48 38 / 82%),rgb(19 48 38 / 88%)),var(--jade-texture,none) center/cover,#133026;
  box-shadow:0 0 0 1px rgb(226 196 140 / 22%),0 30px 80px rgb(0 0 0 / 35%)}
#preview-dialog::backdrop{background:rgb(12 22 18 / 62%)}
#preview-dialog h2{color:var(--parch)}
#preview-dialog .eyebrow{color:#d9c08c}
#preview-dialog p{color:var(--parch-soft)}
#preview-dialog .dialog-close{color:var(--parch)}
#preview-dialog .preview-field label{color:var(--parch-faint)}
#preview-dialog .preview-field :is(input,select,textarea){color:var(--parch);border-bottom-color:rgb(239 233 220 / 34%)}
#preview-dialog .preview-field select option{color:#252d2c;background:#efe9dc}
#preview-dialog .preview-field select:invalid{color:var(--parch-faint)}
#preview-dialog .preview-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23efe9dc' stroke-opacity='.75' stroke-width='1.4'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E")}
#preview-dialog .preview-field :is(input,select,textarea):focus{border-bottom-color:#d9b979}
#preview-dialog .preview-field :is(input,select,textarea):focus-visible{box-shadow:0 1px 0 0 #d9b979}
#preview-dialog .preview-field [aria-invalid="true"]{border-bottom-color:#e39a86}
#preview-dialog .preview-error{color:#f0b3a3}
#preview-dialog .preview-error a{color:inherit;text-decoration:underline}
#preview-dialog .outline-button{color:var(--parch);border-color:rgb(239 233 220 / 58%)}
#preview-dialog .dialog-note{color:var(--parch-faint)}
#preview-dialog input:-webkit-autofill{-webkit-text-fill-color:#efe9dc;caret-color:#efe9dc;transition:background-color 9999s 0s}