@font-face{font-family:Geist;src:url('assets/Geist.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--green:#123c37;--cream:#f1efdf;--muted:#b4c2ad;--peach:#e4ae7d;--paper:#fff;--paper-muted:#65796e;--paper-line:#d7e0d8;--gutter:clamp(22px,6.15vw,120px);--ease:cubic-bezier(.22,1,.36,1);font-family:Geist,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--green);color:var(--cream);font:16px/1.65 Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}button,input{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border-radius:0}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}img{height:auto}[hidden]{display:none!important}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:420}::selection{background:#dbe6dd;color:var(--green)}:focus-visible{outline:2px solid var(--peach);outline-offset:6px}section[id]{scroll-margin-top:88px}#page{position:relative;isolation:isolate}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;left:20px;top:14px;padding:12px 18px;background:var(--paper);color:var(--green);transform:translateY(-160%)}.skip:focus{transform:none}.eyebrow,.chapter-index{font-size:11px;font-weight:480;line-height:1.6;letter-spacing:.115em;text-transform:uppercase}.accent{color:var(--peach)}

/* The approved logo composition continues through the room, with no second page. */
.ambient-glow{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 22%,rgb(167 192 163 / .045),transparent 59%),radial-gradient(ellipse at 87% 83%,rgb(228 174 125 / .035),transparent 60%)}
.brand-story{position:relative;height:auto}.brand-stage{--logo-opacity:1;--logo-y:0px;--logo-scale:1;--project-opacity:0;--project-y:36px;--project-pointer:none;--orbit-opacity:1;--orbit-scale:.88;--pointer-x:0px;--pointer-y:0px;--room-opacity:0;--room-scale:.82;--room-ui-opacity:0;--service-opacity:0;--service-y:28px;--intro-meta-opacity:1;--paper-wash:0;position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:85px;padding:145px var(--gutter) 0;isolation:isolate;background:var(--green)}
.brand-stage::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 49% 57%,rgb(156 181 144 / .07),transparent 64%)}
.brand-orbit,.brand-orbit-secondary{position:absolute;z-index:0;left:50%;top:50%;aspect-ratio:1;border:1px solid rgb(196 207 179 / .17);border-radius:50%;pointer-events:none;opacity:var(--orbit-opacity);transform:translate(-50%,-50%) translate3d(var(--pointer-x),var(--pointer-y),0) scale(var(--orbit-scale));will-change:transform,opacity}.brand-orbit{width:clamp(390px,69vw,1050px)}.brand-orbit-secondary{width:clamp(630px,104vw,1590px);top:65%;left:71%;border-color:rgb(196 207 179 / .09);transform:translate(-50%,-50%) translate3d(calc(0px - var(--pointer-x)),calc(0px - var(--pointer-y)),0) scale(var(--orbit-scale))}
.brand-first{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.hero-wordmark{filter:brightness(0) saturate(100%) invert(94%) sepia(10%) saturate(374%) hue-rotate(359deg) brightness(104%) contrast(89%)}.hero-wordmark{width:min(67vw,990px)}.brand-tagline{margin-top:36px;font-size:13px;letter-spacing:.065em;color:var(--muted)}
.project-intro{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.project-intro>.eyebrow{color:var(--muted)}.project-intro h1{font-size:clamp(84px,13.5vw,214px);line-height:1.01;font-weight:400;letter-spacing:-.075em;margin:22px 0 27px;white-space:nowrap}.project-intro h1 span{color:var(--peach)}.project-description{font-size:clamp(17px,1.7vw,24px);line-height:1.5;color:#ced6c4;max-width:35ch}.project-next{display:inline-flex;align-items:center;min-height:48px;gap:40px;margin-top:25px;padding:10px 0 7px;border-bottom:1px solid #9caf94;font-size:12px}.project-next span{color:var(--peach);font-size:19px;transition:transform .4s var(--ease)}.project-next:hover span{transform:translateY(5px)}
.room-reveal{position:relative;z-index:3;width:100vw;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:var(--green);pointer-events:none}.room-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.room-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgb(8 26 22 / .34),rgb(8 26 22 / .07) 48%,rgb(8 26 22 / .1))}.room-open{position:absolute;left:auto;right:var(--gutter);top:auto;bottom:23px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:12px 0 9px;border:0;border-bottom:1px solid rgb(255 255 255 / .83);background:none;color:#fff;font-size:16px;letter-spacing:-.01em;text-shadow:0 1px 20px rgb(0 0 0 / .25);transform:none;white-space:nowrap;pointer-events:auto}.room-open span:last-child{font-size:23px;line-height:1;transition:transform .4s var(--ease)}.room-open:hover span:last-child{transform:translate(3px,-3px)}.room-open:focus-visible{outline-color:#fff}.room-credit{position:absolute;bottom:29px;left:var(--gutter);display:flex;align-items:center;gap:20px;color:#fff;font-size:10px;letter-spacing:.11em;line-height:1.5;text-transform:uppercase;text-shadow:0 1px 15px #10231e;pointer-events:none}
.stage-wash{display:none;position:absolute;z-index:4;inset:0;background:var(--paper);opacity:var(--paper-wash);pointer-events:none;will-change:opacity}

.service-intro{position:relative;z-index:5;display:grid;place-items:center;width:100vw;padding:90px var(--gutter);background:var(--paper);color:var(--green);text-align:center;pointer-events:none}.service-copy{width:min(100%,960px);margin-inline:auto}.service-copy>.eyebrow{color:var(--paper-muted)}.service-copy h2{font-size:clamp(44px,5.2vw,75px);font-weight:420;line-height:1.1;letter-spacing:-.055em;margin:23px auto 0;max-width:23ch}.service-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--paper-muted);max-width:52ch;margin:24px auto 0}.motion-ready .service-intro{position:absolute;inset:0;width:100%;padding:100px var(--gutter) 70px;background:transparent;opacity:var(--service-opacity);transform:translateY(var(--service-y));will-change:transform,opacity}

.intro-bottom{position:relative;z-index:6;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.035em}.intro-bottom>:nth-child(2){text-align:center;justify-self:center}.intro-bottom>:last-child{justify-self:end;text-align:right}.intro-bottom a{display:inline-flex;align-items:center;min-height:44px;gap:14px}.intro-bottom a span{color:var(--peach)}
.motion-ready .brand-story{height:310svh}.motion-ready .brand-stage{position:sticky;top:0;height:100svh;min-height:0;display:grid;place-items:center;gap:0;padding:0;overflow:hidden}.motion-ready .brand-first{position:absolute;inset:0;padding:20px var(--gutter) 50px;opacity:var(--logo-opacity);transform:translateY(var(--logo-y)) scale(var(--logo-scale));will-change:transform,opacity}.motion-ready .hero-wordmark{animation:wordmark-arrive 1.35s var(--ease) both}.motion-ready .brand-tagline{animation:quiet-arrive 1s .35s var(--ease) both}.motion-ready .project-intro{position:absolute;inset:0;padding:44px var(--gutter) 55px;opacity:var(--project-opacity);transform:translateY(var(--project-y));pointer-events:none;will-change:transform,opacity}.motion-ready .project-next{pointer-events:var(--project-pointer)}.motion-ready .room-reveal{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;opacity:var(--room-opacity);transform:scale(var(--room-scale));will-change:transform,opacity}.motion-ready .room-open,.motion-ready .room-credit{opacity:var(--room-ui-opacity)}.motion-ready .stage-wash{display:block}.motion-ready .intro-bottom{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);width:auto;opacity:var(--intro-meta-opacity);will-change:opacity}

/* The service introduction carries the room into the same white paper field. */
.paper{position:relative;z-index:1;background:var(--paper);color:var(--green)}.paper ::selection{background:#dbe6dd;color:var(--green)}.paper :focus-visible,.header :focus-visible,footer :focus-visible{outline-color:var(--green)}
.header{position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:15px var(--gutter);background:rgb(255 255 255 / .95);backdrop-filter:blur(16px);border-bottom:1px solid rgb(18 60 55 / .12);color:var(--green);opacity:0;visibility:hidden;transform:translateY(-105%);transition:opacity .35s ease,transform .55s var(--ease),visibility .35s}.header[data-visible=true],.header:focus-within{opacity:1;visibility:visible;transform:none}.brand{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}.brand img{width:132px;filter:brightness(0) saturate(100%) invert(18%) sepia(27%) saturate(1288%) hue-rotate(119deg) brightness(91%) contrast(92%)}#navigation{display:flex;align-items:center;gap:clamp(24px,3vw,48px)}#navigation a{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px}#navigation a::after{content:'';position:absolute;inset:auto 0 8px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}#navigation a:hover::after,#navigation a:focus-visible::after{transform:scaleX(1)}.menu-button{display:none}

/* Each datum owns one view. Source and geography stay beside its claim. */
.data-story,.method-story{position:relative;background:var(--paper);color:var(--green)}.data-stage,.method-stage{position:relative}.data-chapter{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:clamp(45px,7vw,120px);min-height:660px;padding:110px var(--gutter);background:var(--paper)}.data-copy{position:relative;max-width:650px}.chapter-index{color:var(--paper-muted)}.data-number{display:block;font-size:clamp(82px,10vw,158px);line-height:1.03;font-weight:380;letter-spacing:-.075em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;margin-top:24px}.data-number strong{font:inherit}.data-number span{font-size:.4em;font-weight:430;letter-spacing:-.025em;margin-left:5px}.data-title{font-size:clamp(31px,3.12vw,49px);font-weight:420;line-height:1.15;letter-spacing:-.048em;max-width:19ch;margin-top:25px}.data-title h2{font:inherit}.data-note{font-size:13px;line-height:1.85;color:var(--paper-muted);max-width:43ch;margin-top:20px}.data-note p+p{margin-top:9px}.data-base{max-width:46ch;margin-top:8px;color:var(--paper-muted);font-size:11px;line-height:1.65}.source{display:inline-flex;align-items:center;gap:22px;min-height:44px;margin-top:13px;padding:6px 0;border-bottom:1px solid #a5b5a9;font-size:11px;line-height:1.6;color:var(--paper-muted);transition:color .25s ease,border-color .25s ease}.source:hover{color:var(--green);border-color:var(--green)}.source span{font-size:15px;line-height:1}.data-visual{min-width:0;width:100%;display:grid;place-items:center;position:relative}.data-visual>figure{width:100%;margin:0}.chart-caption{font-size:11px;color:var(--paper-muted);line-height:1.8;max-width:54ch;margin-top:27px}.data-chart,.trend-chart{width:100%;height:auto;overflow:visible;color:var(--green)}
.dot-grid{width:min(100%,470px);aspect-ratio:1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(8px,1vw,15px);margin-inline:auto}.dot-grid span{display:block;aspect-ratio:1;border:1px solid #cbd7cd;border-radius:50%;background:var(--paper);transform-origin:center}.dot-grid span.is-filled{border-color:var(--green);background:var(--green);opacity:var(--dot-opacity,var(--chart-progress,1));transform:scale(var(--dot-scale,calc(.65 + .35*var(--chart-progress,1))))}.data-visual .dot-grid+figcaption,.data-visual .dot-grid~.chart-caption{text-align:center;margin-inline:auto}
.trend-chart text{font-family:Geist,Arial,sans-serif;fill:#6d8074;font-size:18px;font-weight:400}.trend-chart .trend-value{fill:#4f6859;font-size:18px}.trend-chart .trend-year,.trend-chart .trend-label{font-size:18px}.trend-chart .trend-grid,.trend-chart .chart-baseline{stroke:#dfe6df;stroke-width:1;fill:none}.trend-chart .trend-bars rect{fill:#c1d0c3;transform:scaleY(var(--chart-progress,1));transform-box:fill-box;transform-origin:center bottom}.trend-chart .trend-bars rect.is-current{fill:var(--green)}.trend-chart .trend-value.is-current,.trend-chart .trend-year.is-current{fill:var(--green);font-weight:550}.chart-baseline{height:1px;background:#dfe6df;stroke:#dfe6df;stroke-width:1}.bar-chart{display:grid;gap:27px}.bar-row{display:grid;grid-template-columns:100px minmax(0,1fr) 45px;gap:16px;align-items:center}.bar-label,.bar-value{font-size:12px;line-height:1.5}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.bar-track{position:relative;height:31px;background:#edf1ec;overflow:hidden}.bar-fill{height:100%;width:var(--bar-width,100%);background:var(--green);transform:scaleX(var(--bar-progress,1));transform-origin:left center}
.engagement-graphic{width:100%;max-width:500px;margin-inline:auto}.plan-diagram{width:100%;height:auto;max-height:340px;overflow:visible}.plan-diagram .plan-wall,.plan-diagram .plan-line{fill:none;stroke:#8ba191;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.plan-diagram .plan-room{fill:#d7e3d9;fill-opacity:var(--chart-progress,1);stroke:none}.plan-diagram .plan-room.is-current{fill:var(--green);fill-opacity:var(--chart-progress,1)}.plan-diagram .plan-furniture{fill:none;stroke:#7d9785;stroke-width:1.2}.plan-diagram text{font-family:Geist,Arial,sans-serif;font-size:15px;fill:var(--paper-muted)}.percentage-track{display:block;width:100%;height:18px;background:#edf1ec;overflow:hidden;margin-top:27px}.percentage-fill{width:40%;height:100%;background:var(--green);transform:scaleX(var(--chart-progress,1));transform-origin:left center}.percentage-scale{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--paper-muted)}
.data-progress,.method-progress{display:flex;align-items:center;gap:27px;padding:0 var(--gutter) 25px;color:#6c8073;font-size:10px;letter-spacing:.05em}.data-progress button{position:relative;min-height:44px;min-width:28px;padding:9px 0;border:0;background:none;color:#83968a;font-size:11px}.data-progress button::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.data-progress button[aria-current]:not([aria-current=false]){color:var(--green)}.data-progress button[aria-current]:not([aria-current=false])::after{transform:scaleX(1)}
.motion-ready .data-story{height:190svh}.motion-ready .data-stage{position:sticky;top:0;height:100svh;overflow:hidden}.motion-ready .data-chapter{position:absolute;inset:0;min-height:0;padding-top:110px;padding-bottom:100px;opacity:var(--chapter-opacity,0);transform:translate3d(0,var(--chapter-y,0px),0);will-change:transform,opacity}.motion-ready .data-chapter[data-chapter="0"]{--chapter-opacity:1}.motion-ready .data-progress{position:absolute;z-index:5;bottom:23px;left:0;right:0;padding-bottom:0}

/* Three simple diagrams describe the sequence without introducing new cards. */
.method-chapter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(48px,7vw,120px);min-height:650px;padding:110px var(--gutter);background:var(--paper)}.method-copy{max-width:590px}.method-copy .eyebrow,.method-copy .chapter-index{color:var(--paper-muted)}.method-copy h2{font-size:clamp(43px,5.35vw,84px);font-weight:420;line-height:1.08;letter-spacing:-.058em;max-width:16ch;margin-top:28px}.method-copy>p:not(.eyebrow):not(.chapter-index){font-size:15px;line-height:1.85;color:var(--paper-muted);max-width:39ch;margin-top:25px}.method-visual{position:relative;min-width:0;width:100%;display:grid;place-items:center}.method-diagram{width:100%;height:auto;max-height:55svh;overflow:visible;color:var(--green)}.method-diagram .diagram-line{fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.method-diagram .diagram-frame{fill:var(--paper);stroke:#a8bbae;stroke-width:1.3}.method-diagram .diagram-point{fill:var(--green);opacity:var(--point-opacity,var(--method-progress,1));transform-box:fill-box;transform-origin:center;transform:scale(var(--point-scale,1))}.method-diagram .diagram-accent{fill:#dce7de;stroke:var(--green);stroke-width:1.1}.method-diagram .diagram-muted{stroke:#b8c9bc;fill:none}.method-diagram [data-draw]{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--method-progress,1))}.method-diagram text{font-family:Geist,Arial,sans-serif;fill:var(--paper-muted);font-size:14px}.method-progress button{min-height:44px;min-width:28px;padding:9px 0;background:none;border:0;color:inherit;font:inherit}.method-progress button[aria-current]:not([aria-current=false]){color:var(--green);border-bottom:1px solid var(--green)}.method-progress>span{font-variant-numeric:tabular-nums}.method-disclosure{padding:0 var(--gutter) 65px;color:var(--paper-muted);font-size:12px;line-height:1.85}.method-disclosure>p{max-width:86ch}.method-disclosure .source{margin-top:12px}.technology{border-block:1px solid var(--paper-line);margin-top:29px}.technology summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:70px;padding:20px 0;color:var(--green);font-size:13px}.technology summary::-webkit-details-marker{display:none}.technology summary::after{content:'+';font-size:25px;line-height:1;color:var(--green);transition:transform .35s var(--ease)}.technology[open] summary::after{transform:rotate(45deg)}.technology summary>span:last-child{display:none}.technology>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px;padding:4px 0 28px;color:var(--paper-muted);font-size:13px;line-height:1.85}.technology strong{font-weight:550;color:var(--green)}.technology>p{padding-bottom:24px;max-width:90ch;color:var(--paper-muted);font-size:13px}.motion-ready .method-story{height:190svh}.motion-ready .method-stage{position:sticky;top:0;height:100svh;overflow:hidden}.motion-ready .method-chapter{position:absolute;inset:0;min-height:0;padding-top:110px;padding-bottom:100px;opacity:var(--method-opacity,var(--chapter-opacity,0));transform:translate3d(0,var(--method-y,var(--chapter-y,0px)),0);will-change:transform,opacity}.motion-ready .method-chapter[data-method="0"]{--chapter-opacity:1}.motion-ready .method-progress{position:absolute;z-index:5;bottom:23px;left:0;right:0;padding-bottom:0}

/* A short personal introduction keeps the company behind the work visible. */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:clamp(45px,5vw,80px);padding:85px var(--gutter);border-top:1px solid var(--paper-line);background:var(--paper);color:var(--green)}.about-heading>.eyebrow{color:var(--paper-muted)}.about-heading h2{font-size:clamp(50px,5vw,70px);font-weight:420;line-height:1.08;letter-spacing:-.055em;margin-top:24px;max-width:17ch}.about-copy{max-width:54ch;padding-top:5px}.about-copy p{font-size:18px;line-height:1.75;color:var(--paper-muted)}.about-copy p+p{margin-top:20px}.about-role{font-size:11px!important;line-height:1.7!important;letter-spacing:.07em;text-transform:uppercase;margin-top:26px!important}.about-copy a{color:var(--green);text-decoration:underline;text-underline-offset:4px}footer .legal{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px}footer .legal>span{display:inline-flex;align-items:center;min-height:44px}

.contact{background:var(--paper);color:var(--green);text-align:center;padding:110px var(--gutter) 100px}.contact>.eyebrow{color:var(--paper-muted)}.contact h2{font-size:clamp(66px,10.9vw,171px);font-weight:400;line-height:1.035;letter-spacing:-.07em;max-width:13ch;margin:25px auto 0}.paper .accent,.contact .accent{color:var(--green)}.contact-link{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;min-height:60px;padding:13px 0 11px;border-bottom:1px solid #8da695;margin-top:40px;font-size:clamp(22px,2.45vw,36px);line-height:1.35;letter-spacing:-.035em}.contact-link>span:last-child{font-size:1.1em;transition:transform .4s var(--ease)}.contact-link:hover>span:last-child{transform:translate(4px,-4px)}.contact-small,.contact-note{max-width:55ch;margin:30px auto 0;color:var(--paper-muted);font-size:13px;line-height:1.85}.contact-small p+p{margin-top:11px}.contact-small a{text-decoration:underline;text-underline-offset:4px}.contact-small .text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:7px}footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:28px var(--gutter) 33px;border-top:1px solid var(--paper-line);background:var(--paper);color:var(--green)}footer .brand img{width:121px}footer>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 27px;color:var(--paper-muted);font-size:11px}footer a:not(.brand){display:inline-flex;align-items:center;min-height:44px}

/* Existing real-model dialog lifecycle, visually isolated from the paper. */
.viewer-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--green);color:var(--cream)}.viewer-dialog::backdrop{background:#0c2723}.viewer-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr);animation:viewer-arrive .35s var(--ease) both}.viewer-bar{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px 36px;align-items:center;padding:14px 28px;background:var(--green);border-bottom:1px solid rgb(241 239 223 / .2)}.viewer-bar .eyebrow{color:var(--muted);font-size:10px}.viewer-bar h2{font-size:17px;font-weight:450;line-height:1.4;letter-spacing:-.02em;margin-top:2px}.viewer-mode-switch{display:flex;gap:30px}.viewer-mode-switch button{position:relative;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid transparent;background:none;color:var(--muted);font-size:13px;white-space:nowrap}.viewer-mode-switch button[aria-pressed=true]{border-color:var(--cream);color:var(--cream)}.close-viewer{display:inline-flex;align-items:center;gap:22px;justify-self:end;min-height:44px;padding:7px 0 7px 15px;border:0;background:none;font-size:13px}.close-viewer span{font-size:26px;line-height:1}.viewer-surface{position:relative;min-height:0;overflow:hidden}.viewer-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transition:opacity .4s ease,visibility 0s .4s}.viewer-loading{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:15px;padding:35px 20px;background:linear-gradient(0deg,rgb(13 39 31 / .88),transparent 55%);pointer-events:none;transition:opacity .35s ease,visibility 0s .35s}.viewer-loading p{max-width:440px;padding:8px 16px;color:var(--cream);background:rgb(18 60 55 / .89);border:1px solid rgb(241 239 223 / .11);font-size:13px;line-height:1.6;text-align:center}.viewer-loading button{pointer-events:auto;border:0;border-bottom:1px solid var(--muted);padding:9px 0;min-height:44px;background:none;font-size:13px}.viewer-loading.ready{opacity:0;visibility:hidden}.viewer-loading.failed{pointer-events:auto;background:linear-gradient(0deg,rgb(13 39 31 / .95),rgb(13 39 31 / .1) 90%)}.viewer-loading.failed .loading-ring{display:none}.loading-ring{display:block;width:23px;height:23px;flex-shrink:0;border:1px solid rgb(241 239 223 / .35);border-top-color:var(--cream);border-radius:50%;animation:loading-turn 1s linear infinite}#viewer-mount{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease}#viewer-mount iframe{width:100%;height:100%;border:0;display:block;background:var(--green)}.viewer-dialog[data-ready=true] #viewer-mount{opacity:1;pointer-events:auto}.viewer-dialog[data-ready=true] .viewer-preview{opacity:0;visibility:hidden}.viewer-dialog.is-closing{animation:none;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}
@keyframes wordmark-arrive{from{opacity:0;transform:translateY(20px) scale(.978)}to{opacity:1;transform:none}}@keyframes quiet-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes viewer-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes loading-turn{to{transform:rotate(360deg)}}

@media(min-width:1800px){.data-chapter,.method-chapter{padding-inline:max(var(--gutter),calc((100vw - 1600px)/2))}.header,footer{padding-inline:max(var(--gutter),calc((100vw - 1600px)/2))}}
@media(max-width:1100px){.data-chapter,.method-chapter{gap:40px}.data-number{font-size:clamp(78px,10.5vw,122px)}.data-title{font-size:clamp(30px,3.5vw,42px)}.dot-grid{gap:10px}.method-copy h2{font-size:clamp(42px,5.6vw,66px)}.viewer-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:24px}}
@media(max-width:760px){
.data-base{font-size:10px}
.service-intro{padding:75px var(--gutter)}.service-copy h2{font-size:clamp(40px,7.3vw,54px);line-height:1.11;max-width:22ch}.service-copy>p:not(.eyebrow){font-size:15px;max-width:44ch}.motion-ready .service-intro{padding-top:100px;padding-bottom:70px}.room-open{bottom:20px;min-height:44px;min-width:140px;font-size:14px;gap:25px}.about{grid-template-columns:1fr;gap:27px;padding-block:65px}.about-heading h2{font-size:clamp(45px,8vw,58px);margin-top:20px}.about-copy{padding-top:0;max-width:48ch}.about-copy p{font-size:17px;line-height:1.75}.about-copy p+p{margin-top:18px}footer .legal{gap:0 20px}
:root{--gutter:26px}html{scroll-padding-top:84px}section[id]{scroll-margin-top:84px}.header{padding-block:12px;gap:20px}.brand img{width:118px}.menu-button{display:inline-flex;align-items:center;justify-content:flex-end;gap:19px;min-height:44px;min-width:80px;padding:8px 0 8px 12px;border:0;background:none;font-size:13px}.menu-button span{font-size:22px;font-weight:350;line-height:1}#navigation{position:absolute;top:100%;left:0;right:0;display:grid;gap:0;align-items:stretch;padding:8px var(--gutter) 23px;background:var(--paper);border-bottom:1px solid var(--paper-line);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .25s ease,transform .35s var(--ease),visibility .25s}#navigation.open,#navigation[data-open=true],.header:has(.menu-button[aria-expanded=true]) #navigation{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .25s ease,transform .35s var(--ease),visibility 0s}#navigation a{padding:11px 0;font-size:15px}#navigation a::after{right:auto;width:40px;bottom:8px}
.hero-wordmark{width:min(79vw,660px)}.brand-tagline{font-size:11px;margin-top:27px}.brand-orbit{width:108vw}.brand-orbit-secondary{width:169vw;left:78%;top:66%}.project-intro h1{font-size:clamp(64px,12.8vw,104px)}.project-description{max-width:28ch;font-size:19px}.room-open{font-size:15px;gap:30px}.room-credit{bottom:25px;font-size:9px}
.data-chapter,.method-chapter{grid-template-columns:1fr;gap:28px;min-height:0;padding-block:90px}.data-copy,.method-copy{max-width:560px;width:100%}.data-number{font-size:clamp(66px,15vw,96px);margin-top:19px}.data-title{font-size:clamp(29px,5.7vw,42px);margin-top:17px;max-width:22ch}.data-note{font-size:12px;line-height:1.75;margin-top:15px;max-width:47ch}.source{margin-top:7px;font-size:11px;min-height:39px}.data-visual{align-self:start;max-width:560px;max-height:300px}.dot-grid{width:min(100%,29svh);gap:clamp(5px,.8vw,8px)}.chart-caption{font-size:10px;line-height:1.7;margin-top:17px;max-width:60ch}.trend-chart{max-height:27svh;width:100%;overflow:visible}.engagement-graphic{max-width:420px}.plan-diagram{max-height:23svh}.percentage-track{height:14px;margin-top:18px}.percentage-scale{font-size:10px;margin-top:8px}.data-progress,.method-progress{gap:25px;font-size:10px}
.motion-ready .data-chapter,.motion-ready .method-chapter{padding-top:104px;padding-bottom:85px;gap:24px;align-content:center;align-items:start}.method-copy h2{font-size:clamp(41px,7.9vw,58px);max-width:17ch;margin-top:21px}.method-copy>p:not(.eyebrow):not(.chapter-index){font-size:14px;line-height:1.8;margin-top:19px;max-width:43ch}.method-visual{max-width:560px}.method-diagram{max-height:29svh}.method-disclosure{padding-bottom:50px;font-size:12px}.technology>div{gap:19px 30px;font-size:13px}.contact{padding-top:90px;padding-bottom:80px}.contact h2{font-size:clamp(57px,10.8vw,90px)}.contact-link{font-size:clamp(23px,4.5vw,33px);gap:42px;margin-top:30px}.contact-small,.contact-note{font-size:13px;max-width:47ch}.viewer-bar{grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;padding:10px 18px 8px}.viewer-bar>div:first-child{grid-column:1;grid-row:1}.close-viewer{grid-column:2;grid-row:1;gap:15px}.viewer-mode-switch{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.viewer-mode-switch button{width:100%;min-height:44px}
}
@media(max-width:520px){
.service-copy h2{font-size:clamp(36px,9.3vw,44px);max-width:22ch}.service-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:35ch}.service-copy>.eyebrow{font-size:10px}.room-open{right:22px;bottom:20px;width:auto;min-width:140px;font-size:13px;gap:23px}.about{padding-block:55px;gap:24px}.about-heading h2{font-size:47px}.about-role{font-size:10px!important}footer .legal{gap:0 18px}
:root{--gutter:22px}.motion-ready .brand-story{height:300svh}.hero-wordmark{width:80vw}.brand-tagline{font-size:10px;letter-spacing:.045em;margin-top:24px}.motion-ready .brand-first{padding-bottom:42px}.motion-ready .project-intro{padding-bottom:48px}.project-intro>.eyebrow{font-size:10px;letter-spacing:.1em}.project-intro h1{font-size:clamp(54px,13.8vw,72px);margin:22px 0;letter-spacing:-.066em}.project-description{font-size:18px;max-width:26ch}.project-next{margin-top:22px;gap:33px}.intro-bottom{font-size:9px;line-height:1.7;gap:11px}.motion-ready .intro-bottom{bottom:19px}.intro-bottom>:nth-child(2){max-width:13ch;justify-self:center}.intro-bottom a{gap:8px}.room-credit{left:22px;bottom:22px;font-size:9px;letter-spacing:.07em}.room-open{font-size:13px;gap:23px}
.chapter-index,.method-copy .eyebrow{font-size:10px;letter-spacing:.1em}.data-number{font-size:clamp(61px,18vw,84px);margin-top:18px}.data-number span{font-size:.43em}.data-title{font-size:31px;margin-top:16px;line-height:1.15;max-width:20ch}.data-note{font-size:12px;line-height:1.8;max-width:42ch;margin-top:15px}.source{font-size:10px;gap:17px}.data-chapter,.method-chapter{padding-block:70px;gap:25px}.motion-ready .data-chapter,.motion-ready .method-chapter{padding-top:94px;padding-bottom:76px;gap:24px}.dot-grid{width:min(100%,27svh);gap:6px}.chart-caption{font-size:10px;line-height:1.7;margin-top:15px}.trend-chart{max-height:25svh}.engagement-graphic{max-width:340px}.plan-diagram{max-height:22svh}.percentage-track{margin-top:12px}.bar-row{grid-template-columns:80px minmax(0,1fr) 35px;gap:10px}.bar-label,.bar-value{font-size:11px}.bar-track{height:26px}.motion-ready .data-progress,.motion-ready .method-progress{bottom:17px}.method-copy h2{font-size:43px;margin-top:20px;max-width:16ch}.method-copy>p:not(.eyebrow):not(.chapter-index){font-size:14px;margin-top:18px}.method-diagram{max-height:26svh}.method-disclosure{padding-bottom:42px;font-size:11px}.technology{margin-top:25px}.technology summary{font-size:12px;min-height:64px}.technology>div{grid-template-columns:1fr;gap:17px;font-size:13px}.contact{padding-top:75px;padding-bottom:65px}.contact h2{font-size:clamp(52px,13.8vw,70px);margin-top:23px;max-width:11ch}.contact-link{font-size:24px;width:100%;max-width:340px;gap:20px;min-height:58px;margin-top:28px}.contact-small,.contact-note{font-size:12px;line-height:1.85;margin-top:25px}footer{flex-direction:column;align-items:flex-start;gap:18px;padding-top:21px;padding-bottom:24px}footer>div{justify-content:flex-start;gap:0 23px;font-size:10px}footer .brand img{width:113px}.viewer-bar .eyebrow{font-size:9px}.viewer-bar h2{font-size:15px}.viewer-loading{padding:25px 18px}.viewer-loading p{font-size:12px}
}
@media(max-width:359px){.room-open{right:18px;min-width:136px}.room-credit{display:block;bottom:25px}.room-credit span{display:block}.service-copy h2{font-size:34px}.service-copy>p:not(.eyebrow){font-size:14px}.about-heading h2{font-size:43px}:root{--gutter:18px}.project-intro h1{font-size:50px}.project-description{font-size:16px}.data-number{font-size:61px}.data-title{font-size:29px}.method-copy h2{font-size:39px}.data-note,.method-copy>p:not(.eyebrow):not(.chapter-index){font-size:12px}.contact-link{font-size:22px}.room-credit{left:18px}}
@media(max-height:740px) and (min-width:761px){.motion-ready .data-chapter,.motion-ready .method-chapter{padding-top:92px;padding-bottom:72px}.data-number{font-size:clamp(75px,8vw,116px);margin-top:16px}.data-title{font-size:clamp(28px,3vw,41px);margin-top:18px}.data-note{font-size:12px;line-height:1.7;margin-top:14px}.source{min-height:36px;margin-top:7px}.dot-grid{max-width:43svh;gap:9px}.trend-chart{max-height:48svh}.plan-diagram{max-height:35svh}.chart-caption{font-size:10px;margin-top:18px}.method-copy h2{font-size:clamp(38px,4.8vw,63px);margin-top:22px}.method-copy>p:not(.eyebrow):not(.chapter-index){font-size:13px;line-height:1.75;margin-top:20px}.method-diagram{max-height:53svh}.motion-ready .data-progress,.motion-ready .method-progress{bottom:14px}}
@media(max-height:720px) and (max-width:760px){.motion-ready .data-chapter,.motion-ready .method-chapter{padding-top:86px;padding-bottom:65px;gap:17px}.data-number{font-size:58px;margin-top:12px}.data-title{font-size:28px;margin-top:12px}.data-note{font-size:11px;line-height:1.65;margin-top:12px}.source{font-size:10px;min-height:34px;margin-top:5px}.dot-grid{width:23svh;gap:5px}.chart-caption{font-size:9px;margin-top:12px}.trend-chart{max-height:22svh}.plan-diagram{max-height:18svh}.percentage-track{margin-top:10px;height:12px}.method-copy h2{font-size:37px;margin-top:16px}.method-copy>p:not(.eyebrow):not(.chapter-index){font-size:12px;line-height:1.7;margin-top:15px}.method-diagram{max-height:24svh}.motion-ready .data-progress,.motion-ready .method-progress{bottom:11px}}
@media(max-height:620px) and (min-width:761px){.hero-wordmark{width:min(51vw,690px)}.brand-tagline{margin-top:22px;font-size:11px}.project-intro h1{font-size:clamp(80px,11.5vw,150px);margin-block:16px}.project-description{font-size:18px}.project-next{margin-top:15px}.motion-ready .intro-bottom{bottom:15px}}

/* Without animation support, every actual chapter remains in normal reading order. */
html:not(.motion-ready) .intro-bottom{order:2}html:not(.motion-ready) .room-reveal{order:3}html:not(.motion-ready) .service-intro{order:4}html:not(.motion-ready) .header{position:relative;opacity:1;visibility:visible;transform:none}html:not(.motion-ready) .brand-orbit,html:not(.motion-ready) .brand-orbit-secondary{display:none}html:not(.motion-ready) .project-intro h1{font-size:clamp(54px,10vw,142px)}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ambient-glow,.brand-orbit,.brand-orbit-secondary,.stage-wash{display:none!important}.motion-ready .brand-story,.motion-ready .data-story,.motion-ready .method-story{height:auto!important}.motion-ready .brand-stage{position:relative!important;height:auto!important;min-height:0;display:flex;flex-direction:column;align-items:center;gap:75px;padding:140px var(--gutter) 0;overflow:visible}.motion-ready .brand-first,.motion-ready .project-intro{position:relative!important;inset:auto!important;width:100%;padding:0;opacity:1!important;transform:none!important;will-change:auto}.motion-ready .service-intro{position:relative!important;inset:auto!important;order:4;width:100vw;padding:75px var(--gutter);background:var(--paper);opacity:1!important;transform:none!important;will-change:auto}.motion-ready .project-next{pointer-events:auto!important}.hero-wordmark{width:min(74vw,650px)}.project-intro h1{font-size:clamp(54px,10vw,140px);margin-block:18px}.project-description{font-size:clamp(16px,1.65vw,22px)}.motion-ready .intro-bottom{position:relative;inset:auto;width:100%;order:2;opacity:1!important}.motion-ready .room-reveal{position:relative!important;inset:auto!important;order:3;width:100vw;height:auto;aspect-ratio:16/9;min-height:min(55svh,520px);opacity:1!important;transform:none!important;will-change:auto}.motion-ready .room-open,.motion-ready .room-credit{opacity:1!important}.motion-ready .data-stage,.motion-ready .method-stage{position:relative!important;top:auto;height:auto!important;overflow:visible}.motion-ready .data-chapter,.motion-ready .method-chapter{position:relative!important;inset:auto!important;min-height:0;padding-block:90px;opacity:1!important;transform:none!important;will-change:auto}.motion-ready .data-progress,.motion-ready .method-progress{position:relative;inset:auto;padding-bottom:25px}.dot-grid span.is-filled,.trend-chart .trend-bars rect,.percentage-fill,.diagram-point{opacity:1!important;transform:none!important}.method-diagram [data-draw]{stroke-dashoffset:0!important}.viewer-dialog.is-closing{transform:none}.data-story .data-progress,.method-story .method-progress{display:none}.header{backdrop-filter:none}
}

/* Bind the actual inline chart classes; values and geometry remain in HTML. */
.trend-chart .trend-column.is-current rect{fill:var(--green)}
.trend-chart .trend-column.is-current .trend-value,.trend-chart .trend-column.is-current .trend-year{fill:var(--green);font-weight:550}
.plan-diagram .plan-outline{fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.plan-diagram .plan-door{fill:none;stroke:#8ba191;stroke-width:1.25;stroke-linecap:round}
.plan-diagram .plan-hotspot{fill:var(--green);fill-opacity:var(--chart-progress,1);stroke:none}
.plan-diagram .plan-route{fill:none;stroke:var(--green);stroke-width:1.35;stroke-dasharray:4 5;stroke-linecap:round;opacity:var(--chart-progress,1)}
@media(max-width:760px){.chart-caption{align-self:start}.data-visual{max-height:none}.trend-chart .trend-ticks text,.trend-chart .trend-value,.trend-chart .trend-year,.trend-chart .trend-label{font-size:24px}}
@media(max-width:520px){.dot-grid{width:min(100%,23svh)}.trend-chart{max-height:23svh}.plan-diagram{max-height:18svh}}
@media(max-height:720px) and (max-width:760px){.dot-grid{width:21svh}.trend-chart{max-height:21svh}.plan-diagram{max-height:16svh}}

/* Polish05: one clear datum, one evolving process, a quiet project credit. */
.motion-ready .data-story{height:140svh}
.motion-ready .method-story{height:185svh}
.method-chapter{background:transparent}
.method-copy{grid-column:1;position:relative;z-index:3}
.process-visual{--process-images:0;--process-links:0;--process-points:0;--process-wire:1;--process-surfaces:1;--process-detail:1;position:relative;display:grid;place-items:center;gap:8px;width:min(620px,100%);margin-inline:auto;padding:20px var(--gutter) 65px;color:var(--green);pointer-events:none}
.process-diagram{width:100%;height:auto;overflow:visible}
.process-panels polygon{fill:#c9d9cd;fill-opacity:calc(.05 + .65 * var(--process-surfaces));stroke:#8ca493;stroke-width:1.2;stroke-linejoin:round}
.process-panels polygon:nth-child(2){fill:#e5ece6}
.process-panels polygon:nth-child(3){fill:#bfd2c4}
.process-image-lines{fill:none;stroke:#466d5b;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:var(--process-images)}
.process-connections{fill:none;stroke:#8ba191;stroke-width:1.2;stroke-dasharray:4 6;opacity:var(--process-links)}
.process-points{fill:var(--green);opacity:var(--process-points)}
.process-room-edges{fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--process-wire));opacity:var(--process-wire)}
.process-room-detail{fill:#f6f8f5;stroke:#72917e;stroke-width:1.2;stroke-linejoin:round;opacity:var(--process-detail)}
.process-pointer{fill:var(--green);stroke:var(--green)}
.process-visual .chart-caption{margin-top:0;text-align:center;min-height:40px}
.process-schematic{display:block;font-size:9px;letter-spacing:.03em;opacity:.72;margin-top:5px}
.motion-ready .process-visual{position:absolute;z-index:2;left:53%;right:var(--gutter);top:50%;width:auto;padding:0;transform:translateY(-48%)}
.project-credit{padding:25px var(--gutter) 0;border-top:1px solid var(--paper-line);font-size:12px;line-height:1.8;color:var(--paper-muted)}
.project-credit span{color:var(--green)}
.contact{padding-top:85px}
/* The scene keeps the same full viewport when it becomes interactive. */
.viewer-dialog{grid-template-rows:minmax(0,1fr)}
.viewer-surface{grid-row:1;grid-column:1}
.viewer-bar{position:absolute;z-index:5;inset:0 0 auto;grid-row:1;grid-column:1;background:linear-gradient(180deg,rgb(10 30 25 / .68),rgb(10 30 25 / .34) 62%,transparent);border:0;padding:18px 28px 38px;pointer-events:none}
.viewer-bar>div,.viewer-bar>button{pointer-events:auto}
.viewer-mode-switch button{color:#e4e9df;text-shadow:0 1px 10px #10261e}
.viewer-mode-switch button[aria-pressed=true]{color:#fff}
.viewer-bar h2{display:none}
.viewer-bar .eyebrow{color:#e4e9df;font-size:9px}
.viewer-dialog[data-ready=false] .viewer-mode-switch{opacity:0;pointer-events:none}
@media(max-width:760px){
.motion-ready .method-chapter{align-content:start;align-items:start}
.motion-ready .process-visual{left:var(--gutter);right:var(--gutter);top:auto;bottom:104px;height:31svh;transform:none}
.process-diagram{height:calc(100% - 40px);width:100%;max-height:none}
.process-visual .chart-caption{font-size:10px}
.process-schematic{font-size:8px;margin-top:3px}
.viewer-bar{grid-template-columns:minmax(0,1fr) auto;padding:16px 18px 30px;gap:0 16px}
.viewer-bar>div:first-child{display:none}
.viewer-mode-switch{grid-column:1;grid-row:1;display:flex;gap:22px}
.viewer-mode-switch button{width:auto;font-size:12px;min-height:44px}
.close-viewer{grid-column:2;grid-row:1;min-height:44px;gap:12px;padding-left:6px;font-size:12px}
.project-credit{padding-top:22px;font-size:11px}
.contact{padding-top:65px}
}
@media(max-width:520px){.motion-ready .process-visual{bottom:88px;height:29svh}.motion-ready .method-chapter{padding-top:112px}.method-copy h2{font-size:42px}.method-copy>p:not(.eyebrow):not(.chapter-index){max-width:38ch}.project-credit span{white-space:nowrap}}
@media(max-width:359px){.motion-ready .process-visual{bottom:83px;height:28svh}.method-copy h2{font-size:38px}.viewer-mode-switch{gap:15px}.viewer-mode-switch button{font-size:11px}.close-viewer{font-size:11px;gap:8px}}
@media(max-height:720px) and (max-width:760px){.motion-ready .method-chapter{padding-top:94px}.motion-ready .process-visual{bottom:70px;height:27svh}.method-copy h2{font-size:36px}.method-copy>p:not(.eyebrow):not(.chapter-index){font-size:12px;margin-top:15px}}
html:not(.motion-ready) .process-image-lines,html:not(.motion-ready) .process-connections,html:not(.motion-ready) .process-points{display:none}
@media(prefers-reduced-motion:reduce){
.motion-ready .process-visual{position:relative!important;inset:auto!important;width:min(620px,100%);height:auto;transform:none!important;padding:15px var(--gutter) 60px}
.process-diagram{height:auto;max-height:340px}
.motion-ready .method-chapter{padding-block:60px}
.process-image-lines,.process-connections,.process-points{display:none}
.process-room-edges{stroke-dashoffset:0!important;opacity:1!important}
.process-room-detail{opacity:1!important}
}
@media(max-width:760px){
.motion-ready .process-visual{display:flex;flex-direction:column;justify-content:center;gap:12px;top:46%;bottom:auto;height:40%}
.process-diagram{flex:1;min-height:0;width:100%;height:calc(100% - 52px)}
.process-visual .chart-caption{flex:none;width:100%;min-height:36px;margin:0}
}
@media(prefers-reduced-motion:reduce){.motion-ready .process-visual{display:grid;height:auto}.process-diagram{height:auto;max-height:340px}}
.viewer-dialog[open]{grid-template-rows:minmax(0,1fr);animation:none}
.room-shade{background:linear-gradient(0deg,rgb(8 26 22 / .18),transparent 22%)}

/* Raw RGBA framebuffers use the actual model canvas host background. */
.room-reveal,.viewer-preview{background:#ddd9ce}

/* Local backings keep the existing white room labels legible on every poster crop. */
.room-open,.room-credit{isolation:isolate}
.room-open::before,.room-credit::before{content:'';position:absolute;z-index:-1;inset:-6px -10px;background:var(--green);opacity:.94;border-radius:2px;pointer-events:none}
.room-credit::before{inset:-8px -10px}
.room-open:focus-visible{opacity:1}

/* Quiet contact details and legal pages extend the existing paper field. */
#white-content{scroll-margin-top:84px}
.contact{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:start;text-align:left}
.contact-heading{min-width:0}
.contact-intro{max-width:43ch;margin-top:28px;color:var(--paper-muted);font-size:15px;line-height:1.85}
.contact .contact-note{max-width:49ch;margin-top:22px;margin-left:0;margin-right:0;color:var(--paper-muted);font-size:12px;line-height:1.85}
.contact-actions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:10px;min-height:44px}
.copy-email{padding:9px 0;min-height:44px;background:none;border:0;border-bottom:1px solid #a5b5a9;color:var(--green);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.copy-email:hover{border-color:var(--green)}
.contact-actions [role=status]{max-width:40ch;font-size:12px;line-height:1.7;color:var(--paper-muted)}
.contact-questions{padding-top:12px;min-width:0}
.contact-questions>.eyebrow{margin-bottom:24px;color:var(--paper-muted)}
.contact-questions details{border-top:1px solid #d1dbd4}
.contact-questions details:last-child{border-bottom:1px solid #d1dbd4}
.contact-questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:18px 0;cursor:pointer;list-style:none;font-size:14px;line-height:1.65}
.contact-questions summary::-webkit-details-marker{display:none}
.contact-questions summary>span{flex-shrink:0;font-size:21px;font-weight:300;transition:transform .2s ease}
.contact-questions details[open] summary>span{transform:rotate(45deg)}
.contact-questions details>p{font-size:13px;line-height:1.85;color:var(--paper-muted);padding-bottom:23px;max-width:48ch}
footer>div{max-width:900px}
footer a{line-height:1.7}
.no-script-note{padding:18px var(--gutter);background:var(--paper);color:var(--green);font-size:13px;line-height:1.7}
html:not(.motion-ready) .menu-button,html:not(.motion-ready) .room-open{display:none}
html:not(.motion-ready) #navigation{display:flex;flex-wrap:wrap;gap:6px 22px;pointer-events:auto}
html:not(.motion-ready) #navigation a{min-height:44px}

.legal-body{background:var(--paper);color:var(--green)}
.legal-body :focus-visible{outline-color:var(--green)}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--gutter);border-bottom:1px solid #d1dbd4}
.legal-header>a:not(.brand){font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.legal-main{max-width:920px;margin:0 auto;padding:90px var(--gutter) 100px;overflow-wrap:anywhere}
.legal-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-muted);margin-bottom:22px}
.legal-main h1{font-size:clamp(35px,5.5vw,65px);font-weight:420;letter-spacing:-.055em;line-height:1.12;margin-bottom:25px}
.legal-lead{font-size:18px;line-height:1.75;max-width:60ch}
.legal-main>p:not(.legal-lead):not(.legal-eyebrow){font-size:13px;line-height:1.85;color:var(--paper-muted);margin-top:18px}
.legal-section{padding-top:36px;margin-top:36px;border-top:1px solid #d1dbd4}
.legal-section h2{font-size:23px;font-weight:450;line-height:1.3;letter-spacing:-.025em;margin-bottom:18px}
.legal-section p,.legal-section li,.legal-facts{font-size:15px;line-height:1.9;color:var(--paper-muted)}
.legal-section p+p{margin-top:16px}
.legal-section ul,.legal-section ol{padding-left:22px;margin-top:14px}
.legal-section li+li{margin-top:8px}
.legal-main a:not(.brand){text-decoration:underline;text-underline-offset:4px;color:var(--green)}
.legal-facts{display:grid;grid-template-columns:minmax(125px,.7fr) minmax(0,2fr);gap:12px 30px}
.legal-facts dt{color:var(--green)}
.legal-facts dd{margin:0}
.legal-footer{display:flex;flex-wrap:wrap;gap:12px 25px;padding:25px var(--gutter);border-top:1px solid #d1dbd4;font-size:12px;line-height:1.8}
.process-schematic{opacity:1}
.method-progress{color:var(--paper-muted)}
@media(min-width:901px){.contact h2{font-size:clamp(72px,7.3vw,112px)}}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:42px}.contact-questions{max-width:620px}.contact-intro{max-width:50ch}}
@media(max-width:760px){html:not(.motion-ready) .header{flex-wrap:wrap;gap:8px 20px}html:not(.motion-ready) #navigation{position:static;width:100%;padding:0;opacity:1;visibility:visible;transform:none;background:none;border:0}.legal-main{padding-top:55px;padding-bottom:65px}}
@media(max-width:520px){.contact-intro{font-size:14px;margin-top:23px}.contact-questions summary{font-size:13px;min-height:64px}.contact-actions{margin-top:6px}.legal-header{padding-block:16px}.legal-header .brand img{width:113px}.legal-header>a:not(.brand){font-size:12px}.legal-lead{font-size:16px}.legal-section{margin-top:28px;padding-top:28px}.legal-section h2{font-size:21px}.legal-section p,.legal-section li,.legal-facts{font-size:14px}.legal-facts{grid-template-columns:1fr;gap:4px}.legal-facts dd{margin-bottom:14px}.legal-footer{align-items:flex-start}}

/* A low, narrow window uses ordinary reading flow so text cannot meet the diagram. */
@media(max-width:760px) and (max-height:600px){
  .motion-ready .data-story,.motion-ready .method-story{height:auto!important}
  .motion-ready .data-stage,.motion-ready .method-stage{position:relative!important;top:auto;height:auto!important;overflow:visible}
  .motion-ready .data-chapter,.motion-ready .method-chapter{position:relative!important;inset:auto!important;min-height:0;opacity:1!important;transform:none!important;will-change:auto}
  .motion-ready .data-chapter{padding:94px var(--gutter) 48px}
  .motion-ready .method-chapter{padding:44px var(--gutter) 24px}
  .motion-ready .method-chapter:first-of-type{padding-top:94px}
  .motion-ready .process-visual{position:relative!important;inset:auto!important;display:grid!important;width:100%;height:auto!important;transform:none!important;padding:12px var(--gutter) 48px}
  .process-diagram{width:100%;height:auto!important;max-height:300px}
  .data-visual{max-height:none}
  .motion-ready .data-progress,.motion-ready .method-progress{display:none}
}