/* HUMANE STRATEGIA | La traversée, édition 03.
   One visual language, distinct spatial roles. No scroll capture; content is available before animation. */
:root{--navy:#071520;--navy2:#142b39;--ink:#122e3b;--paper:#f3f0e7;--white:#fffdf7;--gold:#d9ba77;--gold-dark:#826027;--muted:#536773;--line:#d2d2c8;--gutter:clamp(22px,5.4vw,110px);--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--ease:cubic-bezier(.16,.8,.22,1)}
body{font-family:var(--sans);font-size:16px;background:var(--paper)}html{scroll-padding-top:102px}h2{font:400 clamp(44px,5.25vw,83px)/1.035 var(--sans);letter-spacing:-3.8px}h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-3.5px;line-height:1.13}.section-pad{padding:112px var(--gutter)}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:30px;font-weight:500}.eyebrow.dark{color:var(--gold-dark)}.section-heading{margin-bottom:65px;align-items:flex-end}.section-heading>p{font-size:15px;flex-basis:28%;line-height:1.8;max-width:345px}.section-note{font-size:12px;line-height:1.85;max-width:870px}.section-sigil{width:24px;height:24px;flex:none;display:block;position:relative;border:1px solid currentColor}.sigil-lab{border-radius:50%;border-left-color:transparent}.sigil-lab:after{content:'';position:absolute;inset:7px;border:1px solid currentColor}.sigil-atlas{transform:rotate(45deg);border-radius:3px}.sigil-atlas:after{content:'';position:absolute;inset:7px;border-radius:50%;background:currentColor}.sigil-plan{border-top:none;border-right:none}.sigil-plan:after{content:'';position:absolute;left:5px;bottom:5px;width:22px;height:15px;border-left:1px solid currentColor;border-bottom:1px solid currentColor}
a,button,input,summary,textarea{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #9e792c;outline-offset:5px}button{min-height:44px}button[aria-pressed=true]:focus-visible{outline-color:var(--gold-dark)}body.motion-off *{animation:none!important;scroll-behavior:auto!important;transition:none!important}strong{font-weight:500}
/* A quiet header leaves the opening shot intact. */
.header{height:94px;background:transparent;position:absolute;padding:0 var(--gutter);border-color:#e5d5b31a}.header.scrolled{height:74px;background:#071520f2;backdrop-filter:blur(20px)}.brand-name{font:500 15px/1.25 var(--sans);letter-spacing:2px}.brand-name>span{font:400 9px/1.8 var(--sans);letter-spacing:4.1px}.brand-icon{width:28px;height:34px}.desktop-nav{gap:29px;font-size:12px}.header-cta{border:none;border-bottom:1px solid #d9ba7780;padding:6px 0;min-height:45px;font-size:12px;gap:25px}.header-cta:hover{background:none;color:var(--gold)}.header-cta .cta-cross{font-family:var(--sans);font-size:20px}.mobile-nav a{font-family:var(--sans);font-size:28px}.reading-progress{height:2px}
/* THE CROSSING: full-scene WebGL, not an animation inside a card. */
.hero{min-height:810px;height:100svh;max-height:1180px;padding:145px var(--gutter) 160px;display:flex;align-items:center;position:relative;background:#071520;color:var(--paper);isolation:isolate;overflow:hidden}.hero:before{display:none}.hero-art{position:absolute;left:32%;right:-10%;top:35px;bottom:40px;z-index:0;cursor:default;touch-action:pan-y;pointer-events:none}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-art[data-renderer=WebGL] .scene-fallback{display:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071520 1%,#071520f7 18%,#071520b3 35%,#07152000 63%);z-index:1;pointer-events:none}.hero-copy{position:relative;width:60%;z-index:3;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:34px;white-space:normal;max-width:500px}.hero h1{font:500 clamp(79px,8.8vw,155px)/.99 var(--sans);letter-spacing:-7.4px;white-space:nowrap}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-5px;display:inline-block;color:var(--gold);font-size:1.13em;line-height:1.1;margin-left:-4px}.hero-intro{font-size:clamp(19px,1.8vw,26px);line-height:1.43;letter-spacing:-.5px;margin-top:32px}.hero-description{font-size:14px;line-height:1.9;color:#adbfc8;max-width:390px;margin-top:19px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:29px}.button{font-size:12px;min-height:55px;padding:17px 22px;gap:24px;border-radius:0}.button-gold{background:#d9ba77;color:#102430;box-shadow:0 0 35px #d9ba770b}.button-gold:hover{box-shadow:0 0 35px #d9ba7724}.button-orbit{border-radius:0;border:1px solid currentColor;transform:rotate(45deg);width:13px;height:13px}.button-orbit:after{width:3px;height:3px;left:4px;top:4px;border-radius:0}.film-trigger{display:flex;align-items:center;gap:10px;background:none;color:var(--paper);font-size:12px;min-height:50px;padding:5px 0}.film-trigger>span:last-child{font-size:9px;display:none}.play-disc{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9ba7766;border-radius:50%;color:var(--gold);font:20px var(--serif);padding-left:2px;transition:background .2s}.film-trigger:hover .play-disc{background:#d9ba7720}.hero-byline{display:flex;gap:10px;align-items:center;color:#8ca4b0;font-size:10px;letter-spacing:.6px;margin-top:25px}.hero-byline i{width:24px;height:1px;background:#d9ba7755}.scene-annotation{position:absolute;right:var(--gutter);bottom:184px;z-index:2;text-align:left;max-width:250px}.scene-annotation>span:first-child{font-size:9px;letter-spacing:3px;color:#c9b88f}.scene-annotation>p{font-size:14px;line-height:1.7;color:#b9c9cd;margin:11px 0 17px}.scene-annotation strong{font-weight:400;color:#f0d89d}.scene-annotation-rule{display:block;width:105px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.scene-pin{position:absolute;z-index:2;font-size:8px;letter-spacing:1.9px;color:#b5c2c6;line-height:1.5;pointer-events:none}.scene-pin:before{content:'';display:inline-block;width:4px;height:4px;border:1px solid var(--gold);border-radius:50%;vertical-align:middle;margin-right:12px}.pin-one{top:18%;left:37%}.pin-two{right:16%;top:49%}.pin-three{bottom:17%;left:24%}.hero-footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;z-index:4;display:flex;gap:45px;border-top:1px solid #d9ba7740;padding-top:18px;align-items:center}.scene-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:65%;max-width:730px}.scene-selector button{min-height:59px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:0 0 13px;background:none;border:0;border-radius:0;position:relative;color:#8ca2ac}.scene-selector button>span{font-size:9px;letter-spacing:1.6px;line-height:1}.scene-selector button>strong{font-size:13px;font-weight:400}.scene-selector button i{position:absolute;bottom:0;left:0;right:0;height:1px;background:#9ba8af28}.scene-selector button i:after{content:'';position:absolute;inset:0;transform:scaleX(var(--scene-progress,0));transform-origin:left;background:var(--gold)}.scene-selector button[aria-pressed=true]{color:var(--gold);background:none;border:0}.scene-selector button:hover{color:var(--paper)}.hero-tools{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:0}.motion-button{font-size:11px;min-height:44px;line-height:1.2;padding:6px 0;gap:9px;color:#b0c0c8}.pause-glyph{font-size:16px}.scroll-cue{font-size:10px;min-height:34px;display:flex;gap:12px;align-items:center;color:#adbdc5}.scroll-cue span{color:var(--gold);font-size:15px}
.scene-fallback{position:absolute;inset:5% 6%;display:grid;place-items:center;perspective:600px}.scene-fallback i{position:absolute;width:50%;height:70%;border:18px solid #bd934d;border-radius:50%;transform:rotateZ(-28deg) rotateY(34deg);box-shadow:inset 1px 1px 0 #fceac0,2px 2px 12px #000a}.scene-fallback i:nth-child(2){transform:rotateZ(28deg) rotateY(-34deg);width:43%;border-color:#ead199}.scene-fallback i:nth-child(3){transform:rotateZ(90deg) rotateY(50deg);width:48%;border-width:9px}.scene-fallback i:nth-child(4){transform:rotateZ(110deg) rotateY(-15deg);width:35%;border-width:6px}.scene-fallback i:nth-child(5){width:72%;height:85%;border-width:1px;border-color:#b4c9cb33;box-shadow:none;transform:rotateZ(-25deg) rotateY(20deg)}
/* THE SPARK: large editorial text and an open seam, never a tile grid. */
.opening{display:grid;grid-template-columns:1.35fr 1fr;gap:35px 10%;padding-top:92px;padding-bottom:90px;position:relative;overflow:hidden;background:#f3f0e7}.opening-number{grid-column:1/-1;font-family:var(--serif);font-style:italic;font-size:24px;color:#91723c;border-top:1px solid #a9977459;padding-top:19px;margin-bottom:16px}.opening h2{font-size:clamp(39px,4.6vw,72px);line-height:1.12}.opening h2 em{letter-spacing:-2.8px}.opening-copy{max-width:470px;padding-top:90px;font-size:16px;line-height:1.9;color:#4d636e}.opening-copy strong{color:var(--ink)}.opening-copy p+p{margin-top:22px}.insight-seam{display:flex;gap:27px;margin-top:37px;align-items:center}.insight-seam>span{display:block;width:50px;min-width:50px;height:80px;border-left:1px solid #a57b36;border-bottom:1px solid #a57b36;position:relative;transform:skewY(-22deg)}.insight-seam>span:before{content:'';position:absolute;left:-6px;top:-3px;width:11px;height:11px;border:1px solid #a57b36;transform:rotate(45deg);background:var(--paper)}.insight-seam>p{font-size:14px;line-height:1.8}.situation-shortcuts{grid-template-columns:repeat(3,1fr);border-top:1px solid #b9b5a560;border-bottom:none;margin-top:40px;gap:0}.situation-shortcuts a{font-size:13px;min-height:66px;padding:23px 8px;line-height:1.7}.situation-shortcuts a+a{padding-left:32px;border-color:#b9b5a560}.shortcut-dot{width:8px;height:8px;border-radius:0;transform:rotate(45deg)}
/* THE LAB: drafting surface, manipulative geometry and immediate explanations. */
.experience{background:#eae8df;padding-top:97px;padding-bottom:100px;border-top:1px solid #d4d4c8}.experience-heading{gap:8%;margin-bottom:55px;align-items:end}.experience-heading h2{font-size:clamp(56px,6vw,96px)}.lab-instruction{max-width:370px;padding-top:14px;min-width:0}.lab-instruction>span{font-size:9px;letter-spacing:2px;color:#8a662a;display:block;margin-bottom:14px}.lab-instruction p{font-size:15px;color:#576871;line-height:1.9}.scenario-label{display:flex;align-items:center;gap:12px;font-size:11px;color:#576871;margin-top:20px}.scenario-label select{max-width:100%;flex:1;min-width:0;padding:12px 32px 12px 10px;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #9b947d;border-radius:0;font-family:var(--sans);font-size:12px;min-height:44px}.experience-board{background:transparent;min-height:500px;color:var(--ink);border:0;border-top:1px solid #a7a999;box-shadow:none;grid-template-columns:.72fr 1.7fr;gap:30px;position:relative}.experience-board:before{content:'H / S';font:10px var(--sans);letter-spacing:2px;position:absolute;top:-8px;left:0;background:#eae8df;color:var(--gold-dark);width:auto;height:auto;padding-right:14px}.experience-side{padding:35px 15px 20px 0;border-right:0}.experience-side>.small-label{color:var(--gold-dark);font-size:9px;letter-spacing:1.3px}.experience-side h3{font:400 clamp(29px,3vw,45px)/1.14 var(--serif);letter-spacing:-1.5px;margin:40px 0 20px;min-height:102px;color:var(--ink)}.experience-side>p{font-size:14px;line-height:1.85;color:#536975;min-height:150px;max-width:280px}.demo-key{font-size:11px;color:#826027;line-height:1.5}.demo-stages{gap:0;border-bottom:1px solid #b4b7aa;flex-wrap:wrap;margin-top:20px}.demo-stages button{font-size:11px;min-height:45px;background:transparent;border:0;color:#5c727b;padding:12px 13px;border-bottom:2px solid transparent}.demo-stages button[aria-pressed=true]{background:none;border-bottom-color:#826027;color:#5e4316}.demo-cta{font-size:12px;color:#304a55;border-top-color:#a0aaa770;margin-top:24px;padding-top:17px;align-items:center;min-height:44px}.demo-cta span{color:var(--gold-dark)}.system-area{padding:24px 15px 10px;min-width:0;background-image:radial-gradient(#9ea99d54 .75px,transparent .75px);background-size:24px 24px;position:relative}.system-diagram{height:345px;margin-top:0;max-width:100%}.system-node{background:#eae8df;box-shadow:0 0 13px 12px #eae8df;text-align:center;border:0;padding:5px;width:112px;min-height:92px;transition:background .3s,box-shadow .3s;pointer-events:auto;cursor:pointer}.node-symbol{background:#eae8df;color:#917040;border-color:#9c865c;width:38px;height:38px;min-height:38px;font-size:22px;margin-bottom:7px;transition:background .3s}.system-node strong{color:#2c454e;font-size:12px;line-height:1.4}.system-node small{font-size:9px;color:#5b7378;line-height:1.5}.system-node:hover .node-symbol,.system-node[aria-pressed=true] .node-symbol{background:#163743;color:#f5db9b;border-color:#163743}.system-node[aria-pressed=true]{box-shadow:0 0 16px 9px #eae8df}.clarity-control{margin:20px 0 0;border-top-color:#a2a69875;padding-top:15px;background:#eae8df}.clarity-control label{font-size:11px;color:#425d69;gap:10px}.clarity-control input{min-height:28px;height:28px;background:none!important;margin:9px 0 0;cursor:pointer;display:block;width:100%}.clarity-control input::-webkit-slider-runnable-track{background:linear-gradient(to right,#9b7740 0%,#9b7740 var(--range-progress,0%),#b9c2b9 var(--range-progress,0%),#b9c2b9 100%);height:2px}.clarity-control input::-webkit-slider-thumb{margin-top:-10px;background:#f7f1df;border:7px solid #203e49;outline:1px solid #203e49;box-shadow:0 0 0 6px #d2d4c857;width:22px;height:22px}.clarity-control input::-moz-range-track{background:#b9c2b9;height:2px}.clarity-control input::-moz-range-thumb{background:#f7f1df;border:7px solid #203e49;outline:1px solid #203e49}.clarity-control>p{font-size:10px;color:#506976;margin-top:2px}.node-explanation{display:flex;gap:20px;align-items:start;border-top:1px solid #b4b9aa;margin-top:15px;padding:17px 0 0;background:#eae8df;min-height:88px}.node-explanation>span{font-size:8px;line-height:1.8;letter-spacing:1px;color:#80643b;min-width:100px;max-width:100px}.node-explanation p{font-size:12px;line-height:1.75;color:#3f5a65;max-width:480px}.learning-check{display:grid;grid-template-columns:1fr 1.18fr;gap:50px;padding:36px 0 20px;border-top:1px solid #b7b9ac;margin-top:50px}.learning-check .eyebrow{font-size:9px;margin-bottom:15px}.learning-check h3{font:400 26px/1.25 var(--serif);letter-spacing:-.6px}.learning-check>div>p:last-child{font-size:11px;color:#62787b;margin-top:13px}.check-action{align-self:center}.check-options{display:flex;gap:8px;flex-wrap:wrap}.check-options button{font-size:11px;line-height:1.5;border:1px solid #a1aa9c;padding:12px 14px;min-height:47px;background:transparent;color:#354e58;transition:background .2s}.check-options button[aria-pressed=true]{background:#173b45;color:#f5f0dc;border-color:#173b45}.check-options button:hover{border-color:#7d612e}#check-feedback{font-size:12px;line-height:1.8;color:#4c6269;margin-top:18px;min-height:62px}.experience-footnote{font-size:13px;color:#435a64;margin-top:22px;line-height:1.8;max-width:920px}.experience-footnote>span{font-size:10px;color:#5d716e}
/* THE ATLAS: a radial map and one open domain at a time, not six generic boxes. */
.atlas{background:#0a202a;color:#f3f0e7;position:relative;overflow:hidden;padding-top:115px;padding-bottom:75px;isolation:isolate}.atlas:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#89c9c71c .8px,transparent 1px);background-size:40px 40px;z-index:-1;mask-image:linear-gradient(90deg,black,transparent)}.atlas .section-heading>p{color:#a6bec5;font-size:14px}.atlas h2 em{color:#d9ba77}.atlas-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;position:relative;align-items:start}.atlas-navigation{position:sticky;top:130px;min-height:605px;padding-top:12px}.atlas-compass{position:absolute;inset:15px 0 80px;display:grid;place-items:center;pointer-events:none;max-height:470px}.atlas-compass:before,.atlas-compass:after{content:'';position:absolute;aspect-ratio:1;width:83%;max-width:440px;border:1px solid #87b2b42d;border-radius:50%;transform:rotate(-12deg)}.atlas-compass:after{width:52%;max-width:278px;border-style:dashed;border-color:#b7d4c621}.compass-cross{position:absolute;inset:15% 15%;border-top:1px solid #99c3c320;border-bottom:1px solid #99c3c320;transform:rotate(-45deg)}.compass-cross:after{content:'';position:absolute;inset:-25% 25%;border-left:1px solid #99c3c320;border-right:1px solid #99c3c320}.compass-center{text-align:center;z-index:2;background:radial-gradient(ellipse,#0a202a 25%,#0a202a00 68%);padding:30px}.compass-center>span{display:block;font-size:7px;letter-spacing:1.3px;color:#8aa6ac;margin-bottom:15px}.compass-center strong{font:400 33px/1.06 var(--serif);color:#d9ba77;letter-spacing:-1px}.atlas-selectors{position:relative;height:480px;display:block}.atlas-selector{position:absolute;display:flex;gap:11px;align-items:center;background:#0a202af0;border:0;text-align:left;color:#a7bcc1;padding:10px;min-height:72px;width:185px;z-index:2;transition:color .25s,background .25s}.atlas-selector:nth-child(1){left:50%;top:-10px;transform:translateX(-50%)}.atlas-selector:nth-child(2){right:-4%;top:120px}.atlas-selector:nth-child(3){right:0;top:335px}.atlas-selector:nth-child(4){left:40%;top:438px;transform:translateX(-50%)}.atlas-selector:nth-child(5){left:-3%;top:332px}.atlas-selector:nth-child(6){left:-7%;top:130px}.domain-glyph{width:43px;height:43px;flex:none;position:relative;color:#99adae}.domain-glyph svg{width:100%;height:100%}.atlas-selector strong{font-size:15px;display:block;font-weight:400;letter-spacing:-.2px}.atlas-selector small{display:block;font-size:8px;line-height:1.6;color:#7e9fa6;margin-top:5px;white-space:normal}.atlas-selector.active{color:#e7cd93}.atlas-selector.active .domain-glyph{color:#eed094}.atlas-selector.active:before{content:'';position:absolute;width:4px;height:4px;background:var(--gold);left:-5px;border-radius:50%;box-shadow:0 0 15px #d9ba77bb}.atlas-selector:hover{color:#eee4cf}.atlas-note{font-size:10px;line-height:1.8;color:#7f9ea7;margin-top:68px;text-align:center}.atlas-content{border-top:1px solid #a4bfa647;min-width:0;position:relative;min-height:735px}.atlas-page{position:relative;padding:25px 0 0}.atlas-page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#c2ad7d;font-size:9px;letter-spacing:1.3px;line-height:1.8}.atlas-code{color:#829ca5;white-space:nowrap}.atlas-visual{height:195px;display:flex;align-items:center;justify-content:center;position:relative;gap:26px;margin:12px 0 14px;border-bottom:1px solid #bdd5d019;background:linear-gradient(90deg,transparent,#88bfb007,transparent)}.atlas-visual>svg{width:178px;height:178px;stroke:#d9ba77;stroke-width:.6;filter:drop-shadow(0 0 15px #d9ba7733);position:relative;z-index:1}.atlas-visual>span{position:absolute;bottom:13px;left:0;color:#829ca5;font-size:9px;letter-spacing:1px}.atlas-visual:before{content:'';position:absolute;width:140px;height:140px;border:1px solid #c0dcc719;border-radius:50%;transform:rotate(-20deg)}.atlas-visual-decisions:before{width:160px;height:160px;border-radius:0;transform:rotate(45deg);border-style:dashed}.atlas-visual-organisation:before{width:245px;height:124px;border-radius:0;border-style:dashed}.atlas-visual-information:before{width:125px;height:162px;border-radius:0;transform:translate(11px,5px)}.atlas-visual-developpement:before{width:210px;height:140px;border-left:1px solid #a2d3be40;border-radius:0;transform:none;border-right:0}.atlas-visual-outils:before{width:210px;height:140px;border-radius:70px;transform:rotate(-25deg)}.atlas-visual-transmission:before{border-style:dashed;width:183px;height:183px}.atlas-page>h3{font:400 clamp(32px,3vw,46px)/1.16 var(--serif);letter-spacing:-1.4px;color:#f1ecd9;margin:22px 0 18px}.atlas-page>p{font-size:14px;line-height:1.85;color:#abc0c6;max-width:540px}.atlas-examples{margin-top:27px}.atlas-examples>span{font-size:8px;letter-spacing:1.3px;color:#c7b386;display:block;margin-bottom:12px}.atlas-examples>p{font-size:12px;line-height:1.75;padding:10px 0;border-bottom:1px solid #9daf9f20;display:flex;gap:18px;color:#bfd0d2}.atlas-examples>p>i{font-size:8px;font-style:normal;color:#b49d6a;padding-top:3px}.atlas-details{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:52px;background:none;color:#c8d3d2;font-size:11px;padding:13px 0;width:100%;text-align:left}.atlas-details .button-orbit{color:#d9ba77;flex:none}.atlas-cta{margin-top:20px;padding-top:17px;border-top:1px solid #d9ba7752;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--gold);font-size:13px;min-height:51px}.atlas-cta>span{font-size:22px}.atlas .section-note{color:#91aab0;margin-top:20px;font-size:11px}
/* THE TURN: a single editorial manifesto and its continuous gold rail. */
.bridge{padding-top:100px;padding-bottom:110px;background:#ede9df;color:var(--ink);overflow:hidden;padding-left:calc(var(--gutter) + 70px)}.bridge:before,.bridge:after{display:none}.bridge h2{font:400 clamp(48px,5.7vw,90px)/1.12 var(--sans);letter-spacing:-4px;position:relative;z-index:1}.bridge h2 em{font-family:var(--serif);color:#826027;letter-spacing:-3px}.bridge-muted{color:#8d958f}.bridge>p:not(.eyebrow){color:#536970;max-width:530px;line-height:1.85;font-size:15px;margin:29px 0 27px}.bridge-rail{position:absolute;left:var(--gutter);top:124px;bottom:120px;border-left:1px solid #a08142}.bridge-rail span{position:absolute;width:11px;height:11px;left:-6px;background:#ede9df;border:1px solid #a08142;transform:rotate(45deg)}.bridge-rail span:nth-child(1){top:0}.bridge-rail span:nth-child(2){top:47%;background:#a08142}.bridge-rail span:nth-child(3){bottom:0}.inline-cta{display:inline-flex;align-items:center;gap:30px;font-size:12px;padding:12px 0;border-bottom:1px solid #a1824680;min-height:48px}.inline-cta span{font-size:18px;color:var(--gold-dark)}
/* THE PLAN: a ruled workbench and a different, folded deliverable at each step. */
.method{padding-top:102px;padding-bottom:100px;background:#f6f3eb;border-top:1px solid #cbcbbb}.method .section-heading{margin-bottom:55px}.method .section-heading>p{font-size:14px}.plan-scale{display:flex;align-items:center;gap:15px;color:#7e754f;font-size:8px;letter-spacing:1.4px;margin:0 0 43px;padding:17px 0;border-top:1px solid #c2c8bc;border-bottom:1px solid #c2c8bc}.plan-scale i{height:5px;flex:1;background:repeating-linear-gradient(90deg,transparent,transparent 12px,#a1ab9970 12px,#a1ab9970 13px)}.method-layout{grid-template-columns:.92fr 1.2fr;gap:8%;position:relative}.method-steps{border-top:0;position:relative}.method-steps:before{content:'';position:absolute;top:30px;bottom:30px;left:17px;width:1px;background:#b1ac9455}.method-step{padding:29px 0;min-height:123px;gap:27px;border-bottom-color:#c7c9ba;position:relative;color:#627477}.step-number{width:35px;height:35px;display:grid;place-items:center;background:#f6f3eb;z-index:1;font-family:var(--sans);font-size:10px;border:1px solid #a7b0a4;border-radius:50%;color:#536b70}.method-step.active .step-number{background:#173642;color:#f4e9c5;border-color:#173642;box-shadow:0 0 0 7px #f6f3eb}.method-step.active{border-bottom-color:#a58640}.method-step strong{font-size:15px;font-weight:400;color:inherit}.method-step small{font-size:12px;line-height:1.7;color:#687b7c;max-width:310px}.step-indicator{font-size:20px}.method-deliverable{background:#fdfbf3;align-self:stretch;min-height:520px;border:1px solid #c4c8b6;box-shadow:15px 15px 0 #e7e4d6,16px 16px 0 #c7c9b8;padding:32px 40px;transform:rotate(-1deg);overflow:visible;position:relative}.method-deliverable:before{content:'';position:absolute;top:0;bottom:0;left:26px;width:1px;background:#ba895829;pointer-events:none}.method-deliverable:after{right:-1px;top:-1px;bottom:auto;width:27px;height:27px;background:linear-gradient(45deg,#e2e0d0 48%,#b9c0ac 49%,#f6f3eb 51%);border:0;transform:none;pointer-events:none}.deliverable-header{color:#7b6a3e;font-size:8px;padding-bottom:18px}.deliverable-header>span:last-child{font-size:21px}.method-deliverable h3{font-size:35px;margin:27px 0 20px;line-height:1.12}.method-deliverable>p{font-size:14px;line-height:1.8;color:#526a6d}.deliverable-list{margin-top:27px}.deliverable-list li{font-size:13px;line-height:1.7;padding:13px 0 13px 20px;color:#405c64}.deliverable-list li:before{border-radius:0;width:6px;height:6px;top:20px;transform:rotate(45deg)}.deliverable-outcome{font-size:14px;color:#203c48;font-weight:400;line-height:1.8;padding-top:12px}.method-contract{margin-top:62px;padding-top:30px;max-width:none}.contract-mark{font-size:34px}.method-contract p{font-size:13px}
/* SIGNATURES: an archive, a commitment chain and a window; three different objects. */
.architectures{padding-top:100px;padding-bottom:115px;background:#eae7dc}.architectures .section-heading>p{font-size:14px}.project-grid{display:flex;flex-direction:column;gap:46px;border-top:1px solid #b3b8a6;padding-top:44px}.project-card{display:grid;grid-template-columns:1.02fr 1fr;gap:10%;background:none;border:0;border-bottom:1px solid #b3b8a6;min-height:390px;padding:0 0 44px;align-items:center;transition:none;overflow:visible;box-shadow:none}.project-card:hover{box-shadow:none;transform:none;background:none}.project-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.project-status{font-size:9px;letter-spacing:1.4px;color:#586e72}.project-logo{height:80px;width:100%;max-width:355px;margin:26px 0 27px;display:flex;align-items:center}.project-logo img{max-height:90px;width:100%;max-width:355px;object-fit:contain;object-position:left center;background:none;filter:none}.project-archonte .project-logo img{max-height:90px}.project-ao360 .project-logo{max-width:300px;height:108px;margin:10px 0 25px}.project-ao360 .project-logo img{max-height:115px}.project-tagline{font:400 32px/1.15 var(--serif);letter-spacing:-.9px;margin-bottom:17px}.project-body>p{font-size:14px;line-height:1.85;color:#5c6d70;max-width:460px;margin-bottom:24px}.project-bottom{width:100%;max-width:460px;color:#233f48;font-size:12px;border-top:0;padding-top:10px;min-height:44px;gap:20px}.circle-plus{border-radius:0;border-color:#a89567;width:26px;height:26px;font-size:19px}.project-card:hover .circle-plus{background:#d9ba77;transform:rotate(90deg)}.project-sites .project-name{min-height:0;font:400 51px/1.1 var(--sans);letter-spacing:-2.4px;margin:26px 0 21px}.project-name>span{font:italic 27px/1.3 var(--serif);letter-spacing:-1px;max-width:none;margin-top:14px}.project-specimen{position:relative;display:block;min-height:300px;isolation:isolate;pointer-events:none;min-width:0}.specimen-caption{font-size:8px;letter-spacing:1.8px;color:#7c7354;display:block;text-align:right;margin-bottom:23px}.archive-stack{display:block;position:relative;padding:20px 18px 0 0;min-height:260px;perspective:900px}.archive-stack>i{font-style:normal;position:absolute;right:0;top:10px;width:84%;height:130px;padding:24px 26px 15px;background:#f9f5e9;border:1px solid #b5b9a5;box-shadow:0 16px 33px #2d423a12;display:flex;flex-direction:column;transform:rotate(-7deg);transition:transform .65s var(--ease)}.archive-stack>i:nth-child(2){top:82px;right:15%;transform:rotate(4deg);background:#efeadb}.archive-stack>i:nth-child(3){top:166px;right:0;transform:rotate(-3deg);background:#fdfaf1;border-left:3px solid #b09356}.archive-stack b{font:400 23px var(--serif);color:#213f4a}.archive-stack small{font-size:10px;color:#6e7970;line-height:1.5;margin-top:11px}.project-card:hover .archive-stack>i:nth-child(1){transform:translateY(-6px) rotate(-9deg)}.project-card:hover .archive-stack>i:nth-child(3){transform:translateY(8px) rotate(-2deg)}.specimen-ao360{padding:27px 32px;background:#e5e0d1;border-radius:50% 50% 0 0;min-height:323px;margin-top:0;border:1px solid #b5b5a08c;max-width:465px;width:100%}.specimen-ao360 .specimen-caption{text-align:center;margin-top:5px}.bid-chain{position:relative;padding:10px 0 0 55px;display:flex;flex-direction:column;gap:27px}.bid-chain:before{content:'';position:absolute;left:20px;top:33px;bottom:20px;width:1px;background:#a68545}.bid-chain i{font:400 25px var(--serif);position:relative;color:#1c3b49}.bid-chain i:before{content:'';position:absolute;left:-40px;top:9px;width:9px;height:9px;border:1px solid #826027;transform:rotate(45deg);background:#e5e0d1}.bid-chain i:nth-child(2):before{background:#ad8b48}.bid-chain small{display:block;font:10px/1.5 var(--sans);margin-top:6px;color:#68736e}.specimen-sites{padding:15px 22px 15px 0}.site-specimen{display:block;background:#173039;color:#efe9d3;padding:15px 24px 25px;border:1px solid #89927d;transform:perspective(900px) rotateY(-12deg) rotateZ(2deg);box-shadow:18px 18px 0 #cdd0c0;transition:transform .7s var(--ease)}.project-card:hover .site-specimen{transform:perspective(900px) rotateY(-5deg) rotateZ(1deg)}.browser-bar{height:25px;display:flex;align-items:start;gap:5px;border-bottom:1px solid #c3c9b638;margin-bottom:30px}.browser-bar b{width:4px;height:4px;border:1px solid #c1b187;border-radius:50%}.site-specimen>strong{font:400 38px/1.03 var(--serif);letter-spacing:-1.3px;display:block}.site-specimen>strong em{color:#d9ba77}.site-specimen>span{font-size:10px;margin:17px 0 20px;display:block;color:#aec1bf}.specimen-button{display:flex;justify-content:space-between;align-items:center;font-style:normal;font-size:10px;border-top:1px solid #d9ba7752;padding-top:15px;color:#d9ba77}
/* THE AUTHOR: the original monogram remains a signature, not a billboard. */
.about{padding-top:105px;padding-bottom:100px;grid-template-columns:1fr 1.18fr;gap:10%;background:#112b34}.about-brand{border:0;padding-right:0;text-align:left}.signature-glyph{position:relative;display:grid;place-items:center;width:290px;height:200px;margin:0 0 42px;isolation:isolate}.signature-glyph img{width:56px;height:auto}.signature-glyph span{position:absolute;width:220px;height:110px;border:1px solid #d9ba7747;transform:rotate(-32deg);border-radius:80px}.signature-glyph span:nth-child(2){transform:rotate(32deg);width:220px;height:110px;border-color:#d9ba7736}.signature-glyph span:nth-child(3){transform:rotate(90deg);border-radius:0;width:110px;height:110px;border-color:#d9ba771a}.about-kicker{font-size:9px;color:#a1b7ba}.about-statement{font:400 clamp(42px,4.5vw,72px)/1.08 var(--sans);letter-spacing:-3px;margin-top:20px}.about-statement em{font-family:var(--serif);letter-spacing:-2px}.about-small{font-size:9px;color:#a1b7ba;margin-top:28px}.about-copy h2{font:400 clamp(32px,3.35vw,51px)/1.12 var(--sans);letter-spacing:-2px}.about-copy h2 em{font-family:var(--serif);letter-spacing:-1.3px}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#b0c4c7;margin-top:24px}.signature{margin-top:32px;padding-top:24px;gap:23px}.signature>strong{font-size:29px}.signature>span{font-size:11px;line-height:1.8;color:#a8bfc4}.about-copy>p.about-boundary{font-size:11px;line-height:1.85;color:#9bb4b8;margin-top:24px}
/* THE DICTIONARY: margins, annotations and one plain-language explanation. */
.translation{padding-top:92px;padding-bottom:95px;background:#f3f0e7;gap:11%}.translation h2{font-size:clamp(42px,4.4vw,68px);line-height:1.1;letter-spacing:-2.5px}.translation>div>p:not(.eyebrow){font-size:14px;line-height:1.8}.translation-list{border-top:1px solid #9b9e89}.translation-list details{border-bottom-color:#b5baa9}.translation-list summary{font-size:23px;line-height:1.35;min-height:75px;padding:23px 0}.translation-list summary>span{border-radius:0;font-size:9px;border:0;border-bottom:1px solid #9a814c;padding:5px 0;letter-spacing:1px}.translation-list details[open] summary>span{background:none}.translation-list details p{font-size:14px;line-height:1.85;padding:0 20px 25px 0;color:#526972}.translation-list details[open]{background:linear-gradient(90deg,transparent,#e8e4d539)}
/* THE FIRST MAP: answers stay visible in the left-hand journey, not behind a form. */
.orientation{padding-top:110px;padding-bottom:115px;grid-template-columns:1fr 1.05fr;gap:8%;background:#071b26;overflow:hidden;position:relative}.orientation:before{display:none}.orientation-heading h2{font:400 clamp(38px,4.5vw,71px)/1.09 var(--sans);letter-spacing:-2.6px}.orientation-heading h2 em{font-family:var(--serif);letter-spacing:-2px}.orientation-heading>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:28px}.direct-contact{font-size:12px;margin-top:25px}.direct-contact>span{font-size:30px;line-height:1.5}.live-brief{margin-top:38px;border-left:1px solid #8b9e8a5e;padding-left:24px;position:relative;max-width:460px}.brief-coordinate{padding-bottom:22px;position:relative;min-height:64px}.brief-coordinate:before{content:'';position:absolute;left:-29px;top:4px;width:8px;height:8px;background:#071b26;border:1px solid #a99055;transform:rotate(45deg);transition:background .3s}.brief-coordinate.answered:before{background:#dbb879}.brief-coordinate>span{font-size:8px;letter-spacing:1.7px;color:#bca36d}.brief-coordinate>p{font-size:12px;line-height:1.75;color:#90acb5;margin-top:8px}.brief-coordinate.answered>p{color:#e3e6dc}.live-brief-note{font-size:10px;line-height:1.9;color:#93aeb7;margin-top:5px}.orientation-card{min-height:545px;background:#f4f0e4;padding:32px 32px 28px;border-top:1px solid #d9ba77;position:relative;overflow:visible;scroll-margin-top:100px;box-shadow:10px 10px 0 #46605733;border-left:1px solid #d9ba7730}.brief-fold{position:absolute;top:-1px;right:-1px;width:24px;height:24px;background:linear-gradient(45deg,#d4d2c0 48%,#ccc3a3 49%,#071b26 51%);pointer-events:none}.wizard-progress{font-size:9px;letter-spacing:1.3px}.wizard-bars{margin-bottom:28px}.wizard-bars i{height:2px}.wizard-bars i.filled{background:#9b793b}legend{font:400 29px/1.2 var(--serif);letter-spacing:-.7px;margin-bottom:21px;max-width:none}.choice-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid #c5c8b8}.choice-grid label{position:relative;min-height:51px}.choice-grid label>span{font-size:13px;line-height:1.55;min-height:51px;background:transparent;border:0;border-bottom:1px solid #c5c8b8;padding:13px 12px 13px 34px;color:#294650;transition:background .2s}.choice-grid input{left:8px;width:13px;height:13px;accent-color:#183b48}.choice-grid input:checked+span{background:#e6e0ce;color:#102b37;border-color:#a58a4e}.choice-grid label:hover>span{background:#ebe6d8;border-color:#b4aa90}.wizard-actions{margin-top:24px;align-items:center}.wizard-actions>.button{min-height:49px;font-size:12px;padding:15px 20px}.wizard-back{font-size:12px;min-height:44px}.wizard-disclaimer{font-size:10px;line-height:1.8;color:#5d7373}.free-note-label{font-size:12px;line-height:1.8}.free-note-label>span{font-size:10px}.orientation textarea{font-size:14px;line-height:1.7;padding:12px;background:#fcf9f0;min-height:89px}.privacy-hint{font-size:10px;line-height:1.8}.wizard-error{font-size:12px}.result-title{font:400 36px/1.1 var(--serif);letter-spacing:-1px}.result-overview{font-size:13px;line-height:1.8}.result-block h4{font-size:9px;letter-spacing:1.4px}.result-block p{font-size:14px;line-height:1.8;color:#203f49}.result-route{font-size:8px;line-height:1.7}.result-next{font-size:12px}.result-note{font-size:11px}.result-actions{gap:10px 20px}.result-download,.result-restart{font-size:11px;min-height:44px}.result-actions>.button{font-size:12px}.result-block{border-left:1px solid #b9a36a;padding-left:17px}
/* FINAL QUESTIONS: a quiet place to decide. */
.faq{padding-top:92px;padding-bottom:95px;grid-template-columns:.8fr 1.3fr;gap:10%}.faq h2{font-size:clamp(42px,4vw,65px);letter-spacing:-2.5px}.faq-list summary{font-size:14px;line-height:1.65;padding:23px 0;min-height:65px}.faq-list p{font-size:14px;line-height:1.9;max-width:650px;padding-right:15px}.faq-list summary>span{font-size:20px}.last-word{padding:85px var(--gutter) 97px;background:#e8e4d6;border-top:1px solid #c0c7b4}.last-word>p{font-size:15px;color:#596e70;line-height:1.8;margin-bottom:25px}.last-link{font:400 clamp(32px,4.6vw,75px)/1.1 var(--serif);letter-spacing:-2.1px;gap:35px;min-height:55px}.last-link>.button-orbit{width:26px;height:26px;min-width:26px;transform:rotate(45deg);border-radius:0}.last-link>.button-orbit:after{width:5px;height:5px;left:10px;top:10px}.footer{padding:50px var(--gutter) 24px;background:#071b26}.footer-top>p{font-size:20px}.footer-contact{font-size:12px;gap:3px}.footer-contact>a{padding:8px 0;min-height:36px}.footer-bottom{font-size:9px;gap:20px}.footer-bottom>div{gap:20px}.footer-bottom button{min-height:44px;font-size:10px}.footer-bottom a{min-height:44px;display:flex;align-items:center;font-size:10px}.journey-dock{border-radius:0;bottom:20px;max-width:calc(100vw - 30px);border:1px solid #bea36670;background:#0b2533f5;padding:8px 9px 8px 18px;gap:22px;box-shadow:0 8px 30px #0002}.journey-dock>span{font-size:10px}.journey-dock>a{font-size:11px;min-height:44px;padding:9px 13px}.journey-dock>a>span{font-size:17px}
/* Detail panes are full reading surfaces, with explicit close/focus behavior. */
.detail-dialog{border:1px solid #b6a679;width:min(940px,calc(100% - 44px));max-height:calc(100svh - 40px);background:#f5f1e6;padding:0}.dialog-header{background:#f5f1e6;padding:12px 25px;font-size:9px;gap:18px}#close-dialog{width:44px;height:44px;min-height:44px;font-size:25px;border:1px solid #b7b69f}#dialog-body{padding:35px 42px 40px}.detail-dialog h2{font-family:var(--serif);font-size:45px;line-height:1.08;letter-spacing:-1.7px}.dialog-intro{font-size:15px;line-height:1.9}.application{padding:28px 0;gap:28px}.application h3{font-size:27px;line-height:1.15}.application-type{font-size:9px}.application-detail>p{font-size:14px;line-height:1.8}.application-detail>p>span{font-size:9px}.application-outcome{font-size:13px;line-height:1.9;background:#e9e4d3}.dialog-limit{font-size:11px;line-height:1.9}.dialog-eyebrow{font-size:9px;line-height:1.8}.dialog-logo{max-width:345px;margin:0 0 28px}.dialog-logo img{max-height:150px;width:auto;max-width:100%}.legal-content p{font-size:14px;line-height:1.9}.dialog-cta{margin-top:28px}.dialog-cta button{font-size:12px}.legal-content h3{font-size:25px}
/* The cinema is opt-in, escapable and contains no forced wait. */
.cinema-dialog{position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;overflow:hidden;background:#071520;color:var(--paper)}.cinema-dialog::backdrop{background:#071520}.cinema-toolbar{position:absolute;left:var(--gutter);right:var(--gutter);top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:4}.cinema-toolbar>span{font-size:10px;letter-spacing:1.6px;color:#c9d2cb;line-height:1.8}.cinema-toolbar i{font-style:normal;color:#d9ba77;margin:0 10px}.cinema-toolbar button{font-size:11px;color:#d9ba77;background:none;display:flex;gap:17px;align-items:center;min-height:48px;padding:5px 0}.cinema-toolbar button>span{font-size:27px;color:#c9d2cb}.cinema-stage{position:absolute;inset:0;z-index:0}.cinema-stage .hero-art{left:18%;right:0;top:0;bottom:0}.cinema-stage .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071520bb,transparent 40%);pointer-events:none}.cinema-stage .scene-pin{display:none}.cinema-story{position:absolute;z-index:2;left:var(--gutter);bottom:24%;max-width:560px;pointer-events:none}.cinema-story>span{font-size:10px;letter-spacing:2.1px;color:#d9ba77}.cinema-story>h2{font:400 clamp(38px,5vw,83px)/1.08 var(--serif);letter-spacing:-2.8px;margin:22px 0 19px;text-wrap:balance}.cinema-story>p{font-size:15px;line-height:1.9;max-width:420px;color:#b6c7cd;text-shadow:0 2px 15px #071520}.cinema-controls{position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:28px;border-top:1px solid #d9ba7747;padding-top:19px;z-index:4}.cinema-scenes{display:flex;gap:5px}.cinema-scenes button{background:transparent;color:#8ca6b1;font-size:12px;border-bottom:1px solid transparent;padding:12px 14px;min-height:47px}.cinema-scenes button[aria-pressed=true]{color:var(--gold);border-color:#d9ba77}.cinema-controls>button{background:transparent;font-size:12px;padding:12px 0;min-height:46px;color:#a7bec6}.cinema-controls>button:last-child{margin-left:auto;color:#edd195;display:flex;gap:16px;align-items:center}.cinema-controls>button:last-child>span{font-size:19px}
/* Finite, subtle transitions. There is no opacity gate hiding the reading content. */
@media(prefers-reduced-motion:no-preference){.atlas-page:not([hidden]){animation:atlas-enter .5s var(--ease)}.brief-coordinate.answered:before{animation:mark-fill .5s var(--ease)}.method-deliverable.flash-in{animation:plan-enter .45s var(--ease)}.node-explanation p{animation:none}.signature-glyph span:nth-child(1){animation:signature-turn 16s ease-in-out infinite alternate}}
@keyframes atlas-enter{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes plan-enter{from{opacity:.5;transform:translateY(5px) rotate(-1deg)}to{opacity:1;transform:rotate(-1deg)}}@keyframes mark-fill{from{box-shadow:0 0 0 10px #d9ba7700}50%{box-shadow:0 0 0 7px #d9ba7714}to{box-shadow:none}}@keyframes signature-turn{to{transform:rotate(-23deg)}}
/* DESKTOP -> TABLET: rebuild the atlas and the text/scene relationship. */
@media(min-width:1700px){.hero-copy{width:58%}.hero-art{left:34%;right:-2%}.hero-description{font-size:16px;max-width:460px}.hero-intro{font-size:27px}.hero-actions{margin-top:32px}.section-pad{padding-left:max(var(--gutter),calc((100vw - 1550px)/2));padding-right:max(var(--gutter),calc((100vw - 1550px)/2))}.hero,.header,.footer{padding-left:max(var(--gutter),calc((100vw - 1550px)/2));padding-right:max(var(--gutter),calc((100vw - 1550px)/2))}.atlas-navigation{max-width:640px}.hero-footer{left:max(var(--gutter),calc((100vw - 1550px)/2));right:max(var(--gutter),calc((100vw - 1550px)/2))}}
@media(max-width:1200px){.desktop-nav{gap:20px;font-size:11px}.header-cta{font-size:11px;gap:15px}.hero h1{font-size:8.9vw;letter-spacing:-5.5px}.hero .eyebrow{max-width:420px;font-size:8px;letter-spacing:1.1px}.hero-copy{width:63%}.hero-description{max-width:345px;font-size:13px}.hero-intro{font-size:21px}.hero-art{left:34%;right:-16%;top:60px;bottom:100px}.hero-actions{gap:16px}.hero-actions .button{font-size:11px;padding:16px 19px}.film-trigger{font-size:11px}.scene-annotation{right:38px;bottom:167px}.pin-two{right:23%}.atlas-layout{grid-template-columns:1fr 1.1fr;gap:7%}.atlas-navigation{min-height:625px}.atlas-selector{width:150px;padding:8px;gap:4px}.domain-glyph{width:36px;height:36px}.atlas-selector strong{font-size:13px}.atlas-selector small{font-size:8px}.atlas-selector:nth-child(2){right:-3%;top:130px}.atlas-selector:nth-child(3){right:-3%;top:317px}.atlas-selector:nth-child(5){left:-4%;top:317px}.atlas-selector:nth-child(6){left:-6%;top:130px}.compass-center strong{font-size:28px}.atlas-visual{height:170px}.atlas-visual>svg{width:150px;height:150px}.experience-board{grid-template-columns:.77fr 1.5fr;gap:22px}.experience-side>p{font-size:13px}.method-deliverable{padding:30px 30px;min-height:510px}.method-deliverable h3{font-size:31px}.method-step{gap:17px}.method-step strong{font-size:14px}.method-step small{font-size:11px}.project-card{gap:8%}.about{gap:7%}.signature{flex-direction:column;align-items:flex-start;gap:10px}.orientation{grid-template-columns:1fr 1.1fr;gap:6%}.orientation-card{padding:27px}.section-heading>p{font-size:14px}.system-node{width:104px}}
@media(max-width:1000px){.header{height:78px}.desktop-nav{display:none}.header-cta{margin-left:auto;margin-right:10px}.menu-button{display:block}.mobile-nav{top:74px}.hero{min-height:790px;height:100svh;padding:132px var(--gutter) 148px;max-height:1000px}.hero h1{font-size:clamp(68px,9.9vw,99px);letter-spacing:-4.8px}.hero-copy{width:65%}.hero .eyebrow{max-width:360px}.hero-intro{font-size:21px}.hero-description{font-size:13px;max-width:320px}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.hero-actions .button{min-height:51px}.film-trigger{min-height:43px}.hero-byline{margin-top:17px;font-size:9px}.hero-art{left:32%;right:-25%;top:62px;bottom:110px}.hero-shade{background:linear-gradient(90deg,#071520 0%,#071520eb 20%,#071520a3 40%,transparent 70%)}.hero-footer{gap:25px}.scene-selector{width:65%;gap:18px}.scene-selector button>strong{font-size:12px}.scene-annotation{right:27px;max-width:205px;bottom:151px}.scene-annotation p{font-size:12px}.pin-one{left:48%}.pin-two{display:none}.opening{grid-template-columns:1.1fr 1fr;gap:35px 7%}.opening-copy{padding-top:64px;font-size:14px}.opening h2{font-size:43px}.situation-shortcuts a{font-size:11px;padding-right:8px}.situation-shortcuts a+a{padding-left:16px}.experience-heading{gap:7%}.experience-heading h2{font-size:60px}.lab-instruction{max-width:295px}.lab-instruction p{font-size:14px}.experience-board{grid-template-columns:1fr;gap:0}.experience-side{display:grid;grid-template-columns:1fr 1fr;gap:10px 6%;padding:28px 0 22px}.experience-side>.small-label{grid-column:1/-1}.experience-side h3{font-size:36px;margin:15px 0 0;min-height:0}.experience-side>p{font-size:14px;max-width:none;min-height:0;grid-column:2;grid-row:2 / span 2;margin-top:15px}.demo-key{margin:15px 0 0;grid-column:1;min-height:35px}.demo-stages{grid-column:1;grid-row:4;margin-top:12px;align-self:end}.demo-cta{grid-column:2;grid-row:4;margin-top:12px;align-self:end}.system-area{border-top:1px solid #b3b8a6;padding:15px 0 0}.system-diagram{height:360px;width:100%;max-width:800px}.system-node{width:116px}.system-node strong{font-size:13px}.system-node small{font-size:10px}.learning-check{gap:28px;grid-template-columns:1fr 1.15fr}.learning-check h3{font-size:24px}.check-options{gap:7px}.check-options button{padding:11px 12px;font-size:11px}.atlas-layout{grid-template-columns:.8fr 1.2fr;gap:6%}.atlas-navigation{position:sticky;top:112px;min-height:0}.atlas-compass{display:none}.atlas-selectors{height:auto;display:flex;flex-direction:column;gap:0;border-top:1px solid #a9bdb33b}.atlas-selector{position:relative!important;inset:auto!important;transform:none!important;width:100%;min-height:81px;border-bottom:1px solid #a9bdb328;padding:15px 10px;gap:15px;background:transparent}.domain-glyph{width:38px;height:38px}.atlas-selector strong{font-size:15px}.atlas-selector small{font-size:9px}.atlas-selector.active{background:#aaccc10a}.atlas-selector.active:before{left:0;border-radius:0;width:2px;height:28px;box-shadow:none}.atlas-note{text-align:left;margin-top:25px;font-size:10px;max-width:220px}.atlas-content{min-height:810px}.atlas-page>h3{font-size:35px}.atlas-page>p{font-size:13px}.atlas-visual{height:170px}.atlas-examples>p{font-size:12px}.atlas .section-note{margin-top:35px}.bridge{padding-left:calc(var(--gutter) + 48px)}.bridge h2{font-size:61px}.method-layout{grid-template-columns:1fr 1.05fr;gap:6%}.method-step{padding:20px 0;gap:15px;min-height:126px}.method-step strong{font-size:13px}.method-step small{font-size:11px}.method-deliverable{padding:29px 26px;min-height:0;box-shadow:8px 8px 0 #e7e4d6,9px 9px 0 #c7c9b8}.method-deliverable h3{font-size:29px}.method-deliverable>p{font-size:13px}.deliverable-list li{font-size:12px}.deliverable-outcome{font-size:13px}.plan-scale{gap:10px;font-size:7px;letter-spacing:1px}.project-tagline{font-size:28px}.project-body>p{font-size:13px}.project-logo{max-width:310px}.project-card{gap:8%;min-height:340px}.specimen-caption{font-size:7px}.archive-stack b{font-size:20px}.archive-stack small{font-size:9px}.archive-stack>i{padding:20px}.specimen-ao360{padding:23px;min-height:303px}.bid-chain{padding-left:46px}.bid-chain:before{left:16px}.bid-chain i:before{left:-34px}.bid-chain i{font-size:23px}.site-specimen{padding:14px 19px 22px;box-shadow:11px 11px 0 #cdd0c0}.site-specimen>strong{font-size:31px}.about{grid-template-columns:.85fr 1.15fr;gap:8%}.signature-glyph{width:230px;height:170px}.signature-glyph span{width:185px;height:90px}.signature-glyph span:nth-child(2){width:185px;height:90px}.about-statement{font-size:45px}.about-copy h2{font-size:35px}.about-copy>p:not(.eyebrow){font-size:14px}.translation{gap:8%;grid-template-columns:1fr 1.12fr}.translation h2{font-size:44px}.translation-list summary{font-size:21px}.translation-list details p{font-size:13px}.orientation{grid-template-columns:.9fr 1.1fr;gap:5%}.orientation-heading h2{font-size:40px}.orientation-heading>p:not(.eyebrow){font-size:13px}.orientation-card{padding:25px 23px}.choice-grid label>span{font-size:12px;min-height:54px}.live-brief{padding-left:19px}.brief-coordinate:before{left:-24px}.direct-contact>span{font-size:27px}.orientation legend{font-size:26px}.orientation-card .wizard-progress{font-size:8px}.faq{grid-template-columns:.78fr 1.22fr;gap:8%}.faq-list summary,.faq-list p{font-size:13px}.journey-dock>span{display:none}.journey-dock{padding:7px;bottom:15px}.journey-dock>a{gap:18px;min-height:44px}.cinema-story{max-width:440px;bottom:22%}.cinema-story>h2{font-size:54px}.cinema-stage .hero-art{left:15%;right:-18%}.cinema-controls{gap:15px}.cinema-scenes button{font-size:11px;padding:12px 10px}.cinema-controls>button{font-size:11px}}
/* PHONE: new vertical composition, native swipe retained, all sections remain reachable. */
@media(max-width:700px){:root{--gutter:24px}html{scroll-padding-top:86px}.section-pad{padding:70px var(--gutter)}h2{font-size:41px;letter-spacing:-2px;line-height:1.1}h2 em{letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:23px;gap:10px}.section-sigil{width:21px;height:21px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:450px;margin-top:24px;font-size:14px;line-height:1.9}.header,.header.scrolled{height:76px;padding:0 var(--gutter)}.brand{gap:10px}.brand-icon{width:25px;height:29px}.brand-name{font-size:13px;letter-spacing:1.8px}.brand-name>span{font-size:8px;letter-spacing:3.5px}.header-cta{display:none}.menu-button{width:44px;height:44px;min-height:44px;padding:10px 9px;margin-right:-8px}.mobile-nav{padding:18px var(--gutter) 30px;inset:75px 0 auto;max-height:calc(100svh - 76px);overflow-y:auto}.mobile-nav a{font:400 26px/1.7 var(--sans);padding:8px 0;line-height:1.5;min-height:49px}.hero{min-height:900px;height:auto;max-height:none;padding:111px var(--gutter) 145px;display:block;overflow:hidden}.hero-copy{width:100%;position:relative;z-index:3}.hero .eyebrow{font-size:7.5px;letter-spacing:1.05px;max-width:330px;gap:8px;margin-bottom:25px;line-height:1.9}.hero .eyebrow .line{width:18px}.hero h1{font-size:clamp(53px,10.75vw,76px);letter-spacing:-3.8px;line-height:1.02;white-space:nowrap}.hero h1 em{font-size:1.15em;letter-spacing:-3px;margin-left:-3px;line-height:1.06}.hero-intro{font-size:19px;line-height:1.43;letter-spacing:-.4px;margin-top:23px}.hero-description{font-size:13px;line-height:1.8;max-width:400px;margin-top:13px;color:#abc1c9}.hero-actions{margin-top:24px;gap:15px;flex-direction:row;align-items:center;flex-wrap:wrap}.hero-actions .button{font-size:11px;min-height:51px;padding:16px 17px;gap:16px}.film-trigger{font-size:11px;gap:8px;min-height:44px;padding:3px 0}.play-disc{width:31px;height:31px;font-size:18px}.hero-byline{font-size:9px;margin-top:20px;max-width:100%;letter-spacing:.2px;gap:8px}.hero-byline i{width:17px}.hero-art{left:-14%;right:-14%;top:400px;bottom:111px;height:410px;z-index:0;pointer-events:none}.hero-shade{background:linear-gradient(180deg,#071520 0,#071520 345px,#071520cf 395px,#07152000 515px,#07152000 calc(100% - 170px),#071520 100%)}.scene-pin{font-size:7px;letter-spacing:1px}.pin-one{left:20%;top:30%}.pin-two{display:block;right:14%;top:71%;font-size:6px}.pin-three{display:none}.scene-annotation{position:relative;right:auto;bottom:auto;margin-top:241px;max-width:none;display:flex;align-items:center;gap:16px;z-index:2}.scene-annotation>span:first-child{font-size:8px;letter-spacing:1.5px;min-width:52px}.scene-annotation>p{font-size:11px;line-height:1.5;margin:0}.scene-annotation>p br{display:none}.scene-annotation>p strong{margin-left:4px}.scene-annotation-rule{display:none}.hero-footer{bottom:18px;left:var(--gutter);right:var(--gutter);padding-top:15px;display:block;border-color:#d9ba773b}.scene-selector{max-width:none;width:100%;gap:17px}.scene-selector button{min-height:49px;padding-bottom:11px;gap:7px}.scene-selector button>span{font-size:7px;margin-right:0;letter-spacing:1.2px}.scene-selector button>strong{font-size:10px;line-height:1.4}.hero-tools{flex-direction:row;justify-content:space-between;align-items:center;margin-top:9px;gap:12px}.motion-button{min-height:39px;font-size:10px}.scroll-cue{font-size:9px;min-height:39px;gap:8px}.pause-glyph{font-size:14px}.opening{display:block;padding-top:49px;padding-bottom:52px}.opening-number{font-size:21px;margin-bottom:33px;padding-top:14px}.opening h2{font-size:39px;line-height:1.13;letter-spacing:-1.9px}.opening h2 em{letter-spacing:-1.6px}.opening-copy{padding-top:30px;max-width:none;font-size:14px;line-height:1.9}.opening-copy p+p{margin-top:19px}.insight-seam{gap:25px;margin-top:28px}.insight-seam>span{width:36px;min-width:36px;height:53px}.insight-seam>p{font-size:13px}.situation-shortcuts{display:flex;flex-direction:column;margin-top:32px}.situation-shortcuts a{font-size:13px;min-height:53px;padding:13px 0}.situation-shortcuts a+a{border-left:none;border-top:1px solid #c4c7b459;padding-left:0}.experience{padding-top:62px;padding-bottom:60px}.experience-heading{display:block;margin-bottom:31px}.experience-heading h2{font-size:54px;line-height:1.05;letter-spacing:-2.5px}.experience-heading h2 em{letter-spacing:-2px}.lab-instruction{max-width:none;padding-top:28px}.lab-instruction>span{font-size:8px;margin-bottom:9px}.lab-instruction p{font-size:13px;line-height:1.85}.scenario-label{font-size:10px;margin-top:15px;gap:13px}.scenario-label select{font-size:12px;padding-left:6px}.experience-board{display:flex;flex-direction:column;gap:0;padding-top:8px}.experience-side{padding:24px 0 22px;display:block}.experience-side>.small-label{font-size:8px;letter-spacing:1.25px}.experience-side h3{font-size:31px;margin-top:18px;line-height:1.13;letter-spacing:-.8px}.experience-side h3 br{display:none}.experience-side h3 br:after{content:' '}.experience-side>p{font-size:13px;line-height:1.8;max-width:none;min-height:0;margin-top:14px}.demo-key{font-size:10px;min-height:23px;margin-top:14px}.demo-stages{margin-top:11px;display:flex;flex-wrap:nowrap;gap:0}.demo-stages button{flex:1;font-size:11px;padding:11px 8px;min-height:45px}.demo-cta{margin-top:17px;min-height:44px;font-size:12px;padding-top:11px}.system-area{padding:15px 0 5px;border-top:1px solid #afb8a4;background-size:21px 21px}.system-diagram{height:344px;max-width:none}.system-node{width:87px;min-height:82px;padding:3px;box-shadow:0 0 5px 5px #eae8df}.node-symbol{width:32px;height:32px;min-height:32px;margin-bottom:6px;font-size:20px}.system-node strong{font-size:10px;line-height:1.4;max-width:87px}.system-node small{font-size:8px;line-height:1.4;min-height:12px;max-width:83px}.system-node[aria-pressed=true]{box-shadow:0 0 7px 4px #eae8df}.clarity-control{padding-top:16px;margin-top:8px}.clarity-control label{font-size:10px;line-height:1.8;gap:12px}.clarity-control>p{font-size:9px;line-height:1.8}.node-explanation{display:block;padding-top:16px;margin-top:12px;min-height:94px}.node-explanation>span{display:block;font-size:8px;max-width:none;margin-bottom:9px}.node-explanation p{font-size:12px;line-height:1.8}.learning-check{display:block;margin-top:28px;padding:26px 0 3px}.learning-check h3{font-size:25px;line-height:1.24}.learning-check>div>p:last-child{font-size:10px;line-height:1.7}.check-action{margin-top:20px}.check-options{display:flex;flex-direction:column;gap:8px}.check-options button{font-size:12px;min-height:47px;text-align:left;padding:12px 15px}.check-options button:after{content:'+';float:right;font-size:16px;line-height:1}.check-options button[aria-pressed=true]:after{content:'✓';font-size:13px}#check-feedback{font-size:12px;line-height:1.8;margin-top:15px;min-height:0}.experience-footnote{font-size:12px;line-height:1.85;margin-top:29px}.experience-footnote>span{font-size:9px}.atlas{padding-top:65px;padding-bottom:55px}.atlas-layout{display:block}.atlas .section-heading{margin-bottom:30px}.atlas h2{font-size:49px;letter-spacing:-2.5px}.atlas h2 em{letter-spacing:-2px}.atlas .section-heading>p{font-size:13px;max-width:390px;margin-top:20px;line-height:1.8}.atlas .section-heading>p br{display:none}.atlas-navigation{position:relative;top:auto;padding:0;min-height:0}.atlas-selectors{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #adc5b73d;border-bottom:1px solid #adc5b72a;height:auto}.atlas-selector{padding:14px 9px 14px 0;min-height:79px;width:100%;gap:8px;border-bottom:1px solid #a9bdb326}.atlas-selector:nth-child(even){padding-left:13px;border-left:1px solid #a9bdb328}.atlas-selector:nth-child(n+5){border-bottom:0}.atlas-selector strong{font-size:13px;line-height:1.5}.atlas-selector small{font-size:7px;line-height:1.6;margin-top:3px;max-width:110px}.domain-glyph{width:32px;height:32px}.atlas-selector.active{background:#a0c3b209}.atlas-selector.active:before{left:0;width:2px;height:28px}.atlas-selector:nth-child(odd).active:before{left:-6px}.atlas-note{font-size:9px;text-align:left;margin:17px 0 27px;max-width:none;line-height:1.8}.atlas-content{min-height:0;border-top:1px solid #a6b6a44a}.atlas-page{padding-top:20px;scroll-margin-top:92px}.atlas-page-head{font-size:8px;letter-spacing:1px;line-height:1.7;gap:12px}.atlas-code{font-size:9px;letter-spacing:1px}.atlas-visual{height:168px;margin:8px 0 16px}.atlas-visual>svg{width:150px;height:150px}.atlas-visual>span{font-size:8px;bottom:11px}.atlas-page>h3{font-size:36px;letter-spacing:-1.1px;line-height:1.12;margin-top:24px}.atlas-page>p{font-size:13px;line-height:1.9;max-width:none}.atlas-examples{margin-top:23px}.atlas-examples>span{font-size:8px;letter-spacing:1px}.atlas-examples>p{font-size:12px;line-height:1.75;gap:13px;padding:11px 0}.atlas-details{font-size:11px;min-height:48px;padding:13px 0;line-height:1.6}.atlas-cta{font-size:12px;min-height:50px;margin-top:17px;line-height:1.7;padding-top:17px}.atlas .section-note{font-size:10px;line-height:1.85;margin-top:27px}.bridge{padding:66px var(--gutter) 70px calc(var(--gutter) + 25px)}.bridge .eyebrow{font-size:8px;line-height:1.8;max-width:240px}.bridge h2{font-size:39px;letter-spacing:-1.9px;line-height:1.16}.bridge h2 em{letter-spacing:-1.5px}.bridge-rail{top:91px;bottom:103px;left:var(--gutter)}.bridge-rail span{width:7px;height:7px;left:-4px}.bridge>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:24px;max-width:none}.inline-cta{font-size:11px;gap:22px;min-height:44px}.method{padding-top:62px;padding-bottom:68px}.method h2{font-size:41px;letter-spacing:-2px}.method h2 em{letter-spacing:-1.7px}.method .section-heading{margin-bottom:26px}.method .section-heading>p{font-size:13px;line-height:1.9;margin-top:20px}.plan-scale{gap:6px;font-size:6px;letter-spacing:.7px;margin-bottom:25px;padding:13px 0}.plan-scale i{height:4px;background-size:12px}.method-layout{display:block}.method-steps{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #c1c7b4;margin-bottom:28px}.method-steps:before{display:none}.method-step{min-height:118px;padding:17px 9px 17px 0;display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid #c1c7b4}.method-step:nth-child(even){padding-left:12px;border-left:1px solid #c1c7b4}.method-step strong{font-size:11px;line-height:1.6;font-weight:400}.method-step small{font-size:9px;line-height:1.65;margin-top:6px}.step-number{min-width:24px;width:24px;height:24px;font-size:8px;border-radius:50%;margin-top:2px}.method-step.active .step-number{box-shadow:none}.step-indicator{display:none}.method-deliverable{padding:27px 26px;min-height:442px;width:calc(100% - 5px);margin-left:2px;transform:rotate(-.7deg);box-shadow:6px 6px 0 #e7e4d6,7px 7px 0 #c7c9b8}.method-deliverable:before{left:16px}.method-deliverable:after{width:23px;height:23px}.deliverable-header{font-size:7px;letter-spacing:1px;padding-bottom:18px;padding-right:4px}.method-deliverable h3{font-size:30px;letter-spacing:-.8px;line-height:1.13;margin-top:22px}.method-deliverable>p{font-size:13px;line-height:1.8}.deliverable-list{margin-top:20px}.deliverable-list li{font-size:12px;line-height:1.7;padding:12px 0 12px 16px}.deliverable-list li:before{width:5px;height:5px;top:18px}.deliverable-outcome{font-size:13px;line-height:1.8;padding-top:0}.method-contract{margin-top:37px;gap:17px;padding-top:23px}.method-contract p{font-size:11px;line-height:1.85}.contract-mark{font-size:25px}.architectures{padding-top:65px;padding-bottom:57px}.architectures h2{font-size:40px;line-height:1.09;letter-spacing:-1.9px}.architectures h2 em{letter-spacing:-1.6px}.architectures .section-heading>p{font-size:13px}.project-grid{padding-top:29px;gap:33px}.project-card{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding-bottom:32px;min-height:0;width:100%}.project-status{font-size:8px;letter-spacing:1.3px}.project-logo{height:68px;max-width:300px;margin:21px 0 22px}.project-logo img{max-height:79px}.project-archonte .project-logo img{max-height:79px}.project-ao360 .project-logo{width:245px;height:105px;margin:12px 0 19px;max-width:85%}.project-ao360 .project-logo img{max-height:110px}.project-tagline{font-size:29px;line-height:1.13;letter-spacing:-.8px;margin-bottom:14px}.project-body>p{font-size:13px;line-height:1.85;max-width:none;margin-bottom:17px}.project-bottom{font-size:11px;line-height:1.7;padding-top:5px;min-height:44px}.circle-plus{width:26px;height:26px}.project-specimen{min-height:265px;width:100%;margin:12px 0 3px;max-width:460px;align-self:center}.specimen-caption{font-size:7px;letter-spacing:1.5px;margin-bottom:15px;text-align:left}.archive-stack{height:233px;min-height:233px;padding:0 9px 0 0;margin-left:7px;margin-right:7px}.archive-stack>i{width:82%;height:100px;padding:19px 20px;top:5px}.archive-stack>i:nth-child(2){top:70px;right:15%}.archive-stack>i:nth-child(3){top:139px;right:0}.archive-stack b{font-size:20px}.archive-stack small{font-size:9px;margin-top:10px}.specimen-ao360{padding:26px 29px;min-height:304px;max-width:340px;margin-top:18px}.specimen-ao360 .specimen-caption{font-size:7px;margin-top:0}.bid-chain{gap:22px;padding:10px 0 0 56px}.bid-chain:before{left:22px}.bid-chain i{font-size:25px}.bid-chain i:before{left:-38px;top:9px;width:8px;height:8px}.bid-chain small{font-size:10px}.project-sites .project-name{font-size:43px;letter-spacing:-2px;margin:22px 0 19px}.project-name>span{font-size:25px;letter-spacing:-.7px;margin-top:14px}.specimen-sites{padding:10px 19px 13px 5px;min-height:275px;margin-top:10px}.site-specimen{padding:13px 23px 24px;transform:perspective(900px) rotateY(-9deg) rotateZ(1.5deg);box-shadow:10px 10px 0 #cdd0c0}.site-specimen>strong{font-size:33px;line-height:1.02}.site-specimen>span{font-size:10px;margin-top:16px}.specimen-button{font-size:10px}.about{padding-top:59px;padding-bottom:63px;display:flex;flex-direction:column;gap:39px}.about-brand{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 16px;align-items:center;max-width:100%;width:100%;position:relative}.signature-glyph{width:140px;height:125px;grid-row:1 / span 3;margin:0;max-width:100%}.signature-glyph span,.signature-glyph span:nth-child(2){width:131px;height:68px}.signature-glyph span:nth-child(3){width:65px;height:65px}.signature-glyph img{width:31px}.about-kicker{font-size:7px;letter-spacing:1.4px;grid-column:2}.about-statement{font-size:32px;letter-spacing:-1.4px;line-height:1.1;grid-column:2;margin-top:7px}.about-statement em{letter-spacing:-1px}.about-small{font-size:6px;line-height:1.9;letter-spacing:1.1px;grid-column:2;margin-top:14px}.about-copy{width:100%;padding-top:30px;border-top:1px solid #bdc8b834}.about-copy .eyebrow{font-size:9px}.about-copy h2{font-size:36px;line-height:1.13;letter-spacing:-1.7px}.about-copy h2 em{letter-spacing:-1.2px}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:23px}.signature{margin-top:24px;padding-top:23px;flex-direction:row;gap:20px;align-items:center}.signature>strong{font-size:24px}.signature>span{font-size:9px;line-height:1.8}.about-copy>p.about-boundary{font-size:10px;line-height:1.9;margin-top:22px}.translation{display:block;padding-top:65px;padding-bottom:59px}.translation h2{font-size:41px;letter-spacing:-1.9px}.translation>div>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-top:21px}.translation-list{margin-top:32px}.translation-list summary{font-size:21px;line-height:1.35;padding:21px 0;min-height:72px;gap:15px}.translation-list summary>span{font-size:8px;letter-spacing:1px;white-space:nowrap}.translation-list details p{font-size:13px;line-height:1.85;padding:0 5px 25px 0}.orientation{display:block;padding-top:64px;padding-bottom:64px}.orientation-heading h2{font-size:43px;letter-spacing:-2.1px;line-height:1.08}.orientation-heading h2 em{letter-spacing:-1.7px}.orientation-heading>p:not(.eyebrow){font-size:13px;line-height:1.85;margin-top:25px}.direct-contact{font-size:11px;margin-top:20px}.direct-contact>span{font-size:26px;letter-spacing:.5px;margin-top:4px}.live-brief{display:none}.orientation-card{padding:29px 22px 23px;min-height:523px;width:calc(100% - 5px);margin-top:33px;box-shadow:5px 5px 0 #46605755;scroll-margin-top:92px}.brief-fold{width:20px;height:20px}.wizard-progress{font-size:8px;letter-spacing:1.2px;gap:12px}.wizard-bars{margin-top:17px;margin-bottom:25px}.orientation legend{font-size:27px;line-height:1.17;letter-spacing:-.7px;margin-bottom:23px}.choice-grid label>span{font-size:12px;line-height:1.65;min-height:52px;padding:13px 6px 13px 31px}.choice-grid input{left:7px;width:13px;height:13px}.wizard-actions{margin-top:22px;gap:15px}.wizard-actions>.button{font-size:11px;min-height:47px;padding:14px 17px;gap:16px}.wizard-back{font-size:11px;min-height:44px}.wizard-disclaimer{font-size:9px;line-height:1.85;padding-top:16px;margin-top:23px}.free-note-label{font-size:11px;line-height:1.8}.free-note-label>span{font-size:9px;display:block;margin-left:0}.orientation textarea{font-size:13px;line-height:1.8;min-height:94px}.privacy-hint{font-size:9px;line-height:1.8}.result-title{font-size:30px;letter-spacing:-.8px;line-height:1.12;margin-bottom:18px}.result-overview{font-size:12px}.result-route{font-size:7px;gap:7px;letter-spacing:0;line-height:1.8;flex-wrap:wrap;margin:17px 0 23px}.result-route>i{min-width:12px}.result-block{padding-left:13px;margin-top:20px}.result-block h4{font-size:8px;letter-spacing:1.1px}.result-block p{font-size:13px;line-height:1.85}.result-next{font-size:11px;line-height:1.85}.result-actions>.button{font-size:11px;min-height:50px;line-height:1.6;gap:14px}.result-note{font-size:10px}.result-download{font-size:10px;min-height:44px}.faq{display:block;padding-top:63px;padding-bottom:61px}.faq h2{font-size:41px;line-height:1.09;letter-spacing:-1.7px}.faq-list{margin-top:33px}.faq-list summary{font-size:13px;line-height:1.75;padding:21px 0;min-height:65px;gap:20px}.faq-list summary>span{font-size:20px}.faq-list p{font-size:13px;line-height:1.9;padding:0 2px 25px 0}.last-word{padding:64px var(--gutter) 72px}.last-word>p{font-size:13px;line-height:1.8;margin-bottom:24px}.last-link{font-size:35px;line-height:1.16;letter-spacing:-1.2px;gap:20px;text-align:left;align-items:center}.last-link>.button-orbit{width:23px;min-width:23px;height:23px}.last-link>.button-orbit:after{left:8px;top:8px}.footer{padding:34px var(--gutter) 24px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:25px 13px;padding-bottom:22px;align-items:center}.footer-top>.brand{grid-column:1}.footer-top>p{font-size:17px;line-height:1.5;grid-column:1/-1;grid-row:2;color:#bfb28b}.footer-contact{grid-column:2;grid-row:1;font-size:10px;line-height:1.8;text-align:right;gap:0}.footer-contact>a{min-height:38px;padding:9px 0;overflow-wrap:anywhere}.footer-bottom{display:flex;flex-wrap:wrap;font-size:8px;gap:12px 20px;line-height:1.8}.footer-bottom>div{gap:16px;flex-wrap:wrap}.footer-bottom button{min-height:44px;font-size:9px}.footer-bottom a{min-height:44px;font-size:9px}.preview-label{font-size:8px}.journey-dock{bottom:max(10px,env(safe-area-inset-bottom));left:15px;right:15px;transform:none;max-width:none;padding:5px;border:1px solid #bea36650;display:block}.journey-dock>a{width:100%;min-height:44px;font-size:11px;padding:11px 16px;line-height:1.5}.journey-dock>span{display:none}.detail-dialog{width:calc(100% - 20px);max-height:calc(100svh - 22px);margin:auto;inset:0;overflow:auto}.dialog-header{padding:10px 16px;gap:10px;font-size:7px;letter-spacing:1px;line-height:1.8}.dialog-header-separator{padding:0 7px}.dialog-header>span{max-width:calc(100% - 55px)}#close-dialog{width:44px;height:44px;min-width:44px;font-size:25px}#dialog-body{padding:24px 22px 30px}.dialog-eyebrow{font-size:8px;letter-spacing:1px;line-height:1.8}.detail-dialog h2{font-size:34px;line-height:1.13;letter-spacing:-1px}.dialog-intro{font-size:13px;line-height:1.9;margin-top:22px;margin-bottom:27px}.application{display:block;padding:25px 0}.application-type{font-size:8px;letter-spacing:1.2px;margin-bottom:12px}.application h3{font-size:25px;line-height:1.17;letter-spacing:-.6px;max-width:none}.application-detail{margin-top:22px}.application-detail>p{font-size:13px;line-height:1.85;margin-bottom:18px}.application-detail>p>span{font-size:8px;line-height:1.8}.application-outcome{font-size:12px;line-height:1.85;padding:15px 17px;margin-top:20px}.dialog-limit{font-size:10px;line-height:1.9;padding-top:21px}.dialog-logo{max-width:95%;margin-bottom:23px}.dialog-logo img{max-width:100%;max-height:135px}.dialog-cta{margin-top:26px}.dialog-cta button{font-size:11px;width:100%;min-height:50px;gap:15px;line-height:1.6}.legal-content p{font-size:13px;line-height:1.85}.legal-content h3{font-size:23px}.cinema-toolbar{top:12px;left:22px;right:22px;gap:14px}.cinema-toolbar>span{font-size:7px;letter-spacing:1.2px;max-width:205px}.cinema-toolbar i{margin:0 5px}.cinema-toolbar button{font-size:10px;gap:8px;min-height:44px}.cinema-toolbar button>span{font-size:25px}.cinema-stage .hero-art{left:-20%;right:-20%;top:4%;bottom:20%;height:72%;max-height:700px}.cinema-stage .hero-art:after{background:linear-gradient(180deg,transparent 45%,#071520 95%)}.cinema-story{left:24px;right:24px;max-width:none;bottom:175px;pointer-events:none}.cinema-story>span{font-size:8px;letter-spacing:1.7px}.cinema-story>h2{font-size:40px;letter-spacing:-1.4px;line-height:1.05;max-width:360px;margin:14px 0 13px}.cinema-story>p{font-size:12px;line-height:1.85;max-width:365px}.cinema-controls{bottom:max(19px,env(safe-area-inset-bottom));left:24px;right:24px;flex-wrap:wrap;gap:8px 20px;padding-top:12px;align-items:center}.cinema-scenes{width:100%;display:flex;justify-content:space-between;gap:5px}.cinema-scenes button{font-size:10px;padding:10px 9px;min-height:44px}.cinema-controls>button{min-height:44px;font-size:10px}.cinema-controls>button:last-child{margin-left:auto;font-size:11px;gap:10px}}
@media(max-width:380px){:root{--gutter:20px}.hero{padding-top:105px;min-height:907px;padding-bottom:143px}.hero h1{font-size:clamp(46px,11.1vw,55px);letter-spacing:-3px}.hero h1 em{letter-spacing:-2.2px}.hero .eyebrow{font-size:7px;letter-spacing:.8px;margin-bottom:24px;gap:6px;max-width:295px}.hero .eyebrow .line{width:12px}.hero-intro{font-size:18px;margin-top:23px}.hero-description{font-size:12px;line-height:1.85}.hero-actions{gap:8px 14px;margin-top:21px}.hero-actions .button{font-size:10px;padding:15px 15px;gap:12px;min-height:48px}.film-trigger{font-size:10px;gap:7px;min-height:41px}.play-disc{width:27px;height:27px;font-size:16px}.hero-byline{font-size:8px;margin-top:15px}.hero-art{top:435px;height:325px;left:-17%;right:-17%}.hero-shade{background:linear-gradient(180deg,#071520 0,#071520 372px,#0715209e 453px,transparent 525px,transparent calc(100% - 165px),#071520 100%)}.scene-annotation{margin-top:220px;gap:10px}.scene-annotation>span:first-child{font-size:7px;min-width:42px}.scene-annotation p{font-size:10px;line-height:1.6}.scene-selector{gap:13px}.scene-selector button>strong{font-size:9px}.scene-selector button>span{font-size:7px}.motion-button{font-size:9px}.scroll-cue{font-size:8px}.opening h2{font-size:33px;letter-spacing:-1.4px}.opening h2 em{letter-spacing:-1.2px}.opening-copy{font-size:13px}.experience-heading h2{font-size:46px}.experience-side h3{font-size:28px}.system-node{width:78px;min-height:78px;padding:3px}.system-node strong{font-size:9px;max-width:77px}.system-node small{font-size:7px;max-width:77px}.system-diagram{height:360px}.node-symbol{width:30px;height:30px;min-height:30px;font-size:18px}.atlas h2{font-size:43px}.atlas-selector{gap:6px;padding-top:14px;padding-bottom:14px;min-height:77px}.atlas-selector:nth-child(even){padding-left:8px}.domain-glyph{width:28px;height:28px}.atlas-selector strong{font-size:11px}.atlas-selector small{font-size:7px}.atlas-page-head{font-size:7px;letter-spacing:.8px}.atlas-page>h3{font-size:32px}.atlas-page>p{font-size:12px}.atlas-examples>p{font-size:11px}.atlas-cta{font-size:11px}.bridge h2{font-size:33px;letter-spacing:-1.6px}.bridge .eyebrow{font-size:7px}.method h2{font-size:36px}.plan-scale{font-size:5.5px;letter-spacing:.4px;gap:4px}.method-step strong{font-size:10px;line-height:1.65}.method-step small{font-size:8px;line-height:1.65}.method-step{gap:7px;padding-right:6px}.method-step:nth-child(even){padding-left:8px}.step-number{width:22px;height:22px;min-width:22px;font-size:7px}.method-deliverable{padding:25px 22px;min-height:442px}.deliverable-header{font-size:6px;letter-spacing:.8px}.method-deliverable h3{font-size:28px}.method-deliverable>p{font-size:12px}.deliverable-list li{font-size:11px}.deliverable-outcome{font-size:12px}.architectures h2{font-size:35px}.project-tagline{font-size:27px}.project-body>p{font-size:12px}.project-sites .project-name{font-size:38px}.archive-stack>i{height:105px;padding:18px 15px}.archive-stack b{font-size:19px}.archive-stack small{font-size:8px}.about-brand{gap:0 9px;grid-template-columns:.8fr 1.2fr}.signature-glyph{width:113px;height:108px}.signature-glyph span,.signature-glyph span:nth-child(2){width:107px;height:60px}.signature-glyph img{width:28px}.about-statement{font-size:28px;letter-spacing:-1.1px}.about-copy h2{font-size:32px}.signature{gap:13px}.signature>strong{font-size:22px}.signature>span{font-size:8px}.translation h2{font-size:37px}.translation-list summary{font-size:19px;gap:12px}.translation-list summary>span{font-size:7px}.orientation-heading h2{font-size:38px}.orientation-card{padding:26px 17px 20px}.orientation legend{font-size:25px}.choice-grid label>span{font-size:11px;min-height:52px;line-height:1.7}.result-route{font-size:6px}.result-title{font-size:27px}.result-block p{font-size:12px}.result-actions>.button{font-size:10px;padding-left:12px;padding-right:12px}.faq h2{font-size:36px}.last-link{font-size:29px;gap:15px}.footer-top>.brand .brand-name{font-size:11px}.footer-top>.brand .brand-name>span{font-size:7px}.footer-top>.brand .brand-icon{width:20px;height:25px}.footer-contact{font-size:9px}.footer-top>p{font-size:16px}.detail-dialog h2{font-size:30px}#dialog-body{padding:23px 18px 27px}.dialog-header{padding:9px 13px}.application h3{font-size:23px}.cinema-story>h2{font-size:34px}.cinema-story>p{font-size:11px}.cinema-scenes button{font-size:9px;padding:10px 7px}}
/* Short landscape devices get space, not a crushed 100vh viewport. */
@media(max-height:550px) and (min-width:701px){.hero{height:auto;min-height:730px;padding-top:125px}.cinema-story{bottom:115px;max-width:340px}.cinema-story>h2{font-size:36px;margin:11px 0}.cinema-story>p{font-size:11px;line-height:1.7}.cinema-controls{bottom:15px;padding-top:10px}.cinema-toolbar{top:9px}.cinema-stage .hero-art{left:29%;right:-1%;top:0;bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-fallback i{animation:none!important}}
@media print{.header,.hero,.journey-dock,.cinema-dialog,.mobile-nav,.film-trigger,.scene-selector,.motion-button,.atlas-navigation,.project-specimen,.signature-glyph{display:none!important}body,section,.atlas,.about,.orientation{background:white!important;color:#132c37!important;overflow:visible!important}main{display:block}.section-pad{padding:25px 0;break-inside:avoid}.atlas-page[hidden]{display:block!important}.atlas-page{page-break-inside:avoid}.atlas-content,.method-layout,.orientation,.about,.experience-board{display:block}.orientation-card{box-shadow:none;border:1px solid #aaa;transform:none}h2{font-size:30px;color:#132c37!important}a{color:#132c37}.orientation-heading{display:block}.footer{background:#eee;color:#132c37}.atlas-page>p,.atlas-examples>p{color:#132c37}.system-node{box-shadow:none}.project-card{display:block}.project-body{display:block}.live-brief{display:block}}
.deliverable-model{display:flex;align-items:center;gap:12px;padding:17px 0 0;margin-top:7px;min-height:49px}.deliverable-model span{font-size:9px;color:#7e663b;padding:6px 9px;border:1px solid #c2b68e;line-height:1.4;background:#f4efdf}.deliverable-model i{flex:1;height:1px;background:#bba76f70;min-width:8px}.deliverable-model[data-model="0"] span{border-radius:50%;padding:12px 5px;min-width:58px;text-align:center}.deliverable-model[data-model="2"] span:nth-of-type(2){border-style:dashed;background:transparent}.deliverable-model[data-model="3"] span{border-left:2px solid #9d8241}.method-deliverable h3{margin-top:20px}@media(max-width:700px){.deliverable-model{gap:7px;padding-top:12px;min-height:38px}.deliverable-model span{font-size:8px;padding:5px 7px}.deliverable-model[data-model="0"] span{min-width:52px;padding:11px 5px}.method-deliverable{min-height:510px}.method-deliverable h3{margin-top:19px}}@media(max-width:380px){.deliverable-model span{font-size:7px}.deliverable-model[data-model="0"] span{min-width:45px}.deliverable-model{gap:6px}.method-deliverable{min-height:512px}}
/* Optical separation keeps the sculpture behind the reading plane, including its fallback. */
.hero-shade{background:linear-gradient(90deg,#071520 1%,#071520fa 24%,#071520ad 44%,#07152000 69%)}.scene-annotation{padding:14px 0 5px 17px;background:linear-gradient(90deg,#071520a8,#0715200a);border-left:1px solid #d9ba774d;max-width:258px}.scene-pin{color:#9aadb6}.hero .scene-selector button[aria-pressed=true]{color:var(--gold)}
@media(max-width:700px){
.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;padding:111px var(--gutter) 21px;max-height:none;gap:0}.hero-copy{order:1;width:100%;flex:none}.hero-art{order:2;position:relative;left:auto;right:auto;top:auto;bottom:auto;height:323px;width:calc(100% + 86px);align-self:center;margin:10px -43px 0;flex:none;max-width:none;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,black 17%,black 85%,transparent 100%)}.hero-shade{display:none}.scene-annotation{order:3;position:relative;right:auto;bottom:auto;max-width:none;margin-top:0;margin-bottom:22px;min-height:41px;border-left:1px solid #d9ba773d;padding:6px 0 5px 12px;background:none;display:flex;gap:14px}.scene-annotation>span:first-child{min-width:45px}.scene-annotation>p{font-size:11px;line-height:1.7}.hero-footer{order:4;position:relative;left:auto;right:auto;bottom:auto;width:100%;padding-top:15px;margin:0;flex:none}.pin-one{top:22%;left:17%}.pin-two{right:14%;top:74%}.cinema-stage .hero-art{position:absolute;left:-20%;right:-20%;top:5%;bottom:20%;width:auto;height:69%;margin:0;max-width:none;mask-image:none}.hero-byline{margin-top:18px}
}
@media(max-width:380px){.hero{padding-top:105px;padding-bottom:19px;min-height:0}.hero-art{height:300px;width:calc(100% + 75px);margin:5px -37.5px 0}.scene-annotation{margin-top:0;gap:10px;padding-left:10px;margin-bottom:18px}.scene-annotation>p{font-size:10px}.hero-footer{bottom:auto}.hero-shade{display:none}.cinema-stage .hero-art{width:auto;height:67%;margin:0;top:5%}}
/* Comfortable controls stay touch-sized even on the smallest composition. */
.hero .motion-button,.hero .scroll-cue,.hero .film-trigger,.footer-contact>a{min-height:44px}