:root{--bg:#0b0b0b;--ink:#eeede8;--muted:#b6b4af;--rule:rgba(238,237,232,.18);--sans:'Geist',Arial,sans-serif;--row:100svh}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:8px}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--sans);font-weight:600;letter-spacing:-.06em}img,video{display:block;width:100%;height:100%;object-fit:cover}::selection{background:#d7d3c4;color:#111}.micro{text-transform:uppercase}.body-copy{font-size:16px;line-height:1.65;letter-spacing:-.025em;color:#bdbbb5}.skip{position:fixed;z-index:100;left:20px;top:-100px;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:15px}
.header{position:fixed;z-index:40;top:0;left:0;width:100%;height:92px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:white;pointer-events:none}.header>*{pointer-events:auto}.header-note{justify-self:start;font-size:8px}.brand{font-size:16px;letter-spacing:.2em;font-weight:500;text-align:center;line-height:1.1;justify-self:center}.brand span{display:block;font-size:5px;letter-spacing:.5em;margin:6px 0 0 3px}.menu-button{justify-self:end;display:flex;align-items:center;gap:17px;padding:15px 0 15px 15px;font-size:8px}.menu-icon{width:18px;height:12px;position:relative}.menu-icon i{position:absolute;left:0;top:3px;width:18px;height:1px;background:currentColor;transition:transform .4s,top .4s}.menu-icon i:last-child{top:9px}.menu-open .menu-icon i{top:6px;transform:rotate(45deg)}.menu-open .menu-icon i:last-child{transform:rotate(-45deg)}
.navigation{position:fixed;inset:0;z-index:35;background:#11110f;display:flex;flex-direction:column;justify-content:center;padding:100px 10vw;visibility:hidden;opacity:0}.nav-top{margin-bottom:35px;color:#93918b}.navigation>a,.nav-demo{text-align:left;transition:color .3s;padding:0;width:fit-content}.navigation>a:hover,.nav-demo:hover{color:#a8a394}.navigation small{display:inline-block;width:35px;vertical-align:middle}
.hero-track{position:relative;z-index:1;height:100svh;background:#080808}.hero-stage{position:relative;height:100svh;overflow:clip;isolation:isolate}.hero-scene{position:absolute;inset:0;perspective:900px;overflow:hidden;z-index:-4}.hero-lens{position:absolute;inset:0;transform-origin:50% 52%;will-change:transform}.hero-video{filter:brightness(.7) saturate(.65)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.04) 55%,rgba(0,0,0,.6));z-index:-3}.hero-veil{position:absolute;inset:0;z-index:-2;background:#0b0b0b;opacity:0}.hero-title-entrance{position:absolute;top:18%;left:5%;right:5%;text-align:center;perspective:900px}.hero-kicker{font-size:8px}.title-line{display:block}.title-word{display:inline-block;position:relative;will-change:transform,opacity,filter}.hero-intro{position:absolute;left:15%;right:15%;top:50%;transform:translateY(-50%);text-align:center;font-family:var(--sans);font-size:56px;font-weight:600;line-height:1.1;letter-spacing:-.06em;visibility:hidden}.intro-word{display:inline-block;will-change:transform,opacity,filter}.hero-foot{position:absolute;bottom:50px;left:3vw;right:3vw;display:flex;justify-content:space-between;align-items:center}.film-link{display:flex;align-items:center;gap:15px;font-size:8px}.play-icon{border:1px solid #99958c;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:16px}.film-link:hover .play-icon{background:rgba(255,255,255,.12)}
.portal-track{position:relative;z-index:5;height:100svh;background:transparent;pointer-events:none}.portal-stage{height:100svh;position:relative;overflow:clip;background:#111}.portal-lens{position:absolute;top:-15%;left:0;right:0;height:130%;will-change:transform}.portal-lens video{filter:saturate(.7) brightness(.78)}.portal-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent 60%)}
.motion-desktop .hero-track{height:300svh}.motion-desktop .hero-stage{position:sticky;top:0}.motion-desktop .portal-track{height:120svh;margin-top:-100svh}.motion-desktop .portal-stage{position:sticky;top:0;will-change:transform,clip-path}
.uses{position:relative;z-index:10;background:#0d0d0c;padding-bottom:60px;color:#cacaca}.use-gallery-heading,.use-gallery{width:var(--content-span);max-width:var(--content-width);margin:0 auto}.use-gallery-heading{display:grid;grid-template-columns:31.1% minmax(0,1fr);column-gap:48px;padding:100px 0 60px}.use-heading-group{grid-column:2;display:flex;align-items:flex-start;justify-content:center;gap:12px}.use-gallery-heading h2{font-family:var(--sans);font-weight:400;font-size:clamp(64px,8vw,140px);line-height:1;letter-spacing:0;text-transform:uppercase;text-align:center}.use-heading-group>.micro{margin-top:6px;font-size:16px;letter-spacing:-.04em;color:#cacaca}.use-row{display:grid;grid-template-columns:31.1% minmax(0,1fr);gap:48px;align-items:center;padding:60px 0}.use-detail{display:flex;align-items:center;position:relative;min-width:0;scroll-margin-top:130px}.use-copy{width:100%;padding:0;max-width:420px}.use-copy>.use-index{display:block;font-size:16px;font-weight:500;letter-spacing:-.04em;line-height:1.2;color:#555;margin-bottom:24px}.use-copy h2{font-size:56px;font-weight:600;line-height:1;letter-spacing:-.06em;margin-bottom:8px;color:#cacaca}.use-copy .body-copy{font-size:24px;font-weight:500;line-height:1.05;letter-spacing:-.05em;color:#8f8f8f;max-width:390px}.capabilities{font-size:12px;font-weight:400;letter-spacing:-.02em;line-height:1.4;text-transform:none;color:#777;margin-top:20px;max-width:390px}.use-card{position:relative;min-width:0}.use-media-mask{position:relative;width:100%;aspect-ratio:7/4;overflow:hidden;border-radius:12px;background:#070707;transform-origin:center;will-change:transform;isolation:isolate}.use-lens{width:100%;height:100%;position:absolute;inset:0}.use-lens video{object-fit:contain;object-position:center;filter:none}
.services{position:relative;z-index:11;background:#0b0b0b;padding:100px 0 75px;color:#cacaca;scroll-margin-top:90px}.section-shell{margin:0 auto}.section-heading{display:flex;align-items:flex-start;justify-content:center;gap:20px;margin-bottom:64px}.section-heading h2,.process-heading h2{font-family:var(--sans);font-size:clamp(80px,10.95vw,140px);font-weight:400;line-height:1;letter-spacing:0;text-transform:uppercase}.section-label{font-size:16px;line-height:1.3;letter-spacing:-.04em;text-transform:uppercase;padding-top:8px;white-space:nowrap}.service-row{border-top:1px solid #292929}.service-row:last-child{border-bottom:1px solid #292929}.service-row h3{margin:0;font-weight:600}.service-toggle{width:100%;display:grid;grid-template-columns:31.1% minmax(0,1fr) 24px;gap:48px;align-items:start;text-align:left;padding:30px 0}.service-number{font-size:32px;line-height:1;letter-spacing:-.05em;color:#555}.service-number>span,.process-step>span{color:#ed593e}.service-title{font-size:32px;line-height:1;letter-spacing:-.05em;transition:font-size .4s,color .4s}.service-row.is-open .service-title{font-size:56px;letter-spacing:-.06em}.service-toggle:hover .service-title{color:#eee}.service-symbol{position:relative;width:18px;height:18px;margin-top:7px}.service-symbol:before,.service-symbol:after{content:'';position:absolute;left:0;top:8px;width:18px;height:1px;background:#8f8f8f;transition:transform .35s}.service-symbol:after{transform:rotate(90deg)}.service-row.is-open .service-symbol:after{transform:rotate(0)}.service-panel{overflow:hidden}.service-panel[hidden]{display:none}.service-panel-content{margin-left:calc(31.1% + 48px);padding:0 72px 30px 0;display:grid;grid-template-columns:1fr 1fr;gap:36px}.service-panel-content>p{font-size:24px;font-weight:500;line-height:1.05;letter-spacing:-.05em;color:#8f8f8f;max-width:390px}.service-panel-content ul{list-style:none;padding:0;margin:0;font-size:16px;line-height:1.5;letter-spacing:-.04em;color:#aaa}.service-panel-content li{padding:8px 0;border-top:1px solid #292929}.service-panel-content li:first-child{padding-top:0;border-top:0}
.process{position:relative;z-index:11;background:#0b0b0b;color:#cacaca}.process-stage{height:100svh;min-height:650px;display:flex;align-items:center;overflow:hidden}.process-track{display:flex;align-items:flex-start;gap:56px;width:max-content;padding:0 24px;will-change:transform}.process-heading{display:flex;gap:20px;align-items:flex-start;flex:0 0 clamp(430px,39vw,560px)}.process-heading h2{white-space:nowrap}.process-cards{display:flex;list-style:none;padding:0;margin:0}.process-card{width:360px;height:560px;padding:24px;border:1px solid #292929;display:flex;flex-direction:column;justify-content:space-between;margin-left:-1px}.process-step{font-size:32px;font-weight:600;line-height:1;letter-spacing:-.05em;text-transform:uppercase;color:#777}.process-card h3{font-size:56px;font-weight:600;line-height:1;letter-spacing:-.06em;margin:0 0 32px}.process-card>div>p{font-size:24px;font-weight:500;line-height:1.05;letter-spacing:-.05em;color:#8f8f8f}
.foundation{position:relative;z-index:12;overflow:clip;background:#0b0b0b;isolation:isolate}.foundation-media{position:absolute;top:-20%;left:0;right:0;height:140%;z-index:-3}.foundation-media img{filter:brightness(.22) saturate(.5)}.foundation-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.18));z-index:-2}.foundation-content{margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:32px 64px;padding:80px 0 55px}.foundation-content>.micro{grid-column:1/-1;font-size:11px;color:#a9a69e}.foundation h2{font-size:56px;font-weight:600;line-height:1.1;letter-spacing:-.06em;max-width:740px}.fill-line{display:block;--fill:100%;color:var(--ink)}.foundation-copy{max-width:520px;margin:0;align-self:center}.foundation-copy strong{font-weight:500;color:var(--ink)}.brand-names{grid-column:1/-1;margin-top:10px;padding-top:24px;border-top:1px solid rgba(255,255,255,.17);display:flex;align-items:center;justify-content:flex-start;gap:clamp(32px,6vw,90px)}.brand-names span{font-family:Georgia,serif;font-size:24px}.brand-names span:nth-child(2){font-size:22px;letter-spacing:.05em}.brand-names span:nth-child(3){font:500 24px var(--sans);letter-spacing:-.06em}.brand-names span:last-child{font:500 10px var(--sans);letter-spacing:.13em}
.demo-section{position:relative;z-index:15;min-height:65svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;background:#0b0b0b;padding:90px 8vw}.demo-section>.micro{color:#a6a399}.demo-button{font-family:var(--sans);font-size:clamp(60px,10vw,140px);font-weight:400;letter-spacing:0;text-transform:uppercase;line-height:1;padding:0;border-bottom:1px solid #77746c}.demo-button>span{display:inline-block;font:400 clamp(24px,4vw,60px) var(--sans);margin-left:35px;vertical-align:middle}.demo-button:hover{color:#bab6ab}.page-progress{position:fixed;z-index:50;bottom:12px;left:16px;right:16px;height:2px;background:rgba(255,255,255,.12);pointer-events:none}.page-progress>span{display:block;height:100%;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}dialog{padding:0;border:1px solid #333;background:black;color:var(--ink);width:min(1100px,calc(100% - 40px));max-width:calc(100% - 40px);max-height:calc(100svh - 60px);overflow:hidden}dialog::backdrop{background:rgba(0,0,0,.94)}.dialog-close{position:absolute;right:20px;top:20px;padding:10px;z-index:5;background:rgba(0,0,0,.65)}.main-reel{width:100%;height:auto;aspect-ratio:7/4}
.no-motion .hero-intro{visibility:visible;position:relative;left:auto;right:auto;top:auto;transform:none;font:400 15px/1.7 var(--sans);max-width:480px;margin:0 auto;padding-top:66svh;text-align:center;color:#ddd}.no-motion .hero-stage{min-height:100svh;height:auto;padding-bottom:130px}.no-motion .hero-track{height:auto}.no-motion .hero-foot{bottom:35px}
@media(min-width:800px) and (max-width:1099px){.use-row,.use-gallery-heading{grid-template-columns:32% minmax(0,1fr);column-gap:28px}.use-copy h2{font-size:44px}.use-copy .body-copy{font-size:20px}.use-row{padding:45px 0}}
@media(max-width:799px){:root{--row:95svh}.header{height:76px;grid-template-columns:1fr 1fr}.header-note{display:none}.brand{justify-self:start;font-size:15px}.menu-button{font-size:8px}.navigation{padding:95px 7vw}.navigation small{width:26px}.hero-title-entrance{top:24%;left:7%;right:7%}.hero-kicker{font-size:7px}.hero-intro{left:8%;right:8%;font-size:36px;line-height:1.1}.hero-foot{left:22px;right:22px;bottom:35px}.hero-foot>.micro{font-size:7px;letter-spacing:.15em}.film-link{gap:10px;font-size:7px}.play-icon{width:35px;height:35px;font-size:14px}.motion-mobile .hero-track{height:220svh}.motion-mobile .hero-stage{position:sticky;top:0}.portal-track{height:80svh}.portal-stage{height:80svh}.portal-lens{height:130%}.foundation-content{grid-template-columns:1fr;gap:25px;padding:60px 0 40px}.foundation-content>.micro{font-size:10px}.foundation h2{font-size:40px;line-height:1.1}.foundation-copy{margin:0;align-self:start}.brand-names{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.brand-names span{font-size:22px}.brand-names span:nth-child(2){font-size:20px}.brand-names span:nth-child(3){font-size:22px}.brand-names span:last-child{font-size:9px}.demo-section{min-height:50svh;padding:75px 6vw;gap:25px}.demo-button{font-size:17vw}.demo-button>span{font-size:24px;margin-left:20px}.page-progress{left:10px;right:10px;bottom:8px}.no-motion .hero-intro{padding:62svh 25px 0}.no-motion .hero-stage{padding-bottom:120px}.no-motion .use-copy .body-copy{color:#ddd8ce}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.hero-frames{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;filter:brightness(.7) saturate(.65)}

@media(max-width:799px){.uses{padding-bottom:20px}.use-gallery-heading,.use-gallery{width:calc(100% - 40px)}.use-gallery-heading{display:block;padding:70px 0 25px}.use-heading-group{justify-content:flex-start;gap:8px}.use-gallery-heading h2{font-size:clamp(56px,11vw,88px);text-align:left}.use-heading-group>.micro{font-size:12px}.use-row{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:35px 0}.use-detail{display:block;scroll-margin-top:100px}.use-copy{max-width:520px}.use-copy>.use-index{font-size:14px;margin-bottom:18px}.use-copy h2{font-size:40px;line-height:1;margin-bottom:8px}.use-copy .body-copy{font-size:20px;line-height:1.1;max-width:420px}.capabilities{font-size:11px;line-height:1.4;margin-top:16px;max-width:420px}.use-card{width:100%;margin:0}.use-media-mask{aspect-ratio:7/4;width:100%;border-radius:8px}}
@media(max-width:360px){.use-gallery-heading h2{font-size:clamp(42px,13.6vw,50px)}.use-heading-group{gap:6px}}

@media(min-width:800px) and (max-width:1099px){.service-toggle{grid-template-columns:27% minmax(0,1fr) 20px;gap:28px}.service-panel-content{margin-left:calc(27% + 28px);gap:24px;padding-right:48px}.service-row.is-open .service-title{font-size:44px}.service-panel-content>p{font-size:20px}.foundation-content{gap:30px}.foundation h2{font-size:44px}}
@media(max-height:700px) and (min-width:800px){.process-stage{min-height:560px}.process-card{height:460px}.process-card h3{font-size:48px}.process-heading h2{font-size:110px}}
@media(max-width:799px){.services{padding:65px 0 40px}.section-heading{justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:35px}.section-heading h2,.process-heading h2{font-size:clamp(58px,13vw,88px)}.section-label{font-size:11px;padding-top:4px}.service-toggle{grid-template-columns:30px minmax(0,1fr) 16px;gap:16px;padding:24px 0}.service-number{font-size:20px;margin-top:4px}.service-title{font-size:26px}.service-row.is-open .service-title{font-size:32px}.service-symbol{width:14px;height:14px;margin-top:4px}.service-symbol:before,.service-symbol:after{width:14px}.service-panel-content{margin-left:46px;padding:0 0 24px;display:block}.service-panel-content>p{font-size:20px;line-height:1.1;margin-bottom:24px}.service-panel-content ul{font-size:14px}.process-stage{height:auto;min-height:0;padding:45px 20px 60px;overflow:visible}.process-track{display:block;width:100%;padding:0;will-change:auto}.process-heading{gap:16px;flex-wrap:wrap;margin-bottom:32px}.process-heading h2 br{display:none}.process-cards{display:grid;grid-template-columns:1fr;width:100%}.process-card{width:100%;height:auto;min-height:330px;padding:24px;margin:0 0 -1px}.process-step{font-size:24px;margin-bottom:55px}.process-card h3{font-size:40px;margin-bottom:20px}.process-card>div>p{font-size:20px;line-height:1.1;max-width:420px}}
@media(prefers-reduced-motion:reduce){.process-stage{height:auto;min-height:0;padding:60px 24px}.process-track{display:block;width:100%;padding:0}.process-heading{margin-bottom:35px}.process-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.process-card{width:auto;height:auto;min-height:380px}.process-card h3{font-size:40px}.process-card>div>p{font-size:20px}}
@media(max-width:799px) and (prefers-reduced-motion:reduce){.process-stage{padding:45px 20px 60px}.process-cards{grid-template-columns:1fr}.process-card{min-height:330px}}

@media(max-width:360px){.process-heading h2{font-size:clamp(46px,14vw,52px)}}

/* Word masks reveal type without changing the page grid or video framing. */
.reveal-word-mask{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}.reveal-word,.reveal-body-word{display:inline-block;transform-origin:0 100%}.reveal-word{will-change:transform}.reveal-body-word{will-change:opacity,transform}

.use-copy h2{--fill-from:#3b3b39;--fill-to:#cacaca}.use-copy .body-copy{--fill-from:#393938;--fill-to:#8f8f8f}

/* Beyond the physical — framework, demonstrations and browser experiences. */
html{scroll-padding-top:100px}.navigation{overflow-y:auto;padding-top:100px;padding-bottom:60px}.nav-top{margin-bottom:24px}.hero-title-entrance{top:23%}.hero-intro{left:12%;right:12%;font-size:clamp(36px,4.2vw,64px);line-height:1.12}.hero-demo{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #8c8880;margin-top:32px;padding:10px 0;letter-spacing:.15em}.hero-demo span{font-size:17px}
.approach,.work{padding:100px 0 60px;background:#0d0d0c}.work{background:#0b0b0b;border-top:1px solid #252523}.section-intro{padding:0 0 48px;max-width:1100px}.section-eyebrow{font-size:10px;letter-spacing:.2em;color:#8f8d86;margin-bottom:28px}.editorial-heading{justify-content:flex-start;display:block;margin:0 0 24px}.editorial-heading h2{text-transform:none}.section-description{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.04em;color:#92928d;max-width:720px}.framework-row{border-top:1px solid #2a2a27;padding:64px 0;gap:64px}.framework-copy h2{font-family:var(--sans);font-weight:400;font-size:clamp(76px,8vw,112px);letter-spacing:0;line-height:1;text-transform:uppercase;margin-bottom:24px}.framework-copy h3,.work-copy h3{font-size:30px;line-height:1.07;letter-spacing:-.05em;font-weight:500;margin:0 0 20px;color:#b6b6b0}.framework-copy .body-copy,.work-copy .body-copy{font-size:22px;line-height:1.18;letter-spacing:-.04em}.framework-copy .use-index,.work-copy .use-index{font-size:10px;letter-spacing:.12em;color:#74746e;margin-bottom:24px}.framework-copy .capabilities,.work-copy .capabilities{color:#787872;font-size:12px;line-height:1.5;margin-top:24px}.framework-signature{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2a2a27;padding:28px 0;font-size:clamp(22px,3vw,38px);font-weight:500;letter-spacing:-.05em;color:#898982}.framework-signature i{font-style:normal;font-size:24px;color:#55554f}.work .section-intro{padding-bottom:35px}.work-row{padding:64px 0;border-top:1px solid #252523}.work-copy h2{font-size:clamp(40px,4vw,56px);margin-bottom:20px}.work-copy h3{font-size:24px;color:#b5b5af;margin-bottom:16px}.work .use-media-mask{border-radius:10px}
.platforms{position:relative;z-index:11;padding:100px 0;background:#111110;color:#cacaca;border-top:1px solid #272725}.platform-intro{max-width:none;display:grid;grid-template-columns:1.1fr 1fr;column-gap:64px;align-items:end;padding-bottom:55px}.platform-intro>.section-eyebrow{grid-column:1/-1}.platform-intro .editorial-heading{margin:0}.platform-intro .section-description{font-size:24px;max-width:520px}.platform-viewer{max-width:1100px;margin:0 auto}.platform-viewer .use-media-mask{border-radius:12px}.viewer-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.02em;color:#787872;margin-top:16px}.platform-note{font-size:24px;line-height:1.25;letter-spacing:-.04em;max-width:710px;margin:55px auto;color:#979791;text-align:center}.product-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #34342e;border-bottom:1px solid #34342e}.product{padding:40px 48px 40px 0}.product+ .product{padding-left:48px;border-left:1px solid #34342e}.product>.micro{font-size:9px;color:#7f7f77}.product h3{display:flex;justify-content:space-between;align-items:center;font-size:56px;font-weight:500;letter-spacing:-.06em;margin:24px 0 32px}.product h3 span{font-size:30px;color:#66665f}.product h4{font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:0 0 12px}.product>p:last-child{font-size:20px;line-height:1.3;letter-spacing:-.035em;color:#96968e;max-width:460px}.outline-button{display:flex;align-items:center;gap:50px;margin-top:40px;padding:18px 24px;border:1px solid #57574d;font-size:10px;letter-spacing:.12em}.outline-button>span{font-size:20px}.outline-button:hover{background:#20201c}
.process-heading{flex-basis:440px}.process-heading h2{font-family:var(--sans);font-size:60px;line-height:1;letter-spacing:-.06em;text-transform:none;white-space:normal}.process-heading h2 br{display:block}.process-intro{font-size:28px;line-height:1.12;letter-spacing:-.045em;color:#aaa99f;margin:20px 0 32px}.process-support{font-size:19px;line-height:1.3;letter-spacing:-.03em;color:#7e7d75;max-width:350px}.process-card{width:360px;flex:0 0 360px}.process-card h3{font-size:48px}.process-card>div>p{font-size:22px;line-height:1.15}.foundation-copy>p+p{margin-top:20px}.demo-section{min-height:80svh;padding-top:110px;padding-bottom:110px;text-align:center;gap:28px}.demo-section h2{font-size:clamp(48px,6vw,84px);line-height:1;letter-spacing:-.06em}.demo-copy{font-size:22px;line-height:1.3;color:#8f8d85;letter-spacing:-.035em}.demo-button{font-size:clamp(48px,6vw,84px);margin-top:18px}.demo-button>span{font-size:32px}
@media(min-width:800px) and (max-width:1099px){.framework-row{column-gap:28px}.framework-copy h3{font-size:26px}.framework-copy .body-copy,.work-copy .body-copy{font-size:20px}.platform-intro{gap:28px}.platform-intro .section-description{font-size:21px}.product{padding-right:28px}.product+.product{padding-left:28px}}
@media(max-height:700px) and (min-width:800px){.process-heading h2{font-size:52px}.process-intro{font-size:25px;margin-bottom:20px}.process-support{font-size:17px}.process-card h3{font-size:40px;margin-bottom:24px}.process-card>div>p{font-size:20px}.hero-title-entrance{top:22%}}
@media(max-width:799px){html{scroll-padding-top:90px}.navigation{padding:95px 22px 35px}.nav-top{margin-bottom:20px}.hero-title-entrance{top:25%}.hero-intro{font-size:clamp(28px,5.6vw,40px);left:7%;right:7%}.hero-demo{margin-top:26px;font-size:8px}.approach,.work,.platforms{padding:65px 0 40px}.section-intro{padding-bottom:35px}.section-eyebrow{font-size:9px;margin-bottom:22px}.editorial-heading{margin-bottom:22px}.section-description{font-size:20px;line-height:1.25}.framework-row,.work-row{padding:38px 0;gap:28px}.framework-copy h2{font-size:clamp(68px,13vw,96px);margin-bottom:20px}.framework-copy h3{font-size:28px;max-width:450px}.framework-copy .body-copy,.work-copy .body-copy{font-size:20px;line-height:1.2;max-width:520px}.framework-copy .use-index,.work-copy .use-index{font-size:9px;margin-bottom:20px}.framework-copy .capabilities,.work-copy .capabilities{font-size:11px;margin-top:20px}.framework-signature{font-size:clamp(19px,4vw,28px);padding:24px 0}.framework-signature i{font-size:18px}.work-copy h2{font-size:40px;max-width:450px}.work-copy h3{font-size:23px;max-width:440px}.platform-intro{display:block;padding-bottom:36px}.platform-intro .editorial-heading{margin-bottom:24px}.platform-intro .section-description{font-size:20px}.viewer-caption{font-size:10px}.platform-note{font-size:20px;text-align:left;margin:35px 0}.product-grid{grid-template-columns:1fr}.product,.product+.product{padding:30px 0;border-left:0}.product+.product{border-top:1px solid #34342e}.product h3{font-size:48px;margin:20px 0 24px}.product h4{font-size:24px}.product>p:last-child{font-size:20px}.process-heading{display:block;margin-bottom:35px}.process-heading h2{font-size:46px}.process-intro{font-size:25px;margin:18px 0 24px}.process-support{font-size:18px;max-width:450px}.process-card{width:100%;min-height:360px;flex-basis:auto}.process-card h3{font-size:40px}.process-card>div>p{font-size:20px;line-height:1.2}.foundation-content{padding-top:60px}.foundation h2{font-size:40px}.demo-section{padding:80px 20px;min-height:65svh;gap:26px}.demo-section h2{font-size:clamp(40px,8vw,60px)}.demo-copy{font-size:20px}.demo-button{font-size:clamp(40px,8vw,60px);margin-top:5px}.demo-button>span{font-size:24px;margin-left:16px}}
@media(prefers-reduced-motion:reduce) and (min-width:800px){.process-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card{width:auto;min-height:400px}.hero-intro{font-size:20px}.hero-demo{display:none}}
@media(max-width:360px){.work-copy h2{font-size:36px}.process-heading h2{font-size:40px}.framework-copy h3{font-size:26px}}
.use-copy h3{--fill-from:#3b3b39;--fill-to:#b6b6b0}

.product-film{width:100%;height:auto;aspect-ratio:1280/732;object-fit:contain;border-radius:8px;background:#070707;margin-top:30px}.product>p:not(.micro){font-size:20px;line-height:1.3;letter-spacing:-.035em;color:#96968e;max-width:460px}
.no-motion .process-stage{height:auto;min-height:0;padding:60px 24px}.no-motion .process-track{display:block;width:100%;padding:0}.no-motion .process-heading{margin-bottom:35px}.no-motion .process-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.no-motion .process-card{width:auto;height:auto;min-height:400px}
@media(max-width:799px){.no-motion .process-cards{grid-template-columns:1fr}.no-motion .process-stage{padding:45px 20px 60px}}

/* Concise positioning: persistent header actions and film-led use cases. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{grid-template-columns:1fr auto 1fr;gap:24px}.header-actions{justify-self:end;display:flex;align-items:center;gap:24px;white-space:nowrap}.header-cta{padding:11px 0;white-space:nowrap}.header-cta>span{margin-left:8px;font-size:14px}.header-demo{border:1px solid #777;padding:11px 14px}.header-cta:hover{color:#d1cabc}.header .menu-button{padding:12px 0 12px 3px;gap:0}.header-talk{border-bottom:1px solid transparent}.header-talk:hover{border-bottom-color:currentColor}
.offerings{position:relative;z-index:10;padding:80px 0 40px;background:#0d0d0c}.lean-section-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 24px}.lean-section-header .section-eyebrow{margin:0;color:#8f8d86}.lean-section-header>span{font-size:10px;color:#65655e;letter-spacing:0}.offering-row{border-top:1px solid #2a2a27;padding:56px 0}.offering-row .use-index{font-size:14px;color:#98988e;letter-spacing:.02em;text-transform:none;margin-bottom:24px}.offering-row h2,.lean-work h2{font-size:clamp(40px,4.1vw,56px);line-height:1;letter-spacing:-.06em;margin-bottom:22px}.offering-row .body-copy,.lean-work .body-copy{font-size:22px;line-height:1.2;letter-spacing:-.04em;max-width:390px}.lean-work{padding:70px 0 40px}.lean-work .work-row{padding:56px 0}.lean-work .use-index{font-size:12px;letter-spacing:0;color:#77776e;margin-bottom:24px}.lean-approach{position:relative;z-index:11;padding:80px 0 85px;border-top:1px solid #292925;background:#10100f;color:#cacaca}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #34342f}.principle{min-width:0;padding:36px 34px 0 0}.principle+.principle{border-left:1px solid #34342f;padding-left:34px}.principle h2{font-family:var(--sans);font-size:clamp(64px,7vw,100px);font-weight:400;line-height:1;letter-spacing:0;text-transform:uppercase;margin:0 0 24px}.principle p{font-size:24px;line-height:1.15;letter-spacing:-.04em;color:#92928a;max-width:330px}.lean-closing{min-height:48svh;padding:90px 20px}.lean-closing h2{font-size:clamp(48px,6vw,84px)}
@media(min-width:800px) and (max-width:1099px){.header-actions{gap:18px}.offering-row h2,.lean-work h2{font-size:40px}.offering-row .body-copy,.lean-work .body-copy{font-size:20px}.principle{padding-right:24px}.principle+.principle{padding-left:24px}.principle h2{font-size:66px}.principle p{font-size:21px}}
@media(max-width:799px){.header{grid-template-columns:auto minmax(0,1fr);gap:14px;height:76px}.header .brand{font-size:15px}.header-actions{gap:14px}.header-cta{padding:9px 0}.header-cta>span{font-size:12px;margin-left:4px}.header-demo{padding:9px 10px}.header .menu-button{padding:10px 0 10px 2px}.offerings,.lean-work{padding:55px 0 25px}.lean-section-header{padding-bottom:20px}.offering-row,.lean-work .work-row{padding:35px 0;gap:24px}.offering-row .use-index{font-size:13px;margin-bottom:18px}.offering-row h2,.lean-work h2{font-size:40px;margin-bottom:16px;max-width:450px}.offering-row .body-copy,.lean-work .body-copy{font-size:20px;line-height:1.2;max-width:480px}.lean-work .use-index{margin-bottom:18px}.lean-approach{padding:55px 0}.principle-grid{grid-template-columns:1fr}.principle,.principle+.principle{padding:28px 0;border-left:0}.principle+.principle{border-top:1px solid #34342f}.principle:last-child{padding-bottom:0}.principle h2{font-size:68px;margin-bottom:18px}.principle p{font-size:22px;max-width:430px}.lean-closing{min-height:40svh;padding:70px 20px}.lean-closing h2{font-size:clamp(40px,8vw,60px)}}
@media(max-width:380px){.header{gap:10px}.header-actions{gap:9px}.header-demo{padding:8px 6px}.header-cta>span{font-size:10px;margin-left:3px}.header .brand{font-size:13px}.header .menu-icon,.header .menu-icon i{width:16px}.offering-row h2,.lean-work h2{font-size:36px}}



/* The two offerings form a held film sequence, separate from the use-case gallery. */
.offering-sequence{position:relative;z-index:10;padding:0;background:#10100f;isolation:isolate}.offering-stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate}.offering-atmosphere{position:absolute;inset:-40px;z-index:-3;overflow:hidden}.offering-atmosphere img{object-fit:cover;filter:blur(24px) brightness(.43) saturate(.55);transform:scale(1.08)}.offering-atmosphere-next{opacity:0;z-index:-2}.offering-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,8,.15),rgba(8,8,8,.25) 50%,rgba(8,8,8,.65));pointer-events:none}.offering-section-label{position:absolute;top:auto;bottom:28px;left:var(--page-inset);color:#c3c1b8}.offering-layout,.offering-copy-track{width:var(--content-span);max-width:var(--content-width);margin-left:auto;margin-right:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(48px,6vw,100px)}.offering-layout{height:100%;padding-top:130px;padding-bottom:90px;align-items:center}.offering-media-stack{position:relative;grid-column:1;width:100%;max-width:calc((100svh - 160px)*4/3);aspect-ratio:4/3;margin:0 auto;isolation:isolate}.offering-film{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;background:#0b0b0b}.offering-film video{width:100%;height:100%;object-fit:cover;object-position:center}.offering-film-next{z-index:2;clip-path:inset(50% 50% 50% 50%);will-change:clip-path}.offering-copy-track{position:relative;margin-top:-100svh;z-index:2;pointer-events:none}.offering-copy-rail{grid-column:2;min-width:0}.offering-copy-panel{position:relative;min-height:100svh;padding:130px 0 90px;display:flex;align-items:center;scroll-margin-top:0}.offering-copy{width:100%;max-width:520px;color:#e3e1da}.offering-index{color:#a4a198;margin:0 0 42px}.offering-copy h2{margin:0 0 26px}.offering-copy>p:last-child{font-size:21px;line-height:1.35;letter-spacing:-.035em;color:#b2afa7;max-width:430px}.offering-inline-film{display:none}
@media(min-width:800px) and (max-width:1099px){.offering-layout,.offering-copy-track{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:36px}.offering-copy>p:last-child{font-size:19px}}
@media(min-width:800px) and (max-height:700px){.offering-layout{padding-top:110px;padding-bottom:50px}.offering-copy-panel{padding-top:110px;padding-bottom:50px}.offering-copy>p:last-child{font-size:18px}.offering-section-label{top:auto;bottom:28px}}
@media(max-width:799px),(min-width:800px) and (max-width:1100px) and (max-aspect-ratio:1/1){.offering-stage{display:none}.offering-copy-track{display:block;width:100%;margin-top:0}.offering-copy-rail{width:100%;padding:0}.offering-copy-panel{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:30px;padding:65px 20px 45px;overflow:clip;isolation:isolate;scroll-margin-top:76px;pointer-events:auto}.offering-copy-panel:before{content:'';position:absolute;inset:-25px;z-index:-1;background-image:linear-gradient(rgba(10,10,10,.5),rgba(10,10,10,.85)),var(--offering-background);background-size:cover;background-position:center;filter:blur(18px);opacity:.8}.offering-copy-panel+.offering-copy-panel{border-top:1px solid var(--frame-border)}.offering-copy{max-width:620px;width:100%;margin:0}.offering-copy>p:last-child{font-size:20px;line-height:1.3;max-width:520px}.offering-inline-film{display:block;aspect-ratio:4/3;overflow:hidden;background:#080808;width:100%;max-width:700px;margin:0 auto}.offering-inline-film video{width:100%;height:100%;object-fit:cover}}
.no-motion .offering-stage{display:none}.no-motion .offering-copy-track{display:block;margin-top:0}.no-motion .offering-copy-panel{min-height:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;align-items:center;padding:70px 0}.no-motion .offering-copy{grid-column:2;grid-row:1}.no-motion .offering-inline-film{display:block;grid-column:1;grid-row:1;width:100%;aspect-ratio:4/3}.no-motion .offering-inline-film video{width:100%;height:100%;object-fit:cover}
@media(max-width:799px),(min-width:800px) and (max-width:1100px) and (max-aspect-ratio:1/1){.no-motion .offering-copy-panel{display:flex;padding:65px 20px 45px;gap:30px}}

.offering-film-next{--reveal-inset:50%;clip-path:inset(var(--reveal-inset) var(--reveal-inset) var(--reveal-inset) var(--reveal-inset));will-change:clip-path}
@media(min-width:800px) and (orientation:landscape),(min-width:1101px){.offering-copy-rail{padding-top:10svh;padding-bottom:30svh}.offering-copy-panel{min-height:80svh}}
.no-motion .offering-copy-rail{padding:0}

/* Offering descriptions settle inside a held window, with a bounded handoff. */
.offering-sequence{height:260svh}.offering-copy-window{grid-column:2;position:relative;min-width:0;height:clamp(350px,calc(100svh - 160px),560px);overflow:clip;isolation:isolate}.offering-copy-window .offering-copy-panel{position:absolute;inset:0;min-height:0;height:100%;padding:0;display:flex;align-items:center;will-change:transform,opacity}.offering-copy-window .offering-inline-film{display:none}

/* Editorial highlights: varied crops, offset pairs and an expansive browser film. */
.highlights{position:relative;z-index:11;padding:100px 0 clamp(40px,5vw,72px);background:#0b0b0b;color:#cacaca;border-top:1px solid #252523}.highlights-heading{padding-bottom:var(--content-gap)}.highlights-heading .editorial-heading{margin:0}.highlight-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(30px,5.5vw,88px);row-gap:100px;align-items:start}.highlight-card{min-width:0}.highlight-story{grid-column:1/span 7}.highlight-explore{grid-column:9/span 4;margin-top:170px}.highlight-guide{grid-column:2/span 10;margin-top:12px}.highlight-spatial{grid-column:1/span 4;margin-top:60px}.highlight-link{grid-column:6/span 7}.highlight-media{position:relative;aspect-ratio:var(--media-ratio);width:100%;margin:0;overflow:hidden;background:#141413;isolation:isolate}.highlight-media video{width:100%;height:100%;object-fit:cover;object-position:center}.highlight-tags{position:absolute;bottom:16px;right:16px;left:16px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;pointer-events:none}.highlight-tags li{color:#e8e7e1}.highlight-caption{padding-top:24px}.highlight-caption h3{display:flex;align-items:baseline;gap:14px;margin:0 0 18px}.highlight-caption h3>span[aria-hidden]{color:#66675e;flex:none;position:relative;top:-2px}.highlight-caption p{color:#92928b;margin-left:25px;max-width:620px}
@media(min-width:800px) and (max-width:1099px){.highlight-grid{column-gap:32px;row-gap:75px}.highlight-story{grid-column:1/span 7}.highlight-explore{grid-column:8/span 5;margin-top:100px}.highlight-spatial{grid-column:1/span 5}.highlight-link{grid-column:6/span 7}.highlight-tags{bottom:10px;left:10px;right:10px}}
@media(max-width:799px),(min-width:800px) and (max-width:1100px) and (max-aspect-ratio:1/1){.offering-sequence{height:auto}.offering-sequence .offering-stage{display:block;position:relative;height:auto;overflow:visible}.offering-stage>.offering-atmosphere,.offering-stage>.offering-shade,.offering-stage>.offering-section-label,.offering-layout>.offering-media-stack{display:none}.offering-layout{display:block;width:100%;max-width:none;height:auto;padding:0}.offering-copy-window{display:block;position:relative;height:auto;overflow:visible}.offering-copy-window .offering-copy-panel{position:relative;inset:auto;min-height:0;height:auto;display:flex;flex-direction:column;align-items:stretch;padding:60px var(--page-gutter) 45px;gap:var(--content-gap);will-change:auto}.offering-copy-window .offering-inline-film{display:block}}
@media(max-width:799px){.highlights{padding:60px 0 70px}.highlight-grid{grid-template-columns:1fr;row-gap:48px}.highlight-card{grid-column:1!important;margin-top:0!important}.highlight-explore,.highlight-spatial{width:85%;justify-self:end}.highlight-spatial{justify-self:start}.highlight-caption{padding-top:20px}.highlight-caption h3,.highlight-explore .highlight-caption h3,.highlight-spatial .highlight-caption h3{gap:10px}.highlight-caption p{margin-left:21px}.highlight-tags{left:10px;right:10px;bottom:10px;gap:4px}.highlight-guide{width:100%}.highlight-story,.highlight-link{width:100%}}
.no-motion .offering-sequence{height:auto}.no-motion .offering-sequence .offering-stage{display:block;position:relative;height:auto;overflow:visible}.no-motion .offering-stage>.offering-atmosphere,.no-motion .offering-stage>.offering-shade,.no-motion .offering-stage>.offering-section-label,.no-motion .offering-layout>.offering-media-stack{display:none}.no-motion .offering-layout{display:block;width:var(--content-span);max-width:var(--content-width);height:auto;padding:0}.no-motion .offering-copy-window{height:auto;overflow:visible}.no-motion .offering-copy-window .offering-copy-panel{position:relative;inset:auto;min-height:0;height:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;padding:70px 0;visibility:visible;opacity:1;transform:none;will-change:auto}.no-motion .offering-copy-window .offering-inline-film{display:block}
@media(max-width:799px),(min-width:800px) and (max-width:1100px) and (max-aspect-ratio:1/1){.no-motion .offering-layout{width:100%}.no-motion .offering-copy-window .offering-copy-panel{display:flex;padding:60px var(--page-gutter) 45px;gap:var(--content-gap)}}
.offering-copy-window{height:min(560px,calc(100svh - 220px));min-height:320px}
@media(min-width:800px) and (max-height:700px){.offering-copy-window{height:min(500px,calc(100svh - 160px));min-height:300px}}
@media(max-width:799px),(min-width:800px) and (max-width:1100px) and (max-aspect-ratio:1/1){.offering-copy-window{height:auto;min-height:0}}
.no-motion .offering-copy-window{height:auto;min-height:0}

/* Nakula-inspired service disclosures, a travelling process strip, and a generous closing. */
.header{height:72px;display:flex;justify-content:space-between;gap:20px}.header .brand{font-size:20px;text-align:left;letter-spacing:.14em}.header .brand span{font-size:6px;letter-spacing:.48em;margin-top:5px}.header-actions{gap:20px}.header-demo{border-radius:30px;padding:11px 16px;border-color:#454542}.header-talk:hover{border-color:transparent}.header .menu-button{border:1px solid #454542;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;padding:0}.header .menu-icon{width:18px}.help-section{position:relative;z-index:11;background:#0b0b0b;color:#cacaca;padding:100px 0 0;scroll-margin-top:90px}.bold-heading{max-width:1400px;width:calc(100% - 48px);margin:0 auto 70px;display:flex;justify-content:center;align-items:flex-start;gap:14px}.bold-heading h2{font:400 clamp(70px,9vw,146px)/1 var(--sans);letter-spacing:-.015em;text-transform:uppercase}.bold-heading>span{font-size:14px;line-height:1.2;letter-spacing:-.04em;margin-top:8px;white-space:nowrap}.help-row{border-top:1px solid var(--frame-border);transition:background .5s}.help-row:last-child{border-bottom:1px solid var(--frame-border)}.help-row.is-open{background:#171716}.help-row-inner{margin:auto;display:grid;grid-template-columns:22% 30% minmax(0,1fr);column-gap:clamp(30px,4vw,70px);align-items:start;padding:38px 0;min-height:128px;transition:padding .6s,min-height .6s}.help-number{color:#555;transition:font-size .6s}.help-number i,.workflow-step i{font-style:normal;color:#e65d43}.help-media{height:0;aspect-ratio:4/3;overflow:clip;opacity:0;clip-path:inset(30% 30% 30% 30%);transition:height .6s,opacity .5s,clip-path .7s}.help-media video{object-fit:cover}.help-copy{min-width:0}.help-copy h3{margin:0}.help-toggle{padding:0;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:color .3s}.help-toggle>.help-symbol{font-size:24px;font-weight:300;color:#777;transition:transform .4s}.help-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s,opacity .45s}.help-detail>div{overflow:hidden}.help-detail p{color:#969690;margin:14px 0 40px}.help-detail ul{list-style:none;display:flex;gap:6px;flex-wrap:wrap;padding:0;margin:0}.help-detail li{color:#9c9c95}.help-row.is-open .help-row-inner{min-height:350px;padding:48px 0}.help-row.is-open .help-media{height:auto;opacity:1;clip-path:inset(0% 0% 0% 0%)}.help-row.is-open .help-toggle>.help-symbol{transform:rotate(45deg)}.help-row.is-open .help-detail{grid-template-rows:1fr;opacity:1}.help-toggle:hover{color:#fff}.help-label{min-width:0;overflow-wrap:anywhere}
.workflow{position:relative;z-index:11;background:#0b0b0b;color:#cacaca}.workflow-stage{position:relative;height:100svh;min-height:620px;display:flex;align-items:center;overflow:clip;padding-top:50px}.workflow-track{display:flex;align-items:flex-start;gap:50px;width:max-content;padding:0 var(--page-inset);will-change:transform}.workflow-heading{width:auto;flex:0 0 clamp(330px,32vw,480px);margin:0;justify-content:flex-start;gap:16px}.workflow-heading h2{font-size:clamp(90px,10vw,146px);white-space:nowrap}.workflow-cards{display:flex;list-style:none;padding:0;margin:0}.workflow-card{width:clamp(300px,25vw,380px);height:clamp(420px,66svh,560px);border:1px solid #2d2d2a;padding:24px;display:flex;flex-direction:column;justify-content:space-between;margin-left:-1px;flex-shrink:0}.workflow-step{font-size:30px;line-height:1;font-weight:600;letter-spacing:-.05em;color:#777}.workflow-phase{font-size:10px;letter-spacing:.14em;color:#777;margin-bottom:16px}.workflow-card h3{font-size:clamp(40px,3.5vw,56px);line-height:1;letter-spacing:-.06em;font-weight:600;margin:0 0 28px}.workflow-description{font-size:22px;line-height:1.15;letter-spacing:-.04em;color:#93938b}.workflow-meter{position:absolute;bottom:30px;left:24px;right:24px;height:1px;background:#262624}.workflow-meter span{display:block;width:100%;height:100%;background:#a3a39b;transform:scaleX(0);transform-origin:left}.no-motion .workflow-stage{height:auto;min-height:0;padding:80px 24px}.no-motion .workflow-track{display:block;width:100%;padding:0}.no-motion .workflow-heading{margin:0 0 40px}.no-motion .workflow-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.no-motion .workflow-card{width:auto;height:440px}.no-motion .workflow-meter{display:none}
@media(min-width:800px) and (max-height:700px){.workflow-stage{min-height:500px}.workflow-card{height:380px}.workflow-card h3{font-size:40px;margin-bottom:20px}.workflow-description{font-size:20px}.workflow-heading h2{font-size:105px}}
@media(min-width:800px) and (max-width:1099px){.help-row-inner{grid-template-columns:12% 31% minmax(0,1fr);gap:28px}}
@media(max-width:799px){.header{height:66px;gap:12px}.header .brand{font-size:16px}.header .brand span{font-size:5px}.header-actions{gap:12px}.header-demo{padding:9px 11px}.header .menu-button{width:34px;height:34px}.help-section{padding-top:65px}.bold-heading{width:calc(100% - 40px);justify-content:flex-start;gap:9px;flex-wrap:wrap;margin-bottom:34px}.bold-heading h2{font-size:clamp(46px,9.8vw,78px)}.bold-heading>span{font-size:10px;margin-top:4px}.help-row-inner{grid-template-columns:36px minmax(0,1fr);gap:0 16px;padding:26px 0;min-height:90px}.help-number{grid-column:1;grid-row:1}.help-media{grid-column:2;grid-row:2;max-width:460px}.help-copy{grid-column:2;grid-row:1}.help-row.is-open .help-row-inner{padding:28px 0;min-height:0;row-gap:24px}.help-detail p{margin:14px 0 22px}.workflow-stage{height:auto;min-height:0;padding:65px 20px;overflow:visible;display:block}.workflow-track{display:block;width:100%;padding:0;will-change:auto}.workflow-heading{margin:0 0 34px;width:100%;display:flex;flex-wrap:nowrap;flex-basis:auto}.workflow-heading h2{font-size:clamp(65px,14vw,100px);white-space:normal}.workflow-heading h2 br{display:none}.workflow-cards{display:grid;grid-template-columns:1fr}.workflow-card{width:100%;height:auto;min-height:330px;margin:0 0 -1px;padding:24px}.workflow-step{font-size:26px;margin-bottom:48px}.workflow-card h3{font-size:40px;margin-bottom:20px}.workflow-description{font-size:20px;max-width:440px}.workflow-card h3 br{display:none}.workflow-phase{margin-bottom:12px}.workflow-meter{display:none}.no-motion .workflow-stage{padding:65px 20px}.no-motion .workflow-cards{grid-template-columns:1fr}.no-motion .workflow-card{height:auto;min-height:330px}}
@media(max-width:360px){.header-actions{gap:8px}.header-cta>span{display:none}.header-demo{padding:9px}.header .brand{font-size:14px}.bold-heading{gap:6px}.bold-heading>span{font-size:9px}}
@media(min-width:800px) and (max-height:499px){.workflow-stage{height:auto;min-height:0;padding:70px 24px;display:block;overflow:visible}.workflow-track{display:block;width:100%;padding:0;will-change:auto}.workflow-heading{margin-bottom:36px}.workflow-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-card{width:auto;height:360px}.workflow-heading h2{font-size:80px}.workflow-meter{display:none}}
@media(min-width:800px) and (max-width:1100px){.no-motion .workflow-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Explicit media heights let the centre mask and the row resize together. */
.help-media{--help-height:min(315px,calc(22.5vw - 10.8px));transition:height .6s,opacity .5s,clip-path .7s}.help-row.is-open .help-media{height:var(--help-height)}
@media(min-width:800px) and (max-width:1099px){.help-media{--help-height:calc(23.25vw - 11.16px)}}
@media(max-width:799px){.help-media{--help-height:min(345px,calc(75vw - 69px))}}

/* Offering copy crosses the full stage, clipped only at the viewport edges. */
.offering-copy-window{overflow:visible}

/* Vision overlaps the final 30% of the second film's aperture reveal. */
.portal-stage{isolation:isolate;--portal-inset:0%;clip-path:inset(var(--portal-inset) var(--portal-inset) var(--portal-inset) var(--portal-inset));will-change:transform,clip-path}.portal-lens{z-index:0}.portal-shade{z-index:1;background:#050505;opacity:.65;pointer-events:none}.vision-statement{position:absolute;z-index:2;left:12%;right:12%;top:50%;transform:translateY(-50%);text-align:center;color:#eeede8;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.15)}.motion-desktop .portal-track,.motion-mobile .portal-track{height:200svh;margin-top:-100svh}.motion-mobile .hero-track{height:260svh}.motion-mobile .portal-stage{position:sticky;top:0;height:100svh}.no-motion .hero-stage{padding-bottom:0}.no-motion .portal-track{height:100svh;margin-top:0}.no-motion .portal-stage{position:relative;height:100svh;clip-path:none}.no-motion .vision-statement{visibility:visible;opacity:1}.no-motion .portal-shade{opacity:.68}
@media(max-width:799px){.vision-statement{left:8%;right:8%}.portal-stage{height:100svh}.portal-track{height:100svh}}

/* Offering titles and Forge-inspired, quietly animated calls to action. */
.offering-section-label{top:100px;bottom:auto;color:#dedbd3}.offering-description{color:#bcb9b0;max-width:500px}.offering-cta{position:relative;isolation:isolate;display:grid;place-items:center;width:max-content;max-width:100%;margin-top:28px;border:1px solid rgba(238,237,232,.22);background:rgba(12,12,12,.12);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:border-color .5s,background .5s}.cta-label{position:relative;z-index:1;display:block;overflow:clip;white-space:nowrap;transition:opacity .5s}.cta-glyph{position:relative;display:inline-block;transition:transform .5s cubic-bezier(.22,.68,0,1);transition-delay:calc(var(--i)*.018s)}.cta-glyph:after{content:attr(data-char);position:absolute;top:-100%;left:0;white-space:pre;color:inherit}.cta-border{position:absolute;inset:-1px;z-index:0;padding:1px;pointer-events:none;background:conic-gradient(from var(--cta-angle),transparent 21%,rgba(255,255,255,.05) 24%,#fff 25%,transparent 29%,transparent 71%,rgba(255,255,255,.05) 74%,#fff 75%,transparent 79%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:cta-orbit 4.5s linear infinite;animation-play-state:paused;opacity:.8}.offering-cta[data-in-view="true"] .cta-border{animation-play-state:running}.page-hidden .cta-border{animation-play-state:paused!important}.offering-cta:focus-visible{outline:1px dashed #d6d2c7;outline-offset:5px;border-color:rgba(238,237,232,.5)}.offering-cta:focus-visible .cta-glyph{transform:translateY(100%)}.offering-cta:focus-visible .cta-label{opacity:.65}
@property --cta-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes cta-orbit{to{--cta-angle:360deg}}
@media(hover:hover) and (pointer:fine){.offering-cta:hover{border-color:rgba(238,237,232,.45);background:rgba(255,255,255,.035)}.offering-cta:hover .cta-label{opacity:.65}.offering-cta:hover .cta-glyph{transform:translateY(100%)}}
@media(min-width:800px) and (max-width:1099px){}
@media(min-width:800px) and (max-height:700px){.offering-section-label{top:88px}.offering-cta{margin-top:22px}}
@media(max-width:799px),(min-width:800px) and (max-width:1100px) and (max-aspect-ratio:1/1){.offering-stage>.offering-section-label{display:block;position:relative;top:auto;bottom:auto;left:auto;margin:0;padding:45px var(--page-gutter) 0}.offering-copy-window .offering-copy-panel:first-child{padding-top:32px}.offering-description{max-width:560px}.offering-cta{margin-top:26px}}
.no-motion .offering-stage>.offering-section-label{display:block;position:relative;top:auto;bottom:auto;left:auto;width:var(--content-span);max-width:var(--content-width);margin:0 auto;padding:50px 0 0}.no-motion .cta-border{animation:none}.no-motion .cta-glyph{transition:none}
@media(prefers-reduced-motion:reduce){.cta-border{animation:none!important}.offering-cta .cta-glyph{transform:none!important}}
/* Keep disclosure media inside its column during live window resizing. */
.help-media{width:100%;min-width:0;max-width:100%}

/* Offering headlines rise through word masks; supporting copy fills as it enters. */
.offering-description{--fill-from:#4a4944;--fill-to:#bcb9b0}.offering-copy h2 .reveal-word-mask{padding-bottom:.12em;margin-bottom:-.12em}.offering-copy .offering-index,.offering-copy .offering-cta{will-change:transform,opacity}

/* Reveal words while the offering is held in view, with an unmistakable dim-to-light progression. */
.offering-description{--fill-from:#55534e}
@media(min-width:800px) and (orientation:landscape),(min-width:1101px){.offering-sequence{height:300svh}}
.no-motion .offering-sequence{height:auto}

/* Compact bracketed section label, matching the supplied reference. */
.offering-section-label{color:#c4c4bf}

/* Updated exploration copy: preserve editorial crops and make the numbered captions legible. */
.highlights-heading .section-eyebrow{color:#c4c4bf}.highlights-heading h2{max-width:1050px;text-wrap:balance}.highlight-caption h3>span[aria-hidden]{white-space:nowrap;top:-2px}.highlight-caption p{margin-left:0}.highlight-caption h3{gap:12px}
@media(max-width:799px){.highlight-caption h3{gap:10px}}

/* A held introduction beside a quiet, four-step column grid. */
.process-overview{padding:100px 0;background:#0b0b0b;border-top:1px solid #2b2b27;scroll-margin-top:100px}.method-shell{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,2fr);gap:64px;align-items:start;width:var(--content-span);max-width:var(--content-width);margin:0 auto}.method-intro{position:sticky;top:120px;align-self:start;min-width:0}.method-intro>.micro{color:#b9b8b0}.method-intro h2{max-width:360px;text-wrap:balance}.method-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;margin:0;min-width:0}.method-card{min-width:0;min-height:300px;padding:26px;border:1px solid var(--frame-border);display:flex;flex-direction:column;justify-content:space-between;gap:36px;background:#0e0e0d}.method-step{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 16px}.method-step>span{color:#82827b;white-space:nowrap}.method-step>strong{color:#c9c8c1}.method-card h3{margin:0 0 24px}.method-card-copy>p{color:#a5a39b;margin:0;max-width:440px}
@media(min-width:800px) and (max-width:1099px){.method-shell{grid-template-columns:240px minmax(0,1fr);gap:32px}.method-card{padding:22px;min-height:320px}.method-step{gap:10px}}
@media(min-width:800px) and (max-width:999px){.method-grid{grid-template-columns:1fr}.method-card{min-height:300px;gap:42px}.method-card h3 br{display:none}}
@media(max-width:799px){.process-overview{padding:60px 0;scroll-margin-top:90px}.method-shell{display:block;width:calc(100% - 40px)}.method-intro{position:relative;top:auto;margin-bottom:34px}.method-intro h2{max-width:420px}.method-grid{grid-template-columns:1fr;gap:16px}.method-card{min-height:300px;padding:24px;gap:44px}.method-step{gap:14px}.method-card h3 br{display:none}}
@media(max-width:360px){.method-card{padding:20px}}

/* Connected process strip: tall cards reveal to the right while the introduction holds. */
.method-window{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#4e4e46 transparent;padding-bottom:12px}.method-window:focus-visible{outline:1px solid #8a887f;outline-offset:7px}.method-grid{display:flex;width:max-content;gap:0}.method-card{flex:0 0 clamp(320px,28vw,380px);width:clamp(320px,28vw,380px);min-height:560px;padding:24px;background:#0b0b0b;scroll-snap-align:start}.method-card+.method-card{margin-left:-1px}.method-step{gap:10px 14px}.method-card-copy>p{color:#92928d;min-height:4.8em}.method-scroll-driven{padding:0}.method-scroll-driven .method-shell{height:100svh;min-height:500px;padding-top:96px;padding-bottom:64px;align-content:start;align-items:start}.method-scroll-driven .method-intro{position:relative;top:auto}.method-scroll-driven .method-window{overflow:hidden;scroll-snap-type:none;padding-bottom:0}.method-scroll-driven .method-card{height:min(560px,calc(100svh - 160px));min-height:340px}
@media(min-width:800px){.method-shell{grid-template-columns:minmax(220px,.55fr) minmax(0,2fr);gap:44px}.method-scroll-driven .method-window{margin-right:calc(0px - var(--page-inset))}}
@media(min-width:800px) and (max-height:650px){.method-scroll-driven .method-shell{padding-top:90px;padding-bottom:40px}.method-scroll-driven .method-card{height:calc(100svh - 130px);min-height:340px}}
@media(max-width:799px){.method-grid{display:flex;gap:0}.method-card{flex-basis:min(360px,calc(100vw - 60px));width:min(360px,calc(100vw - 60px));min-height:440px;padding:24px}.method-card h3 br{display:block}.method-window{margin-right:-20px;padding-right:20px;padding-bottom:16px;scroll-padding-right:20px}.method-intro{margin-bottom:34px}}
@media(max-width:360px){.method-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.method-window{scroll-behavior:auto}.method-grid{transform:none!important}}

/* The label, heading and steps share one horizontal journey. */
.method-viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#4e4e46 transparent}.method-viewport:focus-visible{outline:1px solid #8a887f;outline-offset:-5px}.method-shell{display:flex;width:max-content;max-width:none;margin:0;gap:64px;padding:0 var(--page-inset);align-items:flex-start}.method-intro{position:relative;top:auto;flex:0 0 clamp(360px,35vw,500px);width:clamp(360px,35vw,500px);scroll-snap-align:start}.method-intro h2{max-width:none}.method-intro>.micro{color:#c4c4bf}.method-window{overflow:visible;flex:none;margin:0!important;padding:0;scroll-snap-type:none;scrollbar-width:none}.method-scroll-driven .method-viewport{overflow:hidden;scroll-snap-type:none}.method-scroll-driven .method-shell{width:max-content;height:100svh;min-height:500px;padding-top:96px;padding-bottom:64px}.method-scroll-driven .method-window{overflow:visible}.method-scroll-driven .method-intro{will-change:auto}
@media(min-width:800px) and (max-height:650px){.method-scroll-driven .method-shell{padding-top:90px;padding-bottom:40px}}
@media(max-width:799px){.method-shell{display:flex;width:max-content;gap:32px;padding:0 var(--page-gutter) 16px}.method-intro{flex-basis:min(360px,calc(100vw - 60px));width:min(360px,calc(100vw - 60px));margin:0}.method-window{padding:0;scroll-padding:0}.method-viewport{scroll-padding-left:var(--page-gutter)}}
@media(prefers-reduced-motion:reduce){.method-shell{transform:none!important}.method-viewport{scroll-behavior:auto}}

/* Editorial services heading and compact numbered rows. */
.help-section{padding-top:80px}.help-heading{margin-bottom:var(--content-gap)}.help-heading>.section-eyebrow{color:#c4c4bf}.help-heading h2{text-wrap:balance}.help-row-inner{grid-template-columns:48px minmax(0,.9fr) minmax(0,1fr);column-gap:24px;min-height:116px;padding:34px 0}.help-number{color:#777}.help-copy{grid-column:2/-1;grid-row:1}.help-media{grid-column:2;grid-row:1;margin:0;--help-height:min(315px,calc((100vw - 144px)*.355))}.help-toggle>.help-symbol{flex:none}.help-row.is-open .help-copy{grid-column:3}.help-row.is-open .help-row-inner{padding:36px 0;min-height:0}.help-detail p{margin:var(--content-gap) 0 28px}
/* About SPAZE: a design heritage, with a continuous ribbon of brand names. */
.about-section{scroll-margin-top:90px;padding-bottom:0}.about-section .foundation-media img{filter:brightness(.14) saturate(.4)}.about-section .foundation-content{grid-template-columns:1fr 1fr;gap:var(--label-gap) 64px;padding:100px 0 64px}.about-section .foundation-content>.micro{color:#c4c4bf;margin:0}.about-section h2{align-self:start;max-width:none}.about-section .foundation-copy{max-width:640px;align-self:start;color:#b4b2ab}.about-section .foundation-copy>p+p{margin-top:22px}.heritage{background:#0b0b0b;padding:34px 0 70px}.heritage-label{margin:0 auto 30px;color:#a3a39c}.heritage-strip{overflow:hidden;width:100%}.heritage-track{display:flex;width:max-content;animation:heritage-drift 60s linear infinite;animation-play-state:paused;will-change:transform}.heritage-group{display:flex;flex:none;gap:32px;padding-right:32px;min-width:100vw;justify-content:space-around}.heritage-brand{flex:0 0 clamp(200px,16.5vw,260px);width:clamp(200px,16.5vw,260px);aspect-ratio:1/1;display:grid;place-items:center;border:1px solid var(--frame-border);background:#101010;color:#eeede8}.heritage-prada span{font:700 32px/1 Georgia,serif;letter-spacing:.08em}.heritage-hermes span{font:500 30px/1 Georgia,serif;letter-spacing:.06em}.heritage-fendi span{font:600 36px/1 var(--sans);letter-spacing:-.045em}.heritage-canada span{font:600 15px/1 var(--sans);letter-spacing:.12em}.heritage-strip[data-in-view="true"] .heritage-track{animation-play-state:running}.page-hidden .heritage-track{animation-play-state:paused!important}
@keyframes heritage-drift{to{transform:translateX(-50%)}}
@media(hover:hover){.heritage-strip:hover .heritage-track{animation-play-state:paused}}
@media(min-width:800px) and (max-width:1099px){.help-row-inner{grid-template-columns:38px minmax(0,.8fr) minmax(0,1fr);gap:20px}.about-section .foundation-content{gap:var(--label-gap) 32px}}
@media(max-width:799px){.help-row-inner{grid-template-columns:30px minmax(0,1fr);gap:0 16px;min-height:105px;padding:28px 0}.help-number,.help-row.is-open .help-number{margin-top:4px}.help-copy,.help-row.is-open .help-copy{grid-column:2;grid-row:1}.help-row.is-open .help-row-inner{padding:28px 0;row-gap:24px}.help-media{grid-column:2;grid-row:2;--help-height:min(345px,calc(75vw - 69px))}.help-detail p{margin:var(--content-gap) 0 24px}.about-section{padding-bottom:0}.about-section .foundation-content{grid-template-columns:1fr;gap:var(--label-gap);padding:65px 0 42px}.about-section .foundation-copy{max-width:600px}.about-section .foundation-copy>p+p{margin-top:20px}.heritage{padding:26px 0 45px}.heritage-label{margin-bottom:24px}.heritage-group{gap:20px;padding-right:20px}.heritage-brand{width:180px;flex-basis:180px}.heritage-prada span{font-size:28px}.heritage-hermes span{font-size:26px}.heritage-fendi span{font-size:32px}.heritage-canada span{font-size:12px}}
@media(max-width:360px){}
@media(prefers-reduced-motion:reduce){.heritage-track{animation:none;transform:none;will-change:auto}.heritage-strip{overflow-x:auto}.heritage-group+.heritage-group{display:none}}

/* Keep the end of the process strip and the gallery-to-About transition compact. */
.method-scroll-driven .method-shell{height:auto;min-height:0;padding-bottom:24px}.process-overview:not(.method-scroll-driven){padding-bottom:24px}.about-section .foundation-content{padding-top:48px}
@media(max-width:799px){.about-section .foundation-content{padding-top:40px}}

/* A cinematic contact invitation and a quiet, light signature. */
.contact-section{position:relative;z-index:13;isolation:isolate;overflow:clip;background:#121211;scroll-margin-top:72px}.contact-anchor{position:absolute;top:0;left:0}.contact-backdrop,.contact-overlay{position:absolute;inset:0;z-index:-2}.contact-backdrop video{object-position:50% 50%;filter:saturate(.45)}.contact-overlay{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.56)),linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.12))}.contact-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:center;padding:80px 0 48px}.contact-intro{align-self:start;padding-top:36px}.contact-intro>.micro{color:#cccac2}.contact-intro h2{color:#f5f4ef}.contact-description{max-width:500px;color:#d0cec6}.contact-form{min-width:0;background:#fafaf8;color:#111;padding:32px;box-shadow:0 15px 80px rgba(0,0,0,.12)}.contact-form-brand{font:600 19px/1.1 var(--sans);letter-spacing:.12em;margin-bottom:24px}.contact-form-brand>span{display:block;font-size:7px;letter-spacing:.35em;margin-top:5px}.contact-field{margin-bottom:18px}.contact-field label{display:block;margin-bottom:10px}.contact-field input,.contact-field textarea{display:block;width:100%;min-width:0;min-height:54px;border:1px solid transparent;background:#efefed;padding:17px 16px;color:#151515;font:400 16px/1.4 var(--sans);letter-spacing:-.02em;transition:border-color .25s,background .25s}.contact-field textarea{min-height:110px;resize:vertical}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#999993;opacity:1}.contact-field input:focus,.contact-field textarea:focus{outline:0;border-color:#77766e;background:#f4f4f1;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.contact-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#111;color:#f5f4ef;min-height:54px;transition:background .3s}.contact-submit>span:last-child{transition:transform .3s}.contact-submit:hover{background:#33332f}.contact-submit:hover>span:last-child{transform:translate(3px,-3px)}.contact-form button:focus-visible{outline:1px solid #111;outline-offset:5px}.contact-status{font-size:11px;line-height:1.4;color:#77776f;margin-top:12px;letter-spacing:-.01em}.contact-consent{font-size:11px;line-height:1.5;color:#77776f;margin-top:18px;letter-spacing:-.01em}.privacy-link{padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px}.privacy-link[aria-disabled="true"]{cursor:default}.contact-consent .privacy-link{color:#333}
@media(min-width:800px) and (max-width:1099px){.contact-shell{gap:32px;padding:80px 0}.contact-intro{padding-top:25px}.contact-form{padding:30px}}
@media(max-width:799px){.contact-section{scroll-margin-top:66px}.contact-shell{grid-template-columns:1fr;gap:38px;padding:60px 0}.contact-intro{padding-top:0}.contact-description{max-width:500px}.contact-form{padding:28px 24px;max-width:600px;width:100%}.contact-form-brand{margin-bottom:28px}.contact-field{margin-bottom:20px}.contact-field textarea{min-height:130px}.contact-consent{margin-top:22px}}
@media(max-width:360px){.contact-form{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){.contact-submit>span:last-child{transform:none!important;transition:none}}

/* Navigation, opening cue and shared word reveal. */
.header .header-talk {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1px solid rgba(238,237,232,.42);
 background: rgba(11,11,11,.12);
 transition: background .25s, border-color .25s, color .25s;
}
.header .header-talk:hover {
 background: #eeede8;
 border-color: #eeede8;
 color: #111;
}
.navigation-scrim {
 position: fixed;
 inset: 0;
 z-index: 34;
 background: rgba(0,0,0,.58);
 opacity: 0;
 visibility: hidden;
 transition: opacity .45s, visibility 0s linear .45s;
}
.navigation {
 inset: 0 0 0 auto;
 width: min(100%, 540px);
 height: 100dvh;
 padding: 86px clamp(24px,5vw,66px) 36px;
 justify-content: safe center;
 overflow-y: auto;
 overscroll-behavior: contain;
 background: #111110;
 border-left: 1px solid #2a2a27;
 opacity: 1;
 visibility: hidden;
 transform: translateX(100%);
 transition: transform .55s cubic-bezier(.22,1,.36,1), visibility 0s linear .55s;
}
.navigation > a {
 font-size: clamp(25px,4.1vw,42px);
 line-height: 1.12;
 padding: 12px 0;
}
.navigation > a small {
 width: 29px;
 color: #aaa89f;
}
.navigation > a:focus:not(:focus-visible) { outline: none; }
.menu-open .navigation {
 visibility: visible;
 transform: translateX(0);
 transition-delay: 0s;
}
.menu-open .navigation-scrim {
 visibility: visible;
 opacity: 1;
 transition-delay: 0s;
}
.hero-kicker {
 font-size: clamp(14px,1.4vw,22px);
 font-weight: 500;
 letter-spacing: .22em;
}
.hero-foot {
 left: 0;
 right: 0;
 bottom: max(26px, env(safe-area-inset-bottom));
 justify-content: center;
}
.hero-scroll {
 display: inline-flex;
 flex-direction: column;
 align-items: center;
 gap: 11px;
 padding: 8px 12px;
 color: #eeede8;
 text-shadow: 0 1px 12px rgba(0,0,0,.55);
}
.hero-chevrons {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 1px;
 height: 19px;
}
.hero-chevrons i {
 width: 8px;
 height: 8px;
 border-bottom: 1px solid currentColor;
 border-right: 1px solid currentColor;
 transform: rotate(45deg);
 animation: hero-chevron 2.2s ease-in-out infinite;
}
.hero-chevrons i + i { animation-delay: .17s; }
@keyframes hero-chevron {
 0%, 100% { opacity: .35; transform: translateY(0) rotate(45deg); }
 45% { opacity: 1; transform: translateY(3px) rotate(45deg); }
}
.vision-word {
 display: inline-block;
}
.motion-desktop .foundation .fill-line,
.motion-mobile .foundation .fill-line {
 color: var(--ink);
 background: none;
}

/* Keep the playing preview in focus while its neighbours recede. */
.highlight-media {
 filter: brightness(1) blur(0);
 transition: filter .4s ease;
}
.highlight-grid.has-playing .highlight-card:not(.is-playing) .highlight-media {
 filter: brightness(.38) blur(5px);
}
.highlight-preview {
 position: absolute;
 inset: 0;
 width: 100%;
 display: grid;
 place-items: center;
 z-index: 1;
 padding: 0;
}
.highlight-preview > span {
 opacity: 0;
 padding: 11px 15px;
 background: #eeede8;
 color: #111;
 text-transform: uppercase;
 transition: opacity .2s ease;
}
.highlight-preview:focus-visible { outline-offset: -4px; }
.highlight-preview:focus-visible > span { opacity: 1; }

@media (max-width:799px) {
 .hero-foot { bottom: max(20px, env(safe-area-inset-bottom)); }
}
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce) {
 .highlight-preview > span { opacity: 1; }
}
@media (prefers-reduced-motion:reduce) {
 .navigation, .navigation-scrim, .highlight-media, .highlight-preview > span { transition: none; }
 .hero-chevrons i { animation: none; }
}


/* Fixed controls sit directly over the page. */
.header {
 background: transparent;
 border: 0;
 color: #fff;
}
.header .header-talk,
.header .menu-button {
 border-color: rgba(255,255,255,.55);
 background: transparent;
}
.header .header-talk:hover {
 color: #0e0e0e;
 background: #fff;
 border-color: #fff;
}

/* Dark closing section with a full-width wordmark. */
.site-footer {
 position: relative;
 z-index: 15;
 overflow: clip;
 padding: clamp(64px,7vw,112px) var(--page-inset) 26px;
 background: #0e0e0e;
 color: #eeede8;
}
.footer-inner {
 max-width: var(--content-width);
 margin-inline: auto;
 container-type: inline-size;
}
.footer-upper {
 display: grid;
 grid-template-columns: 1fr 1.15fr 1fr;
 gap: 36px;
 align-items: start;
}
.footer-upper > * {
 display: grid;
 justify-items: start;
 gap: 12px;
}
.footer-label {
 margin-bottom: 9px;
 color: #b0aea6;
 text-transform: uppercase;
}
.footer-upper a:hover,
.footer-bottom a:hover {
 text-decoration: underline;
 text-underline-offset: 4px;
}
.footer-wordmark {
 margin: clamp(60px,9vw,140px) 0 clamp(24px,3.8vw,60px);
 font: 500 clamp(32px,16cqw,252px)/.92 var(--sans);
 letter-spacing: -.075em;
 white-space: nowrap;
 text-align: left;
}
.footer-bottom {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 16px 28px;
 padding-top: 20px;
 border-top: 1px solid var(--frame-border);
 color: #b0aea6;
}
.footer-bottom a { margin-left: auto; }

@media (max-width:599px) {
 .site-footer { padding: 52px var(--page-gutter) 28px; }
 .footer-upper { grid-template-columns: 1fr; gap: 32px; }
 .footer-wordmark { margin-top: 52px; }
 .footer-bottom > span { flex-basis: 100%; }
}

/* Shared type, spacing and surfaces */
:root {
 --mono: 'DM Mono', monospace;
 --type-hero: clamp(52px, 8vw, 112px);
 --type-section: clamp(36px, 4.8vw, 68px);
 --type-item: clamp(24px, 2.5vw, 36px);
 --type-body: clamp(17px, 1.5vw, 20px);
 --type-control: 14px;
 --type-meta: 12px;
 --content-width: 1400px;
 --page-gutter: clamp(20px, 4vw, 64px);
 --page-inset: max(var(--page-gutter), calc((100vw - var(--content-width)) / 2));
 --content-span: calc(100% - 2 * var(--page-gutter));
 --label-gap: 20px;
 --content-gap: 24px;
 --frame-border: #30302c;
 --form-radius: 8px;
 --capsule-radius: 999px;
}

.hero-stage h1 {
 font: 600 var(--type-hero)/.96 var(--sans);
 letter-spacing: -.05em;
}

.vision-statement,
.offering-copy h2,
.highlights-heading h2,
.help-heading h2,
.method-intro h2,
.about-section h2,
.contact-intro h2 {
 font: 600 var(--type-section)/1.05 var(--sans);
 letter-spacing: -.055em;
}

.offering-copy h3,
.highlight-caption h3,
.help-toggle,
.method-card h3,
.navigation > a {
 font: 600 var(--type-item)/1.12 var(--sans);
 letter-spacing: -.04em;
}

.offering-description,
.highlight-caption p,
.help-detail p,
.method-card-copy > p,
.about-section .foundation-copy,
.contact-description {
 font: 400 var(--type-body)/1.5 var(--sans);
 letter-spacing: -.015em;
}

.micro,
.help-number,
.highlight-caption h3 > span[aria-hidden],
.highlight-tags li,
.help-detail li,
.method-step > span,
.navigation small,
.highlight-preview > span,
.footer-upper,
.footer-bottom {
 font: 400 var(--type-meta)/1.4 var(--mono);
 letter-spacing: .035em;
}

.hero-kicker {
 font: 500 clamp(14px, 1.4vw, 22px)/1.4 var(--sans);
 letter-spacing: .22em;
}

.header .header-talk,
.offering-cta,
.contact-submit,
.contact-field label,
.method-step > strong {
 font: 500 var(--type-control)/1.2 var(--sans);
 letter-spacing: -.015em;
}

.header .header-talk,
.offering-cta,
.contact-submit {
 min-height: 44px;
 padding: 10px 18px;
 border-radius: var(--capsule-radius);
}

.cta-label { line-height: inherit; }
.cta-border { border-radius: inherit; }
.header .menu-button { width: 44px; height: 44px; }

.hero-kicker,
.offering-index,
.highlights-heading .section-eyebrow,
.help-heading > .section-eyebrow,
.method-intro > .micro,
.contact-intro > .micro {
 margin-bottom: var(--label-gap);
}

.highlight-caption h3,
.method-card h3,
.contact-intro h2 {
 margin-bottom: var(--content-gap);
}

.offering-copy h2 { margin-bottom: 12px; }
.offering-copy h3 { margin: 0 0 12px; color: #d0cdc4; }

.about-section .foundation-copy { margin-top: 4px; }
.about-section .foundation-copy > p + p { margin-top: var(--content-gap); }

.highlight-tags li,
.help-detail li {
 border: 1px solid var(--frame-border);
 padding: 6px 8px;
 color: #e8e7e1;
 background: rgba(18,18,18,.82);
 text-transform: uppercase;
}

.contact-form,
.contact-field input,
.contact-field textarea {
 border-radius: var(--form-radius);
}

.section-shell,
.foundation-content,
.help-row-inner,
.heritage-label {
 width: var(--content-span);
 max-width: var(--content-width);
}

.header { padding-inline: var(--page-inset); }

.wordmark {
 font-family: 'Space Grotesk', var(--sans);
 font-weight: 600;
}

/* Reveal the full preview when its controls receive keyboard focus. */
.highlight-media:has(:focus-visible) { clip-path: none !important; }

.contact-submit:disabled {
 cursor: wait;
 opacity: .7;
}

.contact-fallback {
 display: inline-block;
 margin-top: 8px;
 color: #252525;
 font: 500 var(--type-control)/1.4 var(--sans);
 text-decoration: underline;
 text-underline-offset: 3px;
}

.contact-fallback[hidden] { display: none; }
.contact-fallback:focus-visible { outline-color: #151515; }


/* Requested rhythm and heritage strip refinements. */
#work{padding-bottom:clamp(90px,10vw,140px)}
.about-section{background:#0b0b0b}
.about-section .foundation-content{padding-top:clamp(96px,9vw,128px)}
.heritage-brand{box-sizing:border-box;flex-basis:clamp(160px,13.2vw,208px);width:clamp(160px,13.2vw,208px);border:1px solid #41413c}
.heritage-miu-miu span{font:600 25px/1 var(--sans);letter-spacing:-.07em}
.heritage-balenciaga span{font:500 14px/1 var(--sans);letter-spacing:.08em}
.heritage-valentino span,.heritage-cartier span,.heritage-fortnum span{font:500 24px/1 Georgia,serif;letter-spacing:.015em}
.heritage-burberry span{font:600 21px/1 var(--sans);letter-spacing:-.04em}
.heritage-giorgio-armani span{font:500 12px/1.2 var(--sans);letter-spacing:.12em;text-align:center}
.heritage-acne-studios span{font:500 17px/1 var(--sans);letter-spacing:.08em}
.heritage-fortnum span{font-size:17px}
.heritage-lululemon span{font:700 19px/1 var(--sans);letter-spacing:-.04em}
.heritage-cathay span{font:500 14px/1.2 var(--sans);letter-spacing:.1em;text-align:center}
.help-heading{margin-bottom:clamp(56px,6vw,84px)}
.help-section{padding-bottom:clamp(96px,10vw,144px)}
.contact-section{margin-top:clamp(96px,10vw,144px)}
@media(max-width:799px){
 #work{padding-bottom:84px}
 .about-section .foundation-content{padding-top:76px}
 .help-heading{margin-bottom:44px}
 .help-section{padding-bottom:80px}
 .contact-section{margin-top:80px}
 .heritage-brand{flex-basis:144px;width:144px}
 .heritage-prada span{font-size:22px}
 .heritage-hermes span{font-size:21px}
 .heritage-fendi span{font-size:26px}
 .heritage-canada span{font-size:10px}
 .heritage-miu-miu span{font-size:21px}
 .heritage-balenciaga span{font-size:12px}
 .heritage-valentino span,.heritage-cartier span{font-size:21px}
 .heritage-burberry span{font-size:18px}
 .heritage-giorgio-armani span{font-size:10px}
 .heritage-acne-studios span{font-size:14px}
 .heritage-fortnum span{font-size:14px}
 .heritage-lululemon span{font-size:16px}
 .heritage-cathay span{font-size:12px}
}


/* About section CTA, partner link and complete heritage tile frames. */
.about-title-block{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.about-title-block h2{margin:0}
.about-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 18px;border:1px solid rgba(238,237,232,.42);border-radius:999px;color:#f5f4ef;font:500 14px/1.2 var(--sans);transition:background .25s,border-color .25s}
.about-cta:hover{background:rgba(255,255,255,.08);border-color:#f5f4ef}
.about-cta:focus-visible,.spaze-design-link:focus-visible{outline:1px solid #f5f4ef;outline-offset:4px}
.about-section .foundation-copy{grid-column:2;grid-row:2}
.about-section .foundation-copy .wordmark,.about-section .foundation-copy .spaze-design-link{color:#fff;font-weight:600}
.about-section .foundation-copy .spaze-design-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.heritage-strip{height:calc(clamp(160px,13.2vw,208px) + 3px)}
.heritage-track,.heritage-group{height:100%;align-items:stretch}
.heritage-brand{height:auto;aspect-ratio:1/1;align-self:flex-start;border:1px solid #41413c}
@media(max-width:799px){
 .about-title-block{grid-column:1;grid-row:auto;gap:26px}
 .about-section .foundation-copy{grid-column:1;grid-row:auto}
 .heritage-strip{height:147px}
 .heritage-brand{height:auto;aspect-ratio:1/1;align-self:flex-start}
}


/* Give the Designed Differently title more breathing room before its media. */
.highlights-heading{padding-bottom:clamp(48px,5.5vw,76px)}
@media(max-width:799px){.highlights-heading{padding-bottom:38px}}

/* The vision frame hands directly into the first deliverable, like a rising curtain. */
.motion-desktop .offering-sequence { margin-top: -100svh; }
.motion-desktop .offering-atmosphere img {
 filter: grayscale(1) blur(24px) brightness(.48) contrast(.92);
}
@media (max-width: 799px), (min-width: 800px) and (max-width: 1100px) and (max-aspect-ratio: 1/1) {
 .motion-desktop .offering-sequence { margin-top: 0; }
}
.no-motion .offering-sequence { margin-top: 0; }