@font-face{font-family:Manrope;src:url('assets/manrope-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-medium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--bg:#fbfaf8;--ink:#252422;--muted:#686765;--orange:#e95625;--line:#dedddb;--soft:#f2f1ef;--pad:5.5vw;--ease:cubic-bezier(.2,.75,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;color:inherit;background:none;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button:disabled{cursor:default}button svg,a svg{width:20px;height:20px}::selection{background:#e9562533}strong{font-weight:500}.symbols{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.skip-link{position:fixed;left:15px;top:-60px;z-index:100;padding:14px;background:var(--ink);color:#fff}.skip-link:focus{top:15px}.orange{color:var(--orange)}.mono,.eyebrow{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.055em}.eyebrow{display:flex;align-items:center;gap:10px;margin:0}.eyebrow i{width:5px;height:5px;background:var(--orange);flex:none}.site-header{height:90px;display:flex;align-items:center;margin:0 var(--pad);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand svg{width:26px;height:30px;color:var(--orange);transition:transform .4s var(--ease)}.brand:hover svg{transform:rotate(-7deg)}.brand>span{font-weight:600;font-size:32px;letter-spacing:-2px;line-height:1}.brand-dot{color:var(--orange)}.desktop-nav{display:flex;gap:34px;margin:auto;font-size:12px;font-weight:500;padding-left:70px}.desktop-nav a,.desktop-nav button{position:relative;padding:8px 0}.desktop-nav a:after,.desktop-nav button:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.desktop-nav a:hover:after,.desktop-nav button:hover:after{transform:scaleX(1)}.nav-cta{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600}.nav-cta svg{width:16px;height:16px;transition:transform .3s var(--ease)}.nav-cta:hover svg{transform:translate(3px,-3px)}.menu-toggle{display:none}.mobile-menu{display:none}
.hero{padding:26px var(--pad) 0;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10px;align-items:center;min-height:620px}.hero-copy{position:relative;z-index:2;padding:26px 0 30px}.hero h1{font-size:clamp(64px,6.55vw,100px);font-weight:500;line-height:1.045;letter-spacing:-.071em;margin:27px 0 26px}.hero-description{font-size:14px;line-height:1.85;letter-spacing:-.012em;color:var(--muted);max-width:437px;margin:0}.hero-description strong{display:block;color:#3e3d3b;margin-bottom:2px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;height:51px;padding:0 22px;gap:34px;font-size:12px;font-weight:500;position:relative;overflow:hidden;isolation:isolate}.button.primary{background:var(--ink);color:#fff}.button.primary:before{content:'';position:absolute;inset:0;background:var(--orange);transform:translateY(102%);transition:transform .35s var(--ease);z-index:-1}.button.primary:hover:before{transform:translateY(0)}.button svg{width:18px;height:18px;transition:transform .35s var(--ease)}.button:hover svg{transform:translate(2px,-2px)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;position:relative}.text-link span{transition:transform .3s var(--ease);font-size:16px}.text-link:hover span{transform:translateY(3px);color:var(--orange)}.quiet-note{font-size:10px;color:#7c7b79;margin:20px 0 0}.architecture{position:relative;isolation:isolate;height:550px;min-width:0}.scene-mount{position:absolute;inset:0;overflow:hidden}.scene-mount canvas{display:block;width:100%;height:100%;touch-action:pan-y}.scene-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scene-mount.ready .scene-fallback{visibility:hidden}.art-top{position:absolute;top:12px;left:8%;right:2%;display:flex;justify-content:space-between;align-items:flex-start;font:8px/1.7 ui-monospace,monospace;color:#82817f;letter-spacing:.07em;z-index:1;pointer-events:none}.tiny-cross{font-size:18px;color:#aaa9a7}.art-label{position:absolute;font-size:10px;line-height:1.8;display:flex;align-items:center;gap:10px;z-index:1;pointer-events:none}.label-a{top:23%;right:-1%;}.label-a i{width:5px;height:5px;background:var(--orange)}.label-a:before{content:'';width:42px;height:1px;background:#cdccca}.label-b{left:1%;bottom:17%;color:var(--muted);font-size:10px;gap:13px}.line-elbow{width:30px;height:26px;border-left:1px solid #c4c3c1;border-bottom:1px solid #c4c3c1;transform:translateY(-11px)}.art-bottom{position:absolute;bottom:4px;left:8%;right:2%;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#797876;font:7px/1.5 ui-monospace,monospace;letter-spacing:.07em;z-index:2}.motion-control{display:flex;align-items:center;gap:7px;letter-spacing:0;padding:8px 0;font-size:9px}.motion-symbol{font-family:Arial,sans-serif;font-size:12px}.motion-control:hover{color:var(--orange)}.hero-rail{border-top:1px solid var(--line);display:flex;align-items:center;min-height:82px;gap:42px;margin-top:15px}.rail-label{font:8px/1.5 ui-monospace,monospace;letter-spacing:.07em;color:#737270;margin-right:auto}.hero-rail>a:not(.rail-scroll){display:flex;align-items:center;gap:12px;font-size:12px;padding:12px 0;transition:color .2s}.hero-rail small{font:8px ui-monospace,monospace;color:#878684}.hero-rail>a>span{font-size:12px;opacity:0;transform:translate(-5px,5px);transition:all .25s var(--ease)}.hero-rail>a:hover{color:var(--orange)}.hero-rail>a:hover>span{opacity:1;transform:none}.rail-scroll{margin-left:20px;font-size:19px;color:var(--orange);padding:12px 0 12px 20px}
.embedded{padding-top:45px}.embedded-top{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:70px}.embedded h1{font-size:clamp(66px,7.25vw,110px);line-height:1.03;margin:26px 0 0}.embedded-copy{padding-bottom:8px}.embedded-copy .hero-description{max-width:385px;font-size:15px}.embedded-copy .hero-actions{gap:24px}.embedded-field{height:375px;margin-top:30px;overflow:hidden}.embedded-field .scene-mount{inset:-25px 15% -20px}.field-note{position:absolute;top:60px;z-index:1;pointer-events:none}.field-left{left:0}.field-right{right:0;text-align:right}.note-number{font:8px ui-monospace,monospace;letter-spacing:.04em;color:#807f7d}.field-note h3{font-weight:400;letter-spacing:-.04em;font-size:22px;line-height:1.3;margin:17px 0 14px}.field-note p{font-size:10px;color:var(--muted);line-height:1.85}.embedded-field .art-bottom{left:26%;right:26%;bottom:2px;gap:25px}.embedded-field .art-bottom>span{font-size:6px;max-width:200px}.embedded-rail{margin-top:0;justify-content:space-between}.embedded-rail>span{font-size:11px;color:var(--muted)}
.cinematic .hero-grid{grid-template-columns:1.1fr 1fr;gap:35px}.cinematic h1{font-size:clamp(60px,6.2vw,94px)}.cinema-art{min-width:0;padding-top:35px}.film-meta{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:.06em;color:var(--muted);margin-bottom:23px;padding-left:3px}.film-structure{position:relative;padding:32px 0 18px 30px;isolation:isolate}.film-ribs{position:absolute;top:0;left:-4px;right:19px;bottom:13px;z-index:-1;transform:skewY(-4deg)}.film-ribs i{position:absolute;border:9px solid #ef692c;inset:0;box-shadow:3px 4px 0 #ad3c17}.film-ribs i:nth-child(1){transform:translate(-17px,12px);border-color:#c4471e}.film-ribs i:nth-child(2){transform:translate(-9px,8px);border-color:#d75323}.film-ribs i:nth-child(3){transform:translate(0,4px);border-color:#f06c31}.film-ribs i:nth-child(4){transform:translate(9px,0px);border-color:#fc8343}.film-ribs i:nth-child(5){transform:translate(18px,-4px);border-color:#f26a2b}.film-screen{position:relative;aspect-ratio:1.35;overflow:hidden;background:#282725;box-shadow:0 25px 35px -24px #4a311a88}.film-screen video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7)}.film-shade{position:absolute;inset:0;background:linear-gradient(transparent 58%,#161513eb);pointer-events:none}.film-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:end;justify-content:space-between;gap:25px;color:white}.film-caption>span{font:8px/1.6 ui-monospace,monospace;letter-spacing:.06em}.film-caption button{display:flex;align-items:center;gap:10px;font-size:9px}.film-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #ffffff60;border-radius:50%;font-size:12px}.film-progress{height:2px;background:#ffffff20;position:absolute;bottom:0;left:0;right:0}.film-progress i{height:100%;display:block;background:var(--orange);width:0;transition:width .15s linear}.film-foot{display:flex;justify-content:space-between;align-items:center;padding:28px 0 0 28px}.film-foot p{font-size:21px;line-height:1.35;font-weight:400;letter-spacing:-.04em;margin:0}.film-foot>span{font:7px/1.75 ui-monospace,monospace;color:var(--muted);text-align:right;letter-spacing:.04em}
.work-section{background:#f1f0ee;padding:90px var(--pad) 100px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top>.mono{color:#999896;font-size:9px}h2{font-weight:500;font-size:clamp(32px,3.6vw,53px);line-height:1.17;letter-spacing:-.06em;margin:0}.work-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;margin:33px 0 58px}.work-intro>p,.approach-main>div>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:365px;margin:0}.work-layout{display:grid;grid-template-columns:1fr 1.18fr;gap:9vw;align-items:center}.stage-controls>button{width:100%;display:flex;align-items:center;text-align:left;border-top:1px solid #d0cfcd;padding:26px 0;gap:24px}.stage-controls>button:last-child{border-bottom:1px solid #d0cfcd}.stage-num{font:10px monospace;color:#9b9a98}.stage-controls h3{font-weight:400;letter-spacing:-.05em;font-size:30px;margin:0 0 6px}.stage-controls p{font-size:11px;line-height:1.6;margin:0;color:var(--muted)}.stage-arrow{margin-left:auto;font-size:25px;transition:transform .3s}.stage-controls [aria-selected=true] h3,.stage-controls [aria-selected=true] .stage-num,.stage-controls [aria-selected=true] .stage-arrow{color:#c94a1e}.stage-controls [aria-selected=true] .stage-arrow{transform:rotate(45deg)}.workflow-demo{padding:30px;border:1px solid #d7d6d4;background:#f8f7f5}.demo-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.demo-head .mono{font-size:9px;color:#787775}.example-label{font:7px ui-monospace,monospace;color:#999896;letter-spacing:.04em}.workflow-graphic{padding:30px 17px}.workflow-node{display:flex;align-items:center;gap:18px;border:1px solid #e0dfdd;padding:16px 20px;min-height:75px;background:#fbfaf8}.node-b{border-color:#e4ab8c;background:#fffaf4}.workflow-node>svg{height:28px;width:23px;color:var(--orange)}.workflow-node small{display:block;font:7px ui-monospace,monospace;color:#82817f;letter-spacing:.04em;margin-bottom:8px}.workflow-node strong{font-weight:500;font-size:13px}.node-icon{font-size:24px;font-weight:400;color:#91908e}.node-check{margin-left:auto;color:var(--orange);font-size:12px}.connector{height:25px;margin-left:30px;border-left:1px solid #bfbebc;position:relative}.connector span{position:absolute;left:-2px;width:3px;height:6px;background:var(--orange);animation:flowDown 2.7s infinite}.demo-footer{border-top:1px solid #e0dfdd;padding-top:17px;display:flex;gap:12px;align-items:flex-start}.demo-footer i{width:4px;height:4px;background:var(--orange);margin-top:6px;flex:none}.demo-footer p{font-size:10px;line-height:1.8;color:#7c7b79;margin:0}.approach-section{padding:95px var(--pad) 90px}.approach-main{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;margin-top:32px;align-items:start}.approach-main>div>p{margin-bottom:22px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.principles>div{padding-top:22px;border-top:1px solid var(--line)}.principles span{font:8px ui-monospace,monospace;letter-spacing:.04em;color:var(--muted)}.principles h3{font-size:19px;font-weight:500;letter-spacing:-.035em;margin:20px 0 12px}.principles p{font-size:12px;line-height:1.85;max-width:290px;color:var(--muted)}.site-footer{padding:40px var(--pad) 125px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}.site-footer p{font-size:10px;color:var(--muted)}.site-footer>button{display:flex;gap:24px;align-items:center;font-size:11px}.site-footer>button svg{width:17px;height:17px}
.direction-dock{position:fixed;left:50%;bottom:17px;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 16px;width:max-content;max-width:calc(100% - 24px);background:#fffffff2;border:1px solid #e2e1df;border-radius:12px;backdrop-filter:blur(16px);box-shadow:0 8px 35px #2e2d2b14,0 2px 5px #2e2d2b08}.dock-label{display:flex;gap:8px;align-items:center;font:6px/1.55 ui-monospace,monospace;letter-spacing:.06em;padding-right:16px}.dock-dot{width:4px;height:4px;border-radius:50%;background:var(--orange)}.direction-tabs{display:flex;gap:3px}.direction-tabs button{display:flex;align-items:center;gap:9px;padding:12px 13px;font-size:10px;white-space:nowrap;border-radius:7px}.direction-tabs small{font:7px monospace;opacity:.5}.direction-tabs [aria-selected=true]{background:var(--ink);color:#fff}.direction-tabs button:hover:not([aria-selected=true]){background:#f2f1ef}.replay-intro{font-size:21px;color:#81807e;padding:7px 8px}.replay-intro:hover,.dock-info:hover{color:var(--orange)}.dock-info{padding:0 7px 0 12px;border-left:1px solid var(--line);font-size:20px;color:#737270}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}.hero.switching .hero-copy,.hero.switching .embedded-top{animation:copyIn .6s var(--ease) both}.hero.switching .architecture,.hero.switching .cinema-art{animation:copyIn .8s var(--ease) .08s both}
.brand-intro{display:none;position:fixed;inset:0;background:#fbfaf8;z-index:60;pointer-events:none;overflow:hidden}.brand-intro.playing{display:grid;place-items:center;animation:openingAway 1.45s var(--ease) forwards}.intro-emblem{display:flex;align-items:center;flex-direction:column;gap:30px}.intro-emblem svg{width:88px;height:96px;overflow:visible}.intro-emblem span{font:8px ui-monospace,monospace;letter-spacing:.12em;color:#757472;animation:wordIn 1.25s var(--ease) both}.piece{fill:var(--orange);transform-box:fill-box;transform-origin:center;animation:assemble .85s var(--ease) both}.p1{--x:-80px;--y:0px}.p2{--x:0px;--y:-90px;animation-delay:.05s}.p3{--x:80px;--y:-50px;animation-delay:.1s}.p4{--x:70px;--y:50px;animation-delay:.13s}.p5{--x:0px;--y:80px;animation-delay:.16s}.intro-cross{position:absolute;width:15px;height:15px}.intro-cross:before,.intro-cross:after{content:'';position:absolute;background:#bfbebc}.intro-cross:before{height:1px;width:15px;top:7px}.intro-cross:after{width:1px;height:15px;left:7px}.cross-one{left:10vw;top:18vh}.cross-two{right:10vw;bottom:18vh}.intro-line{position:absolute;bottom:11vh;left:var(--pad);right:var(--pad);height:1px;background:var(--line);transform-origin:left;animation:lineIn 1s var(--ease) both}
@keyframes assemble{from{transform:translate(var(--x),var(--y));opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes openingAway{0%,72%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@keyframes wordIn{0%,35%{opacity:0;transform:translateY(8px)}65%,100%{opacity:1;transform:none}}@keyframes lineIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes copyIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes flowDown{0%{transform:translateY(0);opacity:0}25%{opacity:1}100%{transform:translateY(20px);opacity:0}}
dialog{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:42px;max-width:680px;width:calc(100% - 32px);max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 30px 100px #1e1d1b30}dialog::backdrop{background:#2423215c;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:12px;font-size:28px;line-height:1;padding:5px;color:var(--muted)}dialog h2{font-size:36px;margin:28px 0 23px;line-height:1.2}dialog>p:not(.eyebrow){font-size:12px;line-height:1.85;color:var(--muted)}.brief-options{display:grid;gap:8px;margin:24px 0}.brief-options button{display:flex;justify-content:space-between;text-align:left;border:1px solid var(--line);padding:14px 17px;font-size:12px}.brief-options button[aria-pressed=true]{border-color:var(--orange);color:#c6471c}.brief-result{padding:20px;background:var(--soft)}.brief-result>.mono{font-size:8px;color:var(--muted)}.brief-result p{font-size:12px;line-height:1.8;margin:10px 0 0}.brief-end{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px}.brief-end>.button{font-size:11px;height:46px;gap:20px}.brief-end>p{font-size:9px;color:var(--muted);line-height:1.7}.team-roles{margin:28px 0}.team-roles>div{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:20px 1fr;column-gap:15px}.team-roles>div>span{font:9px monospace;color:var(--orange);padding-top:4px}.team-roles h3{font-size:15px;margin:0 0 7px;font-weight:500}.team-roles p{grid-column:2;font-size:12px;color:var(--muted);line-height:1.8;margin:0}.compare-dialog{max-width:1000px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.compare-grid>button{text-align:left;display:flex;flex-direction:column;border-top:2px solid var(--orange);padding:23px 0}.compare-index{font:9px ui-monospace,monospace;color:var(--muted)}.compare-grid h3{font-size:23px;letter-spacing:-.04em;font-weight:500;margin:20px 0 15px}.compare-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 25px}.compare-grid b{font-size:11px;font-weight:500;margin-top:auto}.compare-grid button:hover b{color:var(--orange)}.compare-foot{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line)}.compare-foot .replay-intro{font-size:11px;padding:0}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px);background:#2e2d2b;color:#fff;padding:12px 20px;border-radius:5px;font-size:11px;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){:root{--pad:max(6vw,calc((100vw - 1550px)/2))}.hero-grid{min-height:720px}.architecture{height:620px}.hero-description{font-size:16px;max-width:490px}.hero h1{font-size:110px}.embedded h1{font-size:118px}.embedded-field{height:460px}.cinematic h1{font-size:102px}.eyebrow{font-size:11px}.hero-rail{min-height:95px}.hero-rail>a:not(.rail-scroll){font-size:14px}}
@media(max-width:1100px){:root{--pad:4.5vw}.desktop-nav{padding-left:20px;gap:26px}.hero-grid{min-height:590px}.hero h1{font-size:7vw}.hero-description{font-size:12px;max-width:375px}.hero-actions{gap:20px}.button{font-size:11px;padding:0 18px;gap:25px;height:48px}.text-link{font-size:10px;gap:14px}.eyebrow{font-size:8px}.architecture{height:500px}.art-label{font-size:8px}.label-a:before{width:20px}.hero-rail{gap:25px}.rail-label{font-size:7px}.embedded-top{gap:40px}.embedded h1{font-size:7.7vw}.embedded-copy .hero-description{font-size:12px}.embedded-field{height:360px}.field-note h3{font-size:19px}.field-note p{font-size:9px}.field-note .note-number{font-size:7px}.embedded-field .scene-mount{inset:-20px 10% -10px}.embedded-field .art-bottom{left:24%;right:24%}.cinematic .hero-grid{gap:25px}.cinematic h1{font-size:6.6vw}.film-foot p{font-size:17px}.film-foot>span{font-size:6px}.film-caption{left:15px;right:15px;bottom:20px}.film-caption>span{font-size:7px}.film-caption button{font-size:8px;gap:7px}.film-structure{padding-left:22px}.film-ribs i{border-width:7px}.work-intro>p,.approach-main>div>p{font-size:12px}.work-layout{gap:6vw}.principles{gap:28px}.principles p{font-size:11px}}
@media(max-width:760px){:root{--pad:6vw}.site-header{height:76px;gap:22px}.brand>span{font-size:28px;letter-spacing:-1.8px}.brand svg{width:23px;height:26px}.desktop-nav{display:none}.nav-cta{margin-left:auto;font-size:11px;gap:20px}.nav-cta svg{width:14px;height:14px}.menu-toggle{display:flex;width:24px;flex-direction:column;gap:5px;padding:8px 0}.menu-toggle span{width:22px;height:1px;background:var(--ink);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu:not([hidden]){position:absolute;top:76px;left:0;right:0;z-index:6;background:var(--bg);padding:15px var(--pad) 30px;display:flex;flex-direction:column;box-shadow:0 18px 30px #1d1c1a12}.mobile-menu>a,.mobile-menu>button{display:flex;justify-content:space-between;align-items:center;font-size:23px;letter-spacing:-.04em;border-bottom:1px solid var(--line);padding:16px 0;text-align:left}.mobile-menu small{font:9px monospace;color:var(--muted)}.hero{padding-top:32px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.hero-copy{padding:0}.eyebrow{font-size:7px;letter-spacing:.03em;gap:8px}.eyebrow i{width:4px;height:4px}.hero h1{font-size:clamp(53px,12vw,82px);line-height:1.045;letter-spacing:-.065em;margin:24px 0 23px}.precision h1 br:nth-of-type(2){display:none}.precision h1 br:nth-of-type(2):after{content:' '}.hero-description{font-size:12px;line-height:1.85;max-width:390px}.hero-description strong{margin-bottom:3px}.hero-actions{gap:25px;margin-top:25px}.button{height:47px;font-size:10px;padding:0 18px;gap:27px}.text-link{font-size:10px;gap:13px}.quiet-note{font-size:8px;margin:18px 0 0}.architecture{height:375px;margin-top:25px}.art-top{top:0;left:1%;right:0;font-size:6px}.art-top .tiny-cross{font-size:15px}.label-a{font-size:7px;right:-1%;top:24%}.label-a:before{width:22px}.label-a i{width:4px;height:4px}.label-b{font-size:8px;left:0;bottom:19%;gap:10px}.line-elbow{width:18px;height:20px}.art-bottom{left:0;right:0;font-size:6px;bottom:0;padding-top:9px}.motion-control{font-size:8px;gap:6px;padding:7px 0}.hero-rail{min-height:74px;margin-top:20px;gap:22px}.rail-label{display:none}.hero-rail>a:not(.rail-scroll){font-size:10px;gap:8px}.hero-rail small{font-size:7px}.hero-rail>a>span{display:none}.rail-scroll{font-size:17px;margin-left:auto;padding-left:5px}.embedded{padding-top:32px}.embedded-top{display:block}.embedded h1{font-size:clamp(54px,12.9vw,84px);margin:25px 0 25px}.embedded-copy{padding:0}.embedded-copy .hero-description{font-size:12px;max-width:390px}.embedded-copy .hero-actions{gap:23px}.embedded-field{height:375px;margin-top:30px}.embedded-field .scene-mount{inset:-8px -15% 15px}.field-note{top:10px}.field-note h3{font-size:12px;margin:12px 0;line-height:1.4}.field-note p{display:none}.field-note .note-number{font-size:5px;letter-spacing:0}.field-right{top:auto;bottom:49px}.embedded-field .art-bottom{left:0;right:0;bottom:0}.embedded-field .art-bottom>span{font-size:5px;max-width:190px}.embedded-rail{gap:20px;margin-top:18px}.embedded-rail>span{font-size:9px;line-height:1.8;max-width:270px}.cinematic .hero-grid{display:flex;gap:0}.cinematic h1{font-size:clamp(50px,11.65vw,79px)}.cinema-art{padding-top:40px}.film-meta{font-size:7px;margin-bottom:20px;padding-left:0}.film-structure{padding-top:25px;padding-left:17px}.film-ribs{left:10px;right:20px;bottom:20px}.film-ribs i{border-width:6px}.film-ribs i:nth-child(1){transform:translate(-14px,12px)}.film-ribs i:nth-child(2){transform:translate(-7px,8px)}.film-ribs i:nth-child(3){transform:translate(0,4px)}.film-ribs i:nth-child(4){transform:translate(7px,0px)}.film-ribs i:nth-child(5){transform:translate(14px,-4px)}.film-screen{aspect-ratio:1.35}.film-caption{bottom:18px;left:16px;right:16px}.film-caption>span{font-size:7px}.film-foot{padding:18px 0 3px 17px}.film-foot p{font-size:17px}.film-foot>span{font-size:6px}.work-section{padding:65px var(--pad) 70px}.work-intro{display:block;margin:26px 0 35px}h2{font-size:34px;line-height:1.2;letter-spacing:-.055em}.work-intro>p{font-size:11px;line-height:1.9;margin-top:23px;max-width:350px}.section-top>.mono{font-size:7px}.work-layout{display:block}.stage-controls>button{padding:21px 0;gap:19px}.stage-controls h3{font-size:26px}.stage-controls p{font-size:10px}.stage-num{font-size:8px}.stage-arrow{font-size:20px}.workflow-demo{margin-top:35px;padding:20px}.demo-head .mono{font-size:7px}.example-label{font-size:5px}.workflow-graphic{padding:27px 3px}.workflow-node{padding:15px;gap:14px}.workflow-node small{font-size:6px}.workflow-node strong{font-size:11px}.demo-footer p{font-size:9px}.approach-section{padding:65px var(--pad) 60px}.approach-main{display:block;margin-top:27px}.approach-main>div>p{font-size:11px;line-height:1.9;margin:23px 0}.principles{display:block;margin-top:40px}.principles>div{padding-top:19px;margin-bottom:25px}.principles span{font-size:7px}.principles h3{font-size:20px;margin:13px 0 10px}.principles p{font-size:11px;max-width:100%;margin:0}.site-footer{flex-wrap:wrap;padding:32px var(--pad) 120px;gap:20px}.site-footer>p{font-size:8px;max-width:160px}.site-footer>button{border-top:1px solid var(--line);padding-top:20px;font-size:10px;width:100%;justify-content:space-between}.direction-dock{bottom:12px;padding:6px;gap:2px;border-radius:10px;max-width:calc(100% - 16px)}.dock-label{display:none}.direction-tabs{gap:2px}.direction-tabs button{font-size:9px;gap:5px;padding:12px 9px}.direction-tabs small{font-size:6px}.direction-dock .replay-intro{font-size:20px;padding:6px 7px}.dock-info{font-size:19px;padding:0 6px 0 9px}.intro-emblem svg{width:67px;height:73px}.intro-emblem span{font-size:7px}.intro-cross{transform:scale(.7)}dialog{padding:32px 23px;max-height:calc(100dvh - 28px)}dialog h2{font-size:30px;letter-spacing:-.055em;margin-top:25px}dialog>p:not(.eyebrow){font-size:11px}.brief-options button{font-size:10px}.brief-result{padding:16px}.brief-result p{font-size:11px}.brief-result>.mono{font-size:7px}.brief-end{gap:12px}.brief-end>.button{font-size:9px;gap:12px;padding:0 13px}.brief-end>p{font-size:7px}.team-roles h3{font-size:13px}.team-roles p{font-size:11px}.compare-grid{display:block;margin-top:28px}.compare-grid>button{padding:20px 0}.compare-grid h3{font-size:21px;margin:14px 0 10px}.compare-grid p{font-size:11px;margin-bottom:15px}.compare-index{font-size:8px}.compare-foot{flex-direction:column;align-items:flex-start;gap:22px}.compare-foot .text-link{font-size:10px}#toast{font-size:10px;max-width:90vw;white-space:normal;text-align:center;bottom:83px}}
@media(max-width:360px){.direction-tabs button{padding:11px 6px;font-size:8px}.direction-tabs small{display:none}.hero-actions{gap:18px}.text-link{font-size:9px}.hero h1{font-size:49px}.eyebrow{font-size:6px}.hero-rail{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brand-intro{display:none!important}.reveal{opacity:1;transform:none}}

/* Short desktop windows retain the complete structural form. */
@media(min-width:761px) and (max-height:800px){.embedded-field{height:285px}.embedded-field .scene-mount{inset:-12px 15% -8px}.embedded-field .field-note{top:38px}.embedded-field .art-bottom{bottom:0}.embedded{padding-top:34px}.embedded h1{font-size:clamp(65px,6.7vw,100px)}}

@media(max-width:760px){.hero-description,.embedded-copy .hero-description{font-size:14px;line-height:1.75}.hero-description strong{font-size:13px}.embedded-field{height:390px}.embedded-field .scene-mount{inset:0 -10% 78px}.embedded-field .field-note{top:auto;bottom:32px}.embedded-field .field-note h3{font-size:11px;line-height:1.35;margin:7px 0 0}.embedded-field .art-bottom{bottom:0}.cinematic .hero-description{font-size:14px}}

.convergence-toggle{display:flex;align-items:center;gap:9px;font:9px Manrope,Arial,sans-serif;letter-spacing:0;padding:8px 0;color:var(--ink)}.convergence-toggle:hover{color:var(--orange)}.convergence-icon{font-size:13px;color:var(--orange)}.convergence-field .scene-mount{inset:-25px 12% -20px}.convergence-field .field-note{transition:opacity .5s}.convergence-field.is-expanded .field-note{opacity:0}.convergence-field.is-expanded .scene-mount{z-index:1}.convergence-field.is-expanded .art-bottom{z-index:2}
@media(max-width:760px){.convergence-field .scene-mount{inset:0 -10% 78px}.convergence-toggle{font-size:8px}.direction-tabs button{padding-left:8px;padding-right:8px}.convergence-field .field-note{bottom:32px}}

/* Both choices share Embedded's composition and every word of its proposition. */
.compare-grid{grid-template-columns:repeat(2,1fr);gap:45px}
.sculpture-field{overflow:visible}
.sculpture-stage{position:absolute;inset:0 15% 34px;isolation:isolate;perspective:1400px}
.sculpture-stage:before{content:'';position:absolute;left:10%;right:10%;bottom:4%;height:1px;background:linear-gradient(90deg,transparent,#dcdbd9,transparent);opacity:.5}
.sculpture-object{position:absolute;inset:8px -2% 18px;width:104%;display:flex;align-items:center;justify-content:center;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotateY(var(--art-turn,0deg));transform-style:preserve-3d;cursor:zoom-in;outline-offset:6px}
.sculpture-object>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 19px 18px #74411c13)}
.sculpture-shadow{position:absolute;left:26%;right:26%;bottom:9%;height:13px;background:#63481d19;filter:blur(13px);border-radius:50%;transform:scaleY(.5)}
.sculpture-explore{position:absolute;right:8px;bottom:13px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #dcdbd9;border-radius:50%;color:var(--muted);opacity:0;transform:translateY(5px);transition:opacity .25s,transform .35s;background:#fbfaf8d9}
.sculpture-explore svg{width:14px;height:14px}
.sculpture-object:hover .sculpture-explore,.sculpture-object:focus-visible .sculpture-explore{opacity:1;transform:none}
.sculpture-dialog{width:min(1240px,calc(100vw - 50px));max-width:none;padding:30px 38px 22px;overflow:hidden}
.sculpture-dialog-head{display:flex;justify-content:space-between;padding-right:35px;color:var(--muted)}
.sculpture-dialog-head .mono,.sculpture-dialog-foot .mono{font-size:8px}
.sculpture-dialog>img{width:100%;height:min(63vh,620px);display:block;object-fit:contain;padding:35px 0 20px;filter:drop-shadow(0 22px 22px #74411c12)}
.sculpture-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:15px;border-top:1px solid var(--line)}
.sculpture-dialog-foot p{font-size:18px;letter-spacing:-.03em;margin:0}.sculpture-dialog-foot>span{color:var(--muted)}
.motion-paused .connector span{animation-play-state:paused}
@media(min-width:761px) and (max-height:800px){.sculpture-stage{inset:-4px 17% 26px}.sculpture-object{inset:0 -2% 10px}}
@media(max-width:1100px){.sculpture-stage{inset:12px 16% 34px}}
@media(max-width:760px){.sculpture-field{height:335px}.sculpture-stage{inset:0 -5% 80px}.sculpture-object{inset:0;width:100%}.sculpture-shadow{bottom:8%;left:24%;right:24%}.sculpture-stage:before{bottom:2%}.sculpture-explore{width:24px;height:24px;right:15px;bottom:0;opacity:.7;transform:none}.compare-grid{display:block}.sculpture-dialog{padding:25px 20px 20px;width:calc(100vw - 24px)}.sculpture-dialog-head{display:block}.sculpture-dialog-head .mono{display:block;font-size:7px;margin-bottom:8px}.sculpture-dialog>img{height:270px;padding:15px 0}.sculpture-dialog-foot{display:block}.sculpture-dialog-foot p{font-size:17px;margin-bottom:12px}.sculpture-dialog-foot .mono{font-size:7px}}
.sculpture-field{position:relative;isolation:isolate;min-width:0}

@media(max-width:760px){.embedded-field .field-note{bottom:52px}.embedded-field .note-number{display:block;font-size:6px;line-height:1.5}.embedded-field .field-note h3{font-size:12px}.sculpture-stage{bottom:96px}.embedded-field .art-bottom>span{font-size:6px}.sculpture-dialog .mono{letter-spacing:.02em}}
/* Block assembly studies share the original Embedded composition. */
.assembly-field .scene-mount{inset:-24px 12% 24px}
.assembly-field .art-bottom{left:22%;right:22%;gap:18px;min-height:45px}
.morph-caption{display:flex;align-items:center;gap:10px;min-width:139px}.morph-count{font:22px/1 Manrope,Arial,sans-serif;letter-spacing:-.08em;color:var(--orange);width:22px}.morph-status{font:6px/1.5 ui-monospace,monospace;letter-spacing:.04em;white-space:nowrap}.morph-track{display:block;width:100%;height:1px;background:#dddcda;margin-top:6px;overflow:hidden}.morph-track b{display:block;height:1px;background:var(--orange);transform-origin:left}.morph-actions{display:flex;gap:14px;align-items:center;margin-left:auto}.form-toggle{display:flex;align-items:center;gap:8px;font:9px Manrope,Arial,sans-serif;white-space:nowrap;letter-spacing:0}.form-toggle span{color:var(--orange)}.replay-morph{font:20px/1 Manrope,Arial,sans-serif;color:var(--muted);padding:5px}.replay-morph:hover,.form-toggle:hover{color:var(--orange)}.compare-grid{grid-template-columns:repeat(3,1fr);gap:25px}
@media(min-width:761px) and (max-height:800px){.assembly-field .scene-mount{inset:-16px 12% 22px}.assembly-field .art-bottom{left:18%;right:18%}}
@media(max-width:1100px){.assembly-field .art-bottom{left:18%;right:18%;gap:12px}.morph-caption{min-width:115px}.morph-status{font-size:5px}.assembly-field .scene-mount{inset:-15px 10% 24px}}
@media(max-width:760px){.assembly-field{height:400px}.assembly-field .scene-mount{inset:-3px -10% 100px}.assembly-field .art-bottom{left:0;right:0;gap:9px;min-height:43px}.morph-caption{min-width:104px;gap:7px}.morph-count{font-size:19px;width:20px}.morph-status{font-size:5px;letter-spacing:0}.morph-actions{gap:7px}.form-toggle{font-size:8px;gap:4px}.replay-morph{font-size:18px;padding:3px}.assembly-field .motion-control{font-size:7px;gap:5px}.assembly-field .field-note{bottom:57px}.assembly-field .motion-symbol{font-size:10px}.direction-tabs button{font-size:8px;padding:12px 7px;gap:4px}.compare-grid{display:block}}

.morph-scrub{display:block;width:90px;height:12px;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;margin:1px 0 -3px;padding:0}.morph-scrub::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--orange) var(--morph-progress,0%),#d3d2d0 var(--morph-progress,0%))}.morph-scrub::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-top:-2px;transition:box-shadow .2s}.morph-scrub:hover::-webkit-slider-thumb,.morph-scrub:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #e956251a}.morph-scrub:focus-visible{outline:1px solid var(--orange);outline-offset:4px}.morph-scrub::-moz-range-track{height:1px;background:#d3d2d0}.morph-scrub::-moz-range-progress{height:1px;background:var(--orange)}.morph-scrub::-moz-range-thumb{width:5px;height:5px;border:0;background:var(--orange)}@media(max-width:760px){.morph-scrub{width:72px}}
.morph-scrub{height:24px;margin:-2px 0 -8px}.form-toggle{padding:6px 0}.replay-morph{min-width:26px;min-height:26px}
/* Shared copy stays visually fixed while comparing the sculptures. */
.hero.switching .embedded-top,.hero.switching .architecture{animation:none}

/* Motion is the artwork; the controls remain quiet and legible. */
.assembly-field .scene-mount{inset:-24px 12% 28px}
.assembly-field .art-bottom{left:26%;right:26%;gap:16px}
.morph-caption{min-width:134px;gap:10px}.morph-count{font:20px/1 Manrope,Arial,sans-serif;width:19px}
.morph-status{font-size:6px;letter-spacing:.055em}.morph-scrub{width:105px}.morph-actions{gap:9px}
@media(max-width:1100px){.assembly-field .art-bottom{left:20%;right:20%}.morph-caption{min-width:118px}.morph-status{font-size:5.5px}.morph-scrub{width:90px}}
@media(max-width:760px){.assembly-field{height:390px}.assembly-field .scene-mount{inset:-8px -10% 92px}.assembly-field .art-bottom{left:0;right:0;gap:8px}.morph-caption{min-width:104px}.morph-scrub{width:78px}.morph-status{font-size:5px}.assembly-field .field-note{bottom:58px}.assembly-field .motion-control{font-size:7px}.morph-actions{gap:4px}}
.morph-caption{min-width:162px}.morph-status{font-size:8px;letter-spacing:.025em}.form-toggle{font-size:10px}.assembly-field .motion-control{font-size:9px}
@media(max-width:1100px){.morph-caption{min-width:145px}.morph-status{font-size:7px}.form-toggle{font-size:9px}}
@media(max-width:760px){.morph-caption{min-width:124px;gap:6px}.morph-status{font-size:6.5px}.morph-count{font-size:17px;width:15px}.form-toggle{font-size:8px}.assembly-field .motion-control{font-size:7px}.assembly-field .note-number{font-size:7px}}

/* Formation continues into the work: native scrolling, one evolving object. */
.work-section{padding-top:0}
.formation-story{height:calc(100svh + 300px);position:relative;margin:0 calc(-1 * var(--pad)) 40px}
.story-sticky{position:sticky;top:0;height:min(84svh,780px);min-height:540px;padding:68px var(--pad) 32px;display:flex;flex-direction:column}
.story-sticky .section-top>.mono{font-size:8px;letter-spacing:.045em}
.story-art{position:relative;flex:1;min-height:300px;isolation:isolate}
.story-canvas{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.story-canvas canvas{display:block;width:100%;height:100%}
.story-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font-size:clamp(64px,10.2vw,150px);font-weight:500;line-height:1.12;letter-spacing:-.065em;white-space:nowrap;pointer-events:none}
.story-type-text{display:inline-block;font-kerning:none}
.story-baseline{display:inline-block;width:0;height:0;padding:0;margin:0;vertical-align:baseline}
.story-enhanced .story-title{opacity:var(--type-opacity,0)}
.story-foot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:25px;border-top:1px solid #d9d8d6;padding-top:24px}
.story-foot>p{font-size:13px;line-height:1.7;letter-spacing:-.02em;margin:0;color:#666563}
.story-motion{justify-self:center;display:grid;grid-template-columns:140px 55px;column-gap:25px;row-gap:6px;align-items:center}
.story-state{font:7px/1.6 ui-monospace,monospace;letter-spacing:.07em;color:#7e7d7b;white-space:nowrap}
.story-progress{grid-column:1;height:1px;background:#d2d1cf;overflow:hidden}
.story-progress>i{display:block;width:100%;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(var(--story-progress,0))}
.story-replay{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:8px;font-size:9px;color:#767573;padding:7px 0}
.story-replay>span{font-size:19px}.story-replay:hover{color:var(--orange)}
.story-skip{justify-self:end;display:inline-flex;align-items:center;gap:22px;font-size:10px;padding:10px 0}.story-skip>span{color:var(--orange);font-size:20px}
.work-intro h3{font-size:clamp(30px,3.2vw,47px);font-weight:500;line-height:1.19;letter-spacing:-.055em;margin:0}
.work-intro#work-details{scroll-margin-top:45px;padding-top:15px}
@media(max-width:1100px){.story-sticky{padding-top:58px}.story-motion{grid-template-columns:125px 50px;column-gap:12px}.story-state{font-size:6px}.story-foot>p{font-size:12px}}
@media(max-width:760px){
 .formation-story{height:calc(100svh + 220px);margin-bottom:30px}
 .story-sticky{height:82svh;min-height:510px;padding:48px var(--pad) 30px}
 .story-sticky .section-top{align-items:flex-start;gap:20px}.story-sticky .section-top>.mono{font-size:6px;max-width:80px;text-align:right}
 .story-art{min-height:290px}.story-title{font-size:clamp(50px,13vw,86px);letter-spacing:-.065em}
 .story-foot{grid-template-columns:1fr 1fr;gap:18px;padding-top:18px}
 .story-foot>p{font-size:11px;line-height:1.65}.story-motion{justify-self:end;display:block;max-width:150px}.story-state{font-size:6px;letter-spacing:.03em}.story-progress{margin-top:7px}.story-replay{font-size:9px;padding-top:8px}.story-skip{grid-column:1/3;justify-self:start;font-size:10px;gap:18px;padding:0}
 .work-intro h3{font-size:31px}.work-intro#work-details{padding-top:0}
}
@media(prefers-reduced-motion:reduce){.formation-story{height:auto}.story-sticky{position:relative;height:70svh;min-height:460px}.story-replay{display:none}.story-progress>i{transform:scaleX(1)}}
.formation-story:not(.story-enhanced){height:auto}
.formation-story:not(.story-enhanced) .story-sticky{position:relative;height:min(70svh,650px);min-height:420px}