@font-face{font-family:Space;src:url('fonts/space-grotesk.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Space;src:url('fonts/space-grotesk-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Instrument;src:url('fonts/instrument-serif.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#eeede9;--ink:#202624;--muted:#3e4843;--copper:#8e462d;--line:#b8bdb8;--perspective-red:#b02d28;--sc-canvas:var(--paper);--sc-surface:#e1e2dc;--sc-ink:var(--ink);--sc-ink-soft:var(--muted);--sc-accent:var(--copper);--sc-accent-ink:#fff;--sc-font-display:Space,sans-serif;--sc-font-text:Space,sans-serif;--pad:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Space,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-underline-offset:5px}button,summary{font:inherit;color:inherit}button,summary{cursor:pointer}button:disabled{opacity:.55;cursor:default}a,button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}::selection{background:var(--copper);color:#fff}svg{display:block}a svg,button svg,summary svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.skip{position:fixed;left:16px;top:-100px;z-index:20;background:var(--ink);color:var(--paper);padding:12px 20px}.skip:focus{top:10px}.private-note{padding:8px var(--pad);display:flex;justify-content:space-between;gap:12px;font-size:11px;border-bottom:1px solid var(--line);position:relative;z-index:12;background:var(--paper)}.site-header{height:100px;padding:0 var(--pad);display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:10;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;line-height:1.2;letter-spacing:-.02em}.brand svg{width:42px;height:42px;stroke:none}.site-header nav{display:flex;gap:32px;align-items:center;margin-left:auto}.site-header nav a{text-decoration:none;font-size:14px;display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:var(--ink)}.motion-toggle{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:9px 13px;font-size:11px}.enhanced{display:none}.js .enhanced{display:block}.js .inspect-controls{display:flex}
/* One persistent dimensional composition. SVG and text stay at native resolution. */
.scene-layer{position:fixed;inset:100px 0 0;z-index:0;pointer-events:none;overflow:clip}.scene-position{position:absolute;left:71%;top:44%;width:760px;height:530px;transform:translate(-50%,-50%) scale(.86)}.scene-camera{width:100%;height:100%;perspective:1800px;perspective-origin:50% 50%}.composition{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-22deg) rotateZ(-9deg)}.page-base,.page-back{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #a6a99f;background:#f7f5ef;box-shadow:12px 24px 40px -26px #242b2870}.page-base{transform:translateZ(-1px)}.page-mast,.page-footer{position:absolute;left:36px;right:36px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;line-height:1.4}.page-mast{top:24px;border-bottom:1px solid #c3c5ba;padding-bottom:16px}.page-footer{bottom:23px}.page-back{transform:rotateY(180deg) translateZ(2px);background:#293c34;color:#f2eee6}.back-mast{position:absolute;left:36px;top:28px;font-size:10px;letter-spacing:.16em}.back-grid{position:absolute;inset:70px 36px 60px;background:repeating-linear-gradient(90deg,transparent 0,transparent 55px,#6c7d7040 55px,#6c7d7040 56px),repeating-linear-gradient(0deg,transparent 0,transparent 55px,#6c7d7040 55px,#6c7d7040 56px);border:1px solid #879586}.back-title{position:absolute;left:70px;top:120px;font-size:75px;line-height:.95;letter-spacing:-.05em}.back-title em{font-family:Instrument,Georgia,serif;font-size:1.45em;font-style:normal}.back-columns{position:absolute;bottom:32px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:11px}
.design-plane{position:absolute;backface-visibility:hidden;transform-style:preserve-3d}.image-plane{width:300px;height:385px;left:425px;top:76px;transform:translate3d(24px,-18px,58px) rotateZ(4deg)}.image-plane img{width:100%;height:100%;object-fit:cover;border-radius:150px 150px 3px 3px;border:1px solid #9d8b75;box-shadow:9px 12px 22px -16px #1c282b80}.art-caption{position:absolute;bottom:12px;left:20px;color:#f7f5ef;font-size:8px;letter-spacing:.08em}.type-plane{left:52px;top:109px;width:435px;transform:translate3d(-20px,-12px,115px) rotateZ(-3deg)}.scene-eyebrow{display:block;font-size:10px;letter-spacing:.18em;margin-bottom:22px;color:#71412d}.scene-word{font-size:102px;letter-spacing:-.06em;line-height:.82;display:block;color:#27352c}.scene-word em{font-family:Instrument,Georgia,serif;font-style:normal;white-space:nowrap;font-size:1.18em}.action-plane{left:55px;top:390px;width:240px;display:flex;align-items:center;justify-content:space-between;font-size:15px;border-bottom:1px solid #293b33;padding:10px 0;transform:translate3d(-26px,24px,145px)}.action-plane svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.2}.type-specimen{left:-64px;top:312px;font-family:Instrument,Georgia,serif;font-size:140px;line-height:1;color:#9e4b30;transform:translate3d(-70px,46px,175px) rotateZ(-13deg)}.type-specimen span,.colour-study span{display:block;font-family:Space,sans-serif;font-size:8px;letter-spacing:.12em;white-space:nowrap;line-height:2;margin-left:12px}.colour-study{right:-44px;top:25px;display:flex;align-items:center;transform:translate3d(30px,-35px,135px) rotateZ(9deg)}.colour-study i{display:block;width:54px;height:54px;border-radius:50%;background:#a85435;border:1px solid #79462f;margin-left:-10px}.colour-study i:nth-child(2){background:#253b32;border-color:#253b32}.colour-study i:nth-child(3){background:#f5efdf;border-color:#c2beaf}.colour-study span{position:absolute;top:63px;right:0;color:var(--ink)}.crop-mark{width:36px;height:36px;border-color:#9e4b30;border-style:solid;opacity:.65}.crop-a{left:-30px;top:-28px;border-width:1px 0 0 1px;transform:translateZ(70px)}.crop-b{right:-32px;bottom:-32px;border-width:0 1px 1px 0;transform:translateZ(70px)}.scene-rule{position:absolute;background:#a9afa555;transform-origin:center}.rule-one{width:70vw;height:1px;left:40%;top:74%;transform:rotate(-9deg)}.rule-two{height:68vh;width:1px;left:84%;top:0;transform:rotate(18deg)}.scene-caption{position:absolute;right:var(--pad);bottom:126px;font-size:10px;color:var(--muted)}
main{position:relative;z-index:1;pointer-events:none}main section{position:relative;pointer-events:none}main section>*{pointer-events:auto}.hero{padding:44px var(--pad) 26px;min-height:700px;height:calc(100svh - 134px);max-height:1050px;display:flex;flex-direction:column}.hero-title{position:relative;z-index:2;width:45%;pointer-events:none}.hero h1{font-size:clamp(54px,6.8vw,105px);line-height:1}.hero h1 span{display:block;font-family:Instrument,Georgia,serif;font-size:1.13em;line-height:.97;letter-spacing:-.025em;max-width:6em}.hero-bottom{position:relative;margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:48px;padding-top:32px;pointer-events:none}.hero-bottom>*{pointer-events:auto}.hero-description{max-width:330px;font-size:15px}.text-link{display:inline-flex;gap:22px;align-items:center;padding:12px 0;margin-top:16px;text-decoration:none;border-bottom:1px solid var(--ink)}.text-link:hover{color:var(--copper);border-color:var(--copper)}.inspect-controls{flex-direction:column;align-items:end;gap:8px}.rotate-controls{display:flex;align-items:center;gap:8px}.rotate-controls button{border:1px solid #929d94;background:var(--paper);border-radius:40px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.rotate-controls #unfold{padding:0 22px;font-size:13px;min-width:156px}.rotate-controls button:hover{border-color:var(--ink);background:#e1e2dc}.inspect-controls p{font-size:11px;color:var(--muted);max-width:350px;background:var(--paper)}.statement{display:block;min-height:calc(100svh + 170px);padding:80px var(--pad);pointer-events:none}.statement-copy{position:sticky;top:130px;width:43%;max-width:670px;pointer-events:auto}.statement-copy>p:first-child{font-size:13px;margin-bottom:24px}.statement h2{font-family:Instrument,Georgia,serif;color:var(--perspective-red);font-size:clamp(68px,7.5vw,118px);line-height:.98;letter-spacing:-.025em}.statement-end{font-size:14px;margin-top:28px;max-width:370px}.approach{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;padding:80px var(--pad) 72px;min-height:630px}.approach h2{font-size:clamp(42px,4.7vw,72px);margin-bottom:24px}.kinetic-line{display:block;white-space:nowrap}.kinetic-line>span{display:inline-block}.approach-title{position:relative;z-index:2}.approach-title>p{font-size:15px;color:var(--muted)}.line-study{position:absolute;left:-4%;bottom:0;width:58%;max-width:740px;opacity:.18;pointer-events:none;color:var(--copper)}.line-study svg{width:100%;height:auto;transform:rotate(var(--field-angle,0deg))}.method{position:relative;z-index:2;padding:0;margin:0;list-style:none;counter-reset:method}.method li{counter-increment:method;border-top:1px solid #aab1ab;padding:24px 0 28px;position:relative}.method li:before{content:counter(method);font-size:12px;position:absolute;left:-32px;top:26px}.method h3{font-size:29px;margin-bottom:14px}.method p{max-width:450px;font-size:15px}.scope{margin:0 var(--pad);padding:72px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.scope h2{font-size:clamp(40px,4vw,60px)}.scope-intro>p{font-size:12px;color:var(--muted);max-width:370px}.scope-intro .quote-intro{font-size:16px;margin-top:28px;color:var(--ink);max-width:400px}.scope-intro>.text-link{margin:12px 0 24px;font-size:17px}.scope-detail h3{font-size:24px;margin-bottom:20px}.scope ul{padding:0;list-style:none;margin:0 0 24px}.scope li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.scope details{border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}details p{font-size:13px;color:var(--muted);margin:16px 0;max-width:650px}.ending{padding:60px var(--pad) 24px}.ending h2{font-size:clamp(60px,7.5vw,116px);max-width:66%;line-height:1}.ending h2 span{font-family:Instrument,Georgia,serif;font-size:1.12em}.ending-base{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-top:42px}.ending-base>div{max-width:510px}.ending .text-link{font-size:13px;white-space:nowrap}.ending #intake .text-link{font-size:clamp(18px,2vw,26px);white-space:normal}.ending .intake-note{font-size:12px;color:var(--muted);max-width:440px;margin-top:14px}footer{display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--line);margin-top:64px;padding-top:20px;font-size:10px}footer span{max-width:370px}.nojs-note{padding:24px var(--pad);font-size:13px}
.motion-off .statement{min-height:0;padding-top:64px;padding-bottom:64px}.motion-off .statement-copy{position:relative;top:auto}.motion-off .kinetic-line>span,.motion-off [data-sc-parallax]{transform:none!important}.motion-off .line-study svg{transform:none!important}
@media(min-width:1001px) and (max-height:760px){.hero{min-height:570px;padding-top:24px}.hero h1{font-size:clamp(56px,6.3vw,90px)}.hero-description{font-size:13px}.statement h2{font-size:82px}.statement-copy{top:120px}.scene-caption{bottom:118px}}
@media(min-width:701px) and (max-width:1000px){.site-header{gap:20px}.site-header nav{gap:20px}.hero{height:850px;min-height:850px}.hero-title{width:70%}.hero h1{font-size:70px}.hero h1 span{max-width:8em}.hero-bottom{margin-top:auto}.hero-description{font-size:14px;max-width:290px}.statement-copy{width:49%}.statement h2{font-size:76px}.approach{gap:56px}.approach h2{font-size:40px}.kinetic-line{white-space:normal}.ending h2{max-width:75%}.scene-caption{display:none}}
@media(max-width:700px){html{scroll-padding-top:110px}.private-note{font-size:9px;gap:8px}.private-note span{max-width:160px;text-align:right}.site-header{height:96px;gap:8px;flex-wrap:wrap;align-content:center}.brand{font-size:10px;gap:6px}.brand svg{width:30px;height:30px}.site-header nav{gap:16px;flex-basis:100%;justify-content:flex-end}.site-header nav a{font-size:12px;gap:4px;padding:7px 0}.site-header nav a svg{display:none}.motion-toggle{position:fixed;right:12px;bottom:12px;z-index:12;padding:10px 14px;border-color:var(--muted)}.scene-layer{top:96px}.scene-position{left:50%;top:43%;transform:translate(-50%,-50%) scale(.41)}.scene-caption{display:none}.hero{height:auto;min-height:770px;padding-top:24px}.hero-title{width:100%}.hero h1{font-size:clamp(42px,10vw,66px)}.hero h1 span{max-width:95%}.hero-space{height:365px}.hero-bottom{margin-top:0;gap:20px;flex-direction:column-reverse;align-items:start;padding-top:0}.hero-description{max-width:100%;font-size:14px}.hero-description p{max-width:340px}.inspect-controls{width:100%;align-items:center;gap:8px}.inspect-controls p{font-size:10px}.hero .text-link{font-size:13px;margin-top:8px}.statement{padding:52px var(--pad) 32px;min-height:calc(100svh + 240px)}.statement-copy{width:100%;max-width:100%;top:112px}.statement h2{font-size:clamp(59px,16vw,76px);line-height:.95}.statement-copy>p:first-child{font-size:11px;margin-bottom:18px}.statement-end{font-size:12px;max-width:290px;margin-top:20px}.approach{display:block;padding:40px var(--pad) 32px;min-height:0}.approach h2{font-size:38px;line-height:1.16}.approach-title>p{font-size:13px}.line-study{left:-15%;bottom:5%;width:110%;height:auto;max-width:none;opacity:.15}.method{margin-top:110px;padding-left:24px}.method li{padding-top:20px;padding-bottom:20px}.method h3{font-size:26px}.method p{font-size:13px}.scope{display:block;padding:40px 0}.scope h2{font-size:40px}.scope-intro .quote-intro{font-size:14px}.scope-intro>p{max-width:100%}.scope-detail{margin-top:32px}.scope-detail h3{font-size:22px}.scope li,.scope details{font-size:13px}.ending{padding-top:40px}.ending h2{max-width:100%;font-size:54px}.ending-base{display:block;margin-top:30px}.ending .text-link{margin-top:32px}.ending-base p{font-size:14px}.ending footer{margin-top:48px;display:block;padding-bottom:30px}footer span{display:block;margin-bottom:12px;max-width:270px}}
@media(max-width:360px){.site-header nav{gap:12px}.site-header nav a{font-size:11px}.hero h1{font-size:40px}.hero{min-height:750px}.hero-space{height:330px}.statement h2{font-size:59px}.approach h2{font-size:32px}.ending h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.kinetic-line>span,[data-sc-parallax],.line-study svg{transform:none!important}.statement{min-height:0;padding-top:64px;padding-bottom:64px}.statement-copy{position:relative;top:auto}}
html:not(.js) .scene-layer{position:absolute;top:134px;height:730px}html:not(.js) .scene-caption{display:none}
/* Stable compositor layers: no per-frame rasterization of text and artwork. */
.scene-position,.composition,.design-plane,.scene-rule{will-change:transform}.design-plane{transform-style:flat}.scene-position{will-change:transform,opacity}
@media(min-width:701px) and (max-width:1000px){.hero{height:900px;min-height:900px}.hero-title{width:100%}.hero h1{font-size:64px}.hero h1 span{max-width:11em}.statement-copy{width:47%}.statement h2{font-size:64px}}
/* Keep motion controls in the header, never over reading copy on phones. */
@media(max-width:700px){.site-header .motion-toggle{position:static;order:1;margin-left:auto;padding:8px 11px;font-size:10px}.site-header nav{order:2}}

/* Secondary design marks share the scroll timeline; no autonomous animations. */
:root{--sage:#526c58;--ochre:#b89643}
.approach-title h2{position:relative}.approach-title h2:after{content:"";display:block;width:88px;height:5px;background:var(--sage);margin-top:24px;transform-origin:left}
.process-mark{position:relative;width:142px;height:64px;margin-top:48px;pointer-events:none!important;isolation:isolate;will-change:transform}
.process-mark i{position:absolute;width:60px;height:60px;border:1px solid var(--sage);border-radius:50%;top:2px;left:0;}
.process-mark i:nth-child(2){left:40px;border-color:var(--copper);}.process-mark i:nth-child(3){left:80px;width:60px;background:var(--ochre);border-color:transparent;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:scale(.62)}
.line-study{color:var(--sage);opacity:.22}.method li:nth-child(1):before{color:var(--sage)}.method li:nth-child(2):before{color:var(--copper)}.method li:nth-child(3):before{color:var(--sage)}
.scope .quote-link{color:#39543f;border-color:var(--sage)}
.closing-orbit{position:absolute;right:9%;top:66px;width:150px;height:150px;pointer-events:none!important;will-change:transform}
.orbit-ring{position:absolute;inset:0;border:1px solid var(--sage);border-radius:50%;transform:rotate(-24deg) scaleX(.62)}.orbit-disc{position:absolute;right:2px;top:12px;width:46px;height:46px;border-radius:50%;background:var(--ochre)}.orbit-spark{position:absolute;width:74px;height:74px;left:4px;bottom:0;fill:none;stroke:var(--copper);stroke-width:1.5}
.ending h2,.ending-base,footer{position:relative}.motion-off .process-mark,.motion-off .process-mark i,.motion-off .closing-orbit{transform:none}.motion-off .process-mark i:nth-child(3){transform:scale(.62)}.motion-off .approach-title h2:after{transform:none}
@media(max-width:1000px){.closing-orbit{right:10%;width:110px;height:110px;top:78px}.orbit-disc{width:32px;height:32px}.orbit-spark{width:54px;height:54px}}
@media(max-width:700px){.process-mark{margin-top:28px;width:114px;height:48px}.process-mark i{width:44px;height:44px}.process-mark i:nth-child(2){left:32px}.process-mark i:nth-child(3){left:64px;width:44px}.method{margin-top:50px}.closing-orbit{right:var(--pad);top:170px;width:72px;height:72px}.orbit-disc{width:24px;height:24px;right:0;top:0}.orbit-spark{width:38px;height:38px}.ending-base>div{position:relative}.ending-base>div>p{max-width:calc(100% - 80px)}}
@media(prefers-reduced-motion:reduce){.process-mark,.process-mark i,.closing-orbit{transform:none!important}.process-mark i:nth-child(3){transform:scale(.62)!important}.approach-title h2:after{transform:none!important}}
/* Keep moving process text and vector contours on stable compositor layers. */
.kinetic-line>span,.line-study,.line-study svg{will-change:transform}
.line-study svg{transform:translateZ(0) rotate(var(--field-angle,0deg))}
.motion-off .kinetic-line>span,.motion-off .line-study,.motion-off .line-study svg{will-change:auto}
@media(prefers-reduced-motion:reduce){.kinetic-line>span,.line-study,.line-study svg{will-change:auto}}
/* A shared construction field connects the living page to the type workshop. */
.journey-field{position:absolute;left:46%;top:0;width:660px;height:660px;will-change:transform;opacity:.32;transform:rotate(-18deg);pointer-events:none}.field-ring{position:absolute;inset:0;border:1px solid #8e462d;border-radius:50%;transform:scaleX(.62)}.field-axis{position:absolute;left:50%;top:-20%;height:140%;width:1px;background:#526c58;transform:rotate(36deg)}.field-disc{position:absolute;width:74px;height:74px;right:30%;top:0;border:1px solid #8e462d;border-radius:50%;background:#d8c8ab}
.image-plane video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:150px 150px 3px 3px;opacity:0}.image-plane video.is-playing{opacity:1}.image-plane .art-caption{z-index:1}
#media-toggle{border:0;border-bottom:1px solid var(--line);background:var(--paper);font-size:11px;min-height:30px;padding:3px 8px}.media-status{font-size:10px;color:var(--muted);max-width:290px}.media-status:empty{display:none}
.type-workshop{position:relative;width:300px;height:205px;margin-top:28px;perspective:900px;isolation:isolate;pointer-events:none!important}.type-object{position:absolute;left:22px;top:5px;width:235px;height:170px;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-24deg) rotateZ(-8deg);will-change:transform}.type-object span{position:absolute;inset:0;font-family:Instrument,Georgia,serif;font-size:180px;letter-spacing:-.07em;line-height:1;color:#263d31;transform:translateZ(24px)}.type-object span:nth-child(1){color:#8e462d;transform:translate3d(10px,8px,-22px)}.type-object span:nth-child(2){color:#b89643;transform:translate3d(5px,4px,0)}.type-orbit{position:absolute;left:0;top:9px;width:270px;height:170px;border:1px solid #8e462d;border-radius:50%;transform:rotate(-28deg) scaleX(.67);will-change:transform;z-index:-1}.type-caption{position:absolute;bottom:0;left:24px;font-size:9px;letter-spacing:.18em;color:var(--muted)}.approach-title .process-mark{position:absolute;right:2%;bottom:40px;transform:scale(.7);opacity:.6}.approach-title .line-study{width:95%;bottom:0;opacity:.13;z-index:-1}
.motion-off .type-object,.motion-off .type-orbit{transform:none!important;will-change:auto}.motion-off .journey-field{will-change:auto}.motion-off .image-plane video{opacity:0}
@media(max-width:1000px){.journey-field{left:32%;width:530px;height:530px}.type-workshop{width:260px}.type-object{left:0}.type-orbit{width:240px}.approach-title .process-mark{display:none}}
@media(max-width:700px){.journey-field{left:30%;top:180px;width:350px;height:350px;opacity:.22}.type-workshop{margin-top:24px;width:240px;height:180px}.type-object{left:10px;top:4px;width:220px;height:155px}.type-object span{font-size:156px}.type-orbit{width:235px;height:150px}.type-caption{left:14px}.method{margin-top:36px}.inspect-controls{gap:4px}.hero-space{height:345px}}
@media(prefers-reduced-motion:reduce){.type-object,.type-orbit{transform:none!important;will-change:auto}.journey-field{will-change:auto}.image-plane video{opacity:0!important}}

/* The primary next step belongs to the viewpoint; the close stays compact. */
.viewpoint-quote{font-size:15px;gap:12px;margin-top:20px;background:var(--paper)}.quote-context{font-size:11px;margin-top:10px;color:var(--muted)}
.inquiry-scenario{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:24px 10vw;margin:4px 0 0;padding:32px 0 8px;border-top:1px solid var(--line);position:relative;z-index:2}
.scenario-label{font-size:11px;font-weight:700;color:var(--copper);margin-bottom:14px}.inquiry-scenario h3{font-family:Instrument,Georgia,serif;font-size:42px;line-height:1.05;margin-bottom:14px}.inquiry-scenario figcaption>p:last-child{font-size:13px;max-width:34ch}.scenario-plot{min-width:0}.scenario-row{margin-bottom:15px}.scenario-row-label{display:flex;justify-content:space-between;gap:10px;font-size:12px}.scenario-row-label strong{font-weight:700;white-space:nowrap}.bar-track{height:22px;margin-top:8px;border-left:1px solid var(--ink);background:#dce0d7}.scenario-bar{display:block;height:100%;background:var(--sage);transform-origin:left;will-change:transform}.bar-one{width:50%}.bar-two{width:100%;background:var(--copper)}.scenario-row>p{font-size:11px;color:var(--muted);margin-top:5px}.scenario-axis{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;padding-top:6px}.axis-title{font-size:11px;color:var(--muted);margin-top:4px}#scenario-note{grid-column:1/-1;font-size:12px;color:var(--muted);max-width:85ch;line-height:1.6}
.compact-ending{padding-top:12px}.compact-ending .closing-orbit{display:none}.compact-ending .ending-base{margin-top:0;border-top:1px solid var(--line);padding-top:20px;align-items:center;gap:20px}.compact-ending .ending-base>p{font-size:15px}.compact-ending .text-link{margin-top:0}.compact-ending footer{margin-top:32px}
.motion-off .scenario-bar{transform:none!important;will-change:auto}
@media(max-width:700px){.viewpoint-quote{font-size:14px;gap:12px}.quote-context{font-size:11px}.inquiry-scenario{display:block;margin-top:28px;padding-top:26px}.inquiry-scenario h3{font-size:38px}.scenario-plot{margin:26px 0 20px}.scenario-row-label{font-size:11px}.compact-ending .ending-base{display:flex;align-items:start;flex-direction:column;gap:12px}.compact-ending .ending-base>p{max-width:100%}.compact-ending .text-link{margin-top:0}.compact-ending footer{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.scenario-bar{transform:none!important;will-change:auto}}
/* Local reading surfaces keep the moving scene from crossing small copy. */
.quote-context{display:inline-block;background:var(--paper)}.method p{background:var(--paper)}

/* Static sourced values; selection changes the chosen industry, not the evidence. */
.bar-one{width:61%}.bar-two{width:66%}.industry-label{display:block;font-size:12px;margin-top:20px;margin-bottom:7px}#benchmark-industry{font:inherit;font-size:13px;max-width:100%;width:280px;min-height:44px;padding:10px 12px;border:1px solid var(--muted);color:var(--ink);background:var(--paper);border-radius:0}#benchmark-industry:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.scenario-context{grid-column:1/-1;font-size:12px;line-height:1.65}.benchmark-source{margin-top:10px;color:var(--muted);max-width:80ch}.scenario-context details{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.scenario-context summary{font-size:12px}.scenario-context details p{max-width:88ch}.benchmark-status{font-size:11px;color:var(--muted);margin-top:12px}.scenario-plot{align-self:center}.scenario-row-label,.axis-title,.benchmark-status{background:var(--paper)}
/* This figure uses the studio timeline, not inherited engine progress. Keep
   native form-control styles stable while its surrounding act progresses. */
.inquiry-scenario{--sc-p:0;--sc-seg:0;--sc-segp:0}

/* Mobile composition has its own open document space, never a copy mask. */
.quote-context{display:block}
.viewpoint-quote,.scope .quote-link{background:#293c34;color:#fff;border:2px solid #293c34;border-radius:8px;padding:15px 20px;min-height:54px;max-width:100%;line-height:1.4;justify-content:space-between;font-weight:700;text-decoration:none}
.viewpoint-quote:hover,.scope .quote-link:hover{background:#39543f;border-color:#39543f;color:#fff}
.viewpoint-quote:active,.scope .quote-link:active{background:#202f29;border-color:#202f29}
.viewpoint-quote:focus-visible,.scope .quote-link:focus-visible{outline:3px solid var(--copper);outline-offset:5px;box-shadow:0 0 0 2px var(--paper)}
@media(max-width:700px){
 .site-header{height:auto;min-height:96px;padding-top:10px;padding-bottom:10px}
 .hero{min-height:0;padding-bottom:0}
 .hero-bottom{margin-top:22px;padding:0;gap:22px;flex-direction:column;align-items:start}
 .inspect-controls{align-items:start}
 .inspect-controls p,.quote-context,.method p{background:transparent}
 .hero-space{height:430px;flex-shrink:0}
 .kinetic-line{white-space:normal;line-height:1.3}
 .statement{min-height:0;padding-top:8px;padding-bottom:52px}
 .statement-copy{position:relative;top:auto}
 .viewpoint-quote{width:100%;font-size:14px;padding:15px 18px}
 .quote-context{display:block}
 .motion-off .statement{padding-top:8px;padding-bottom:52px}
}
@media(max-width:360px){.hero-space{height:380px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.statement{padding-top:8px;padding-bottom:52px}}