/* One cinematic scene. All surrounding content is readable without animation. */
.intro{height:150svh;position:relative}.intro-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--bg)}.cinema{position:absolute;inset:0}.cinema-still,.cinema video,.cinema canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-still{opacity:1}.cinema video,.cinema canvas{opacity:0;transition:opacity .3s}.cinema.ambient-ready:not(.film-ready) video,.cinema.film-ready canvas{opacity:1}.cinema.film-ready .cinema-still{opacity:0;transition:opacity .3s .3s}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070808a3,transparent 72%),linear-gradient(0deg,#10111188,transparent 30%,transparent 80%,#10111133)}.hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:26%;will-change:opacity,transform}.hero-copy>.eyebrow{margin-bottom:28px;color:#e0e1d9}.hero-copy h1{font-size:clamp(84px,9.5vw,178px);letter-spacing:-.06em;line-height:.94;word-spacing:.04em}.hero-copy h1 em{color:var(--orange)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:32px;max-width:860px;margin-top:40px}.hero-bottom p{font-size:18px;line-height:1.5;color:#dcddd5}.hero-actions{display:grid;gap:9px;justify-items:start;min-height:70px}.hero-proof{font-size:13px;min-height:32px;color:#ccd0c6}.hero-proof span{margin-left:10px;color:var(--orange)}.hero-proof:hover{color:#fff}.intro-footer{position:absolute;inset:auto var(--gutter) 25px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#d0d2c9}.scroll-cue{display:flex;align-items:center;gap:14px;min-height:44px}.scroll-track{height:32px;width:1px;background:#ffffff38;position:relative}.scroll-track i{position:absolute;inset:0 0 60%;background:var(--orange)}.intro-chapter span{margin:0 10px;color:var(--orange)}.motion-toggle{display:flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;min-height:44px;padding:0}.motion-toggle i{width:22px;height:12px;border:1px solid #a0a69b;border-radius:8px;position:relative}.motion-toggle i::after{content:'';position:absolute;right:2px;top:3px;width:4px;height:4px;border-radius:50%;background:var(--orange)}.intro-progress{position:absolute;inset:auto 0 0;height:1px}.intro-progress i{display:block;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}.reveal-caption{position:absolute;inset:auto var(--gutter) 17%;text-align:center;opacity:0;pointer-events:none}.reveal-caption p{font-size:14px;color:#d1d0c6;letter-spacing:.025em}.intro-handoff{position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,#101111);opacity:var(--handoff,0);pointer-events:none}.intro-handoff i{position:absolute;left:56%;bottom:17%;height:1px;width:50%;transform:rotate(-17deg);transform-origin:left;background:linear-gradient(90deg,transparent,#f9773b70,transparent)}
.reveal-identity{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.reveal-identity text{font-family:var(--body);font-size:17px;font-weight:400;fill:#deddd7;letter-spacing:8px}
/* The horizon resolves into a readable editorial proposition. */
.point-of-view{position:relative;isolation:isolate;overflow:hidden;padding-block:48px 30px;background:#101111}
.point-of-view::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 0,#ad492b26,transparent 60%);opacity:var(--arrival-light,1);pointer-events:none}
.continuity-line{position:absolute;right:-4%;top:20px;width:49%;height:1px;transform:rotate(-17deg);background:linear-gradient(90deg,transparent,#e9753c72,transparent);opacity:var(--arrival-light,1);pointer-events:none}
.statement-wrap{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:8vw;align-items:end;margin:54px 0 48px}
.statement{font-size:clamp(42px,4.7vw,78px);line-height:1.1;letter-spacing:-.045em;max-width:19ch}.statement-first,.statement-second{display:block}.statement-second{color:#d2d3c9;margin-top:.15em}
.statement-note{max-width:35ch;justify-self:end}.editorial-kicker{display:block;font-size:12px;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px}.statement-note .editorial-kicker{color:var(--orange)}
.statement-note p{font-size:18px;color:#d1d3c9;line-height:1.65}.statement-note p+p{font-size:15px;color:#b5b9ad;margin-top:20px}
.sector-line{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:24px 0 0;font-size:14px;color:#c4c8bd}.sector-line>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sector-line i{font-style:normal;margin:0 12px;color:var(--orange)}
/* Portfolio introduction is a caption to the work, not a second manifesto. */
.work{background:#101111}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-block:42px 24px}.work-heading .eyebrow{margin-bottom:16px;color:var(--muted)}.work-heading h2{font-size:clamp(32px,3vw,46px);line-height:1.1;letter-spacing:-.03em}.work-intro{max-width:40ch;text-align:right}.work-intro p{font-size:17px;color:#d2d5ca}.work-intro>span{display:block;font-size:12px;color:#aeb6a6;margin-top:10px}
.work-index{display:flex;justify-content:space-between;gap:10px 25px;padding-block:12px 36px;flex-wrap:wrap}.work-index a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;border-bottom:1px solid #ffffff36}.work-index a span{font-size:11px;color:var(--orange)}.work-index a:hover{color:var(--orange)}
/* A shared 12-column grid, with individual editorial arrangements. */
.project{position:relative;color:var(--project-ink,#eeeee7);padding:64px var(--gutter) 32px;scroll-margin-top:0;--case-rule:#ffffff35;--project-accent:#c9c9bb}
.case-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 24px;align-items:start}.case-grid>*{min-width:0}.case-intro h3{font-size:clamp(40px,4vw,68px);line-height:1.06;letter-spacing:-.04em}.project-index{font-size:12px;text-transform:uppercase;letter-spacing:.075em;margin-bottom:22px;color:var(--project-accent)}.project-location{font-size:15px;line-height:1.6;margin-top:17px;opacity:.85}.project-lede{font:300 clamp(28px,2.4vw,41px)/1.15 var(--display);letter-spacing:-.025em;margin-top:36px}.project-lede em{color:var(--project-accent)}.project-description{font-size:17px;line-height:1.65;max-width:31ch;margin-top:22px}
.project-screen,.detail-screen{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--case-rule);text-align:left;background:#101514}.project-screen{box-shadow:0 20px 42px #0002}.project-screen img,.detail-screen img{width:100%;height:auto}.screen-hover{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:26px;padding:12px 18px;background:#f1eee5;color:#152016;font-size:14px;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s}.screen-hover span{font-size:22px}.project-screen:hover .screen-hover,.project-screen:focus-visible .screen-hover{opacity:1;transform:none}
.detail-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:38px;height:38px;background:#f1eee5;color:#152016;font-size:24px;transition:transform .18s}.detail-screen:hover .detail-expand{transform:translate(2px,-2px)}

.case-preview-link{appearance:none;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.case-preview-link:hover{text-decoration:underline;text-underline-offset:4px}.case-preview-link:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.case-grid figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:12px;line-height:1.5}.case-grid figcaption span:first-child{color:var(--project-accent)}
.case-notes{border-top:1px solid var(--case-rule);padding-top:22px}.case-notes .editorial-kicker{color:var(--project-accent);font-size:11px}.case-notes h4{font:300 clamp(27px,2.4vw,38px)/1.14 var(--display);letter-spacing:-.025em;margin:0 0 18px}.case-notes p{font-size:16px;line-height:1.65;max-width:39ch}.case-source{display:inline-flex;align-items:center;gap:18px;font-size:13px;min-height:44px;margin-top:17px;border-bottom:1px solid var(--case-rule)}.case-source span{font-size:19px}.case-source:hover{color:var(--project-accent)}
.project-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--case-rule);padding-top:22px;margin-top:42px}.project-facts{display:flex;gap:50px;margin:0}.project-facts div{display:grid;gap:7px}.project-facts dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.project-facts dd{font-size:15px;line-height:1.5;margin:0}.project-open{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:48px;padding:10px 0;font-size:15px;border-bottom:1px solid currentColor;white-space:nowrap}.project-open span{font-size:26px;line-height:1;transition:transform .18s}.project-open:hover span{transform:translate(2px,-2px)}
/* Heller: architectural ivory, with a second spread below the opening. */
.case-heller{--project-ink:#1b303b;--project-accent:#805c45;--case-rule:#20333d36;background:#e9e5da}.case-heller .case-intro{grid-column:1/5;padding-right:25px}.case-heller .case-primary{grid-column:5/13}.case-heller .case-secondary{grid-column:1/8}.case-heller .case-notes{grid-column:9/13;align-self:center}.case-heller .project-screen{border:7px solid #f8f5ed;outline:1px solid #263a3722}.case-heller .project-description{color:#4a514d}.case-heller .case-secondary{padding-top:10px}
/* Summit: the homepage leads; a blue services panel returns from the opposite edge. */
.case-summit{--project-accent:#ddbc73;--case-rule:#bba46a55;background:#171a19}.case-summit .case-primary{grid-column:1/9;grid-row:1}.case-summit .case-intro{grid-column:9/13;grid-row:1;padding-left:22px}.case-summit .case-secondary{grid-column:5/13;grid-row:2}.case-summit .case-notes{grid-column:1/5;grid-row:2;margin-right:24px;align-self:center}.case-summit .project-description{color:#c8cbbf}.case-summit .case-intro h3{font-size:clamp(36px,3.8vw,64px)}
/* Dalke: broad main image and a separate project collection, with generous margins. */
.case-dalke{--project-accent:#c2d3b0;--case-rule:#b5c8a74a;background:#18382c}.case-dalke .case-intro{grid-column:1/13;display:flex;justify-content:space-between;gap:35px;align-items:end;padding-bottom:10px}.case-dalke .project-lede{margin:0 5% 0 0}.case-dalke .case-primary{grid-column:1/10;grid-row:2}.case-dalke .case-secondary{grid-column:6/13;grid-row:3}.case-dalke .case-notes{grid-column:1/5;grid-row:3;align-self:center}.case-dalke .project-screen{box-shadow:0 24px 65px #07170f55}
/* SPS: two page states aligned on a fine technical grid. */
.case-sps{--project-accent:#e6a08a;--case-rule:#b78a7955;background:#211d1b}.case-sps .case-intro{grid-column:1/7}.case-sps .case-notes{grid-column:8/13;align-self:end}.case-sps .case-primary{grid-column:1/8;grid-row:2}.case-sps .case-secondary{grid-column:8/13;grid-row:2;align-self:end;padding-top:50px}.case-reading{grid-column:1/13;display:grid;grid-template-columns:7fr 5fr;gap:24px;border-top:1px solid var(--case-rule);padding-top:22px}.case-reading p{font-size:16px;max-width:42ch;line-height:1.65}.case-reading span{display:block;font-size:12px;color:var(--project-accent);margin-bottom:12px}
/* JC's introduction is part of the comparison chapter. */
.project-jc{--project-accent:#b1ccdb;display:grid;grid-template-columns:1fr 1fr auto;gap:36px;align-items:end;padding:0 0 28px;margin-bottom:40px;border-bottom:1px solid #b1ccdb33}.project-jc h3{font-size:clamp(34px,3vw,48px)}.project-jc .project-index{margin-bottom:15px}.project-jc .project-location{margin:0}.jc-detail-link{padding:8px 0;min-height:44px;font-size:14px;color:#d0dde3;text-decoration:underline;text-underline-offset:6px}.jc-detail-link span{margin-left:15px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Readable comparison first; the optional overlay is a second way to inspect it. */
.transformation{background:#14232b;padding-top:66px;padding-bottom:58px;border-top:1px solid #b1ccdb33}.transformation-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.transformation h2{font-size:clamp(44px,5.4vw,86px);line-height:1.06;margin-top:24px}.transformation h2 em{color:#c2dce7}.transformation-intro{max-width:34ch;font-size:18px;color:#d0dce1}.transformation-intro>span{display:block;font-size:12px;color:#b8c8d0;margin-top:22px}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}.comparison-pair figure{min-width:0}.comparison-pair figcaption{display:flex;align-items:center;gap:15px;padding:18px 0 22px;border-top:1px solid #b1ccdb55}.comparison-number{font:300 32px/1 var(--display);color:#9fb5c0}.comparison-pair figcaption strong{display:block;font-size:18px;font-weight:400;line-height:1.2}.comparison-pair figcaption div>span{display:block;font-size:12px;color:#b8c8d0;margin-top:6px}.comparison-tag{margin-left:auto;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#e5ecef}.comparison-capture{display:block;aspect-ratio:1.76;overflow:hidden;border:1px solid #b1ccdb66;background:#0f1b22}.comparison-capture img{width:100%;height:100%;object-fit:cover;object-position:top}.comparison-redesign figcaption{border-color:#d1e6ef}.comparison-redesign .comparison-capture{border-color:#d1e6ef}.comparison-pair figure>p{font-size:15px;line-height:1.65;margin-top:20px;color:#c6d2d7;max-width:44ch}
.comparison-stage{position:relative;aspect-ratio:1.76;overflow:hidden;border:1px solid #b1ccdb88;background:#0d151b;--split:50%;touch-action:pan-y}.comparison-stage::before{content:'Loading the comparison…';position:absolute;inset:0;display:grid;place-items:center;color:#c9d0c4;font-size:15px}.comparison-stage.comparison-ready::before{display:none}.comparison-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.comparison-stage[data-fit=top]>img{object-fit:cover;object-position:50% 0}.comparison-after{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-divider{position:absolute;inset:0 auto 0 var(--split);width:2px;background:var(--orange);transform:translateX(-50%);pointer-events:none}.comparison-divider span{position:absolute;top:50%;left:50%;width:48px;height:48px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid var(--orange);border-radius:50%;background:#f2eee5;color:#17201a;font-size:22px}.comparison-stage input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison-stage:focus-within{outline:2px solid var(--orange);outline-offset:5px}.comparison-labels,.comparison-controls,.comparison-full{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;font-size:13px;color:#c4d1d7}.comparison-labels{text-transform:uppercase;letter-spacing:.09em;font-size:11px}.comparison-controls>div,.comparison-full>div{display:flex;gap:25px;flex-wrap:wrap}.comparison-controls button,.comparison-full a,.comparison-full button{display:inline-flex;align-items:center;min-height:44px;font-size:13px;border-bottom:1px solid #b1ccdb66;padding:8px 0}.comparison-full{padding-top:24px;margin-top:34px;border-top:1px solid #b1ccdb44}.comparison-full a span,.comparison-full button span{margin-left:10px;color:#bdd9e7}.comparison-full a:hover,.comparison-controls button:hover,.comparison-full button:hover{color:#fff}
/* A studio essay facing a vertical sequence of principles. */
.studio{background:#e9e7de;color:#222d29;padding-block:52px 70px}.studio .section-label{border-color:#222b2333;color:#535f50}.studio-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:9vw;margin-top:58px}.studio-intro h2{font-size:clamp(44px,4.6vw,74px);line-height:1.1;letter-spacing:-.045em}.studio-intro h2 em{color:#62705d}.studio-copy{font-size:17px;line-height:1.7;max-width:42ch;color:#434e3f;margin-top:34px}.studio-copy p+p{margin-top:20px}.studio-location{display:block;margin-top:26px;font-size:12px;color:#58634e}.services{padding-top:7px}.services article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px 22px;border-top:1px solid #222b2340;padding-block:25px 30px}.services article:last-child{padding-bottom:0}.service-num{font:300 30px/1 var(--display);color:#7c8675;grid-row:1/3;padding-top:4px}.principle-title>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#58634e}.services h3{font-size:clamp(28px,2.6vw,41px);line-height:1.12;margin-top:10px;letter-spacing:-.03em}.services p{grid-column:2;font-size:16px;line-height:1.65;color:#4d5846;max-width:40ch}
/* A decisive conclusion; the symbol belongs to the grid. */
.contact{position:relative;isolation:isolate;overflow:hidden;padding-top:48px;padding-bottom:34px;background:#101311}.contact-glow{position:absolute;inset:0 -30% -70% 55%;z-index:-1;background:radial-gradient(ellipse,#a83a1722,transparent 65%);pointer-events:none}.contact::after{content:'';position:absolute;right:-10%;bottom:34%;width:55%;height:1px;background:linear-gradient(90deg,transparent,#ff8b4c80,transparent);transform:rotate(-17deg);z-index:-1}.contact .section-label{align-items:center}.finale-brand{display:block;width:58px;opacity:.9}.contact h2{font-size:clamp(65px,8.5vw,140px);line-height:1.02;letter-spacing:-.055em;margin-top:48px;max-width:14ch}.contact h2 em{display:block}.contact-row{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-top:36px}.contact-row p{font-size:19px;color:#ccd1c4;line-height:1.65}.contact-button{display:flex;align-items:center;justify-content:space-between;gap:50px;min-width:330px;min-height:72px;padding:20px 27px;background:var(--orange);color:#171c13;font-size:17px;transition:background .18s}.contact-button span+span{font-size:30px;line-height:1}.contact-button:hover{background:#ff8954}.contact-meta{display:flex;justify-content:space-between;gap:24px;margin-top:44px;padding-top:23px;border-top:1px solid #ffffff1c;font-size:12px;color:#b5beaa}

.footer{background:#101311;border-top-color:#ffffff20;padding-top:38px}.footer-bottom{font-size:13px}
@media(min-width:1800px){.point-of-view,.work-heading,.work-index,.studio,.contact,.transformation,.project:not(.project-jc),.footer{padding-inline:max(var(--gutter),calc((100% - 2000px)/2))}}
@media(max-width:1100px){.statement-wrap{gap:40px;grid-template-columns:1.5fr 1fr}.statement-note p{font-size:17px}.sector-line{align-items:start}.sector-line p{text-align:right;font-size:13px}.case-grid{gap:32px 20px}.case-intro h3{font-size:43px}.case-summit .case-intro{padding-left:10px}.case-summit .case-intro h3{font-size:38px}.project-lede{font-size:28px;margin-top:24px}.project-description{font-size:16px}.case-heller .case-intro{padding-right:0}.project-facts{gap:26px}.project-facts dd{font-size:14px}.case-notes h4{font-size:29px}.case-notes p{font-size:15px}.studio-grid{gap:6vw;grid-template-columns:1.1fr 1fr}.studio-copy{font-size:16px}.studio-intro h2{font-size:45px}.services article{gap:14px 16px}.services h3{font-size:30px}.project-jc{grid-template-columns:1fr 1fr;gap:20px}.jc-detail-link{grid-column:2;justify-self:start}.transformation-intro{max-width:28ch;font-size:17px}.contact-button{min-width:290px}}
@media(max-width:800px){.hero-copy h1{font-size:clamp(70px,11.4vw,110px)}.hero-bottom{max-width:100%;gap:28px}.hero-bottom p{font-size:16px}.statement-wrap{display:block}.statement{max-width:22ch}.statement-note{margin:30px 0 0 auto;max-width:43ch}.statement-note p+p{display:none}.work-intro{max-width:28ch}.work-index{justify-content:start;gap:6px 24px}.project{padding-top:45px}.case-grid{gap:28px 20px}.case-intro h3{font-size:40px}.case-heller .case-intro{grid-column:1/6}.case-heller .case-primary{grid-column:6/13;align-self:center}.case-heller .case-secondary{grid-column:1/8;align-self:center}.case-heller .case-notes{grid-column:8/13}.case-notes h4{font-size:27px}.case-notes h4 br{display:none}.case-notes .editorial-kicker{font-size:10px}.case-summit .case-primary{grid-column:1/8;align-self:center}.case-summit .case-intro{grid-column:8/13;padding:0}.case-summit .case-intro h3{font-size:35px}.case-summit .case-notes{margin:0;grid-column:1/7}.case-summit .case-secondary{align-self:center;grid-column:7/13}.case-dalke .case-primary{grid-column:1/12}.case-dalke .case-secondary{grid-column:6/13;align-self:center}.case-dalke .case-notes{grid-column:1/6}.case-sps .case-intro{grid-column:1/7}.case-sps .case-notes{grid-column:7/13}.case-grid figcaption{display:block}.case-grid figcaption span{display:block}.case-grid figcaption span+span{margin-top:4px}.project-facts{gap:22px}.project-open{gap:20px}.transformation-head{gap:30px}.transformation-intro{max-width:25ch;font-size:16px}.comparison-pair{gap:22px}.comparison-full{align-items:start}.comparison-full>div{gap:10px 20px}.studio-grid{grid-template-columns:1fr;gap:40px}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px}.studio-copy{margin:0}.studio-intro h2{font-size:43px}.services{margin-left:20%}.services h3{font-size:34px}.contact-button{min-width:270px;font-size:16px}.contact-row p{font-size:17px}}
@media(max-aspect-ratio:1/1){.cinema canvas,.cinema .reveal-identity{inset:auto;top:50%;left:50%;width:100%;height:auto;max-width:none;transform:translate(-50%,-50%) scale(var(--film-scale,1));transform-origin:center;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 82%,transparent)}}
@media(max-width:700px){
 .intro{height:150svh}.hero-copy{top:26%}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:24px}.hero-copy h1{font-size:clamp(55px,14.5vw,100px)}.hero-bottom{display:block;margin-top:28px}.hero-bottom p{font-size:16px}.hero-actions{margin-top:22px;gap:8px}.hero-proof{font-size:12px}.cinema video{object-position:62% center}.intro-chapter{display:none}.intro-footer{bottom:17px;font-size:9px;gap:15px}.motion-toggle{font-size:10px}.reveal-caption{bottom:22%}.reveal-caption p{font-size:12px}

 .point-of-view{padding-block:32px 24px}.statement-wrap{margin:34px 0 30px}.statement{font-size:clamp(36px,9.8vw,60px);line-height:1.12;max-width:19ch}.statement-note{margin:28px 0 0 6%;max-width:34ch}.statement-note p{font-size:16px}.editorial-kicker{font-size:11px;margin-bottom:15px}.sector-line{display:block;padding-top:19px}.sector-line p{margin-top:10px;font-size:13px;text-align:left;line-height:1.9}.sector-line i{margin:0 6px}.sector-line>span{font-size:11px}
 .work-heading{display:block;padding-block:28px 12px}.work-heading h2{font-size:33px}.work-heading .eyebrow{margin-bottom:13px}.work-intro{text-align:left;max-width:34ch;margin-top:20px}.work-intro p{font-size:16px}.work-intro>span{font-size:12px}.work-index{padding-block:10px 28px;gap:4px 20px}.work-index a{font-size:13px;gap:8px}
 .project{padding:38px var(--gutter) 28px}.case-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.case-grid>*{grid-column:1!important;grid-row:auto!important}.case-intro h3,.case-summit .case-intro h3{font-size:42px}.case-intro h3 br{display:none}.project-index{font-size:11px;margin-bottom:15px}.project-location{font-size:14px;margin-top:12px}.project-lede{font-size:28px;margin-top:25px}.project-description{font-size:16px;max-width:35ch;margin-top:17px}.screen-hover{display:none}.case-grid figcaption{font-size:12px;margin-top:13px}.case-grid figcaption span+span{margin-top:3px}.case-notes{padding-top:19px;margin:0!important}.case-notes .editorial-kicker{font-size:11px}.case-notes h4{font-size:29px;margin-bottom:15px}.case-notes p{font-size:16px;max-width:36ch}.case-source{font-size:13px;margin-top:12px}.case-heller .case-secondary{padding-top:0}.case-heller .project-screen{border-width:4px}.case-secondary{width:94%;justify-self:end}.case-summit .case-intro{order:0}.case-summit .case-primary{order:1}.case-summit .case-secondary{order:2;width:100%}.case-summit .case-notes{order:3}.case-dalke .case-intro{display:block;padding:0}.case-dalke .project-lede{margin:23px 0 0}.case-dalke .case-primary{width:calc(100% + 12px);margin-left:-12px}.case-dalke .case-secondary{width:100%}.case-sps .case-notes{order:1}.case-sps .case-primary{order:2}.case-sps .case-secondary{order:3;padding-top:0}.case-reading{order:4;grid-template-columns:1fr;gap:22px}.case-reading p{font-size:15px}.case-reading span{margin-bottom:8px}.detail-expand{width:34px;height:34px;right:8px;bottom:8px;font-size:22px}
 .project-footer{display:block;padding-top:20px;margin-top:30px}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-facts dt{font-size:11px}.project-facts dd{font-size:14px}.project-open{margin-top:17px;font-size:15px;gap:40px}
 .transformation{padding-block:38px 40px}.project-jc{grid-template-columns:1fr;gap:17px;padding:0 0 25px;margin-bottom:29px}.project-jc h3{font-size:39px}.jc-detail-link{grid-column:1;justify-self:start;font-size:14px}.transformation-head{display:block;margin-bottom:30px}.transformation h2{font-size:clamp(38px,10.2vw,65px);margin-top:18px}.transformation-intro{max-width:34ch;margin-top:23px;font-size:16px}.transformation-intro>span{margin-top:15px;font-size:12px}.comparison-pair{grid-template-columns:1fr;gap:30px}.comparison-pair figcaption{padding-block:16px 19px}.comparison-pair figure>p{font-size:15px;margin-top:16px}.comparison-number{font-size:28px}.comparison-tag{font-size:10px}.comparison-pair figcaption strong{font-size:18px}.comparison-divider span{width:38px;height:38px;font-size:19px}.comparison-controls,.comparison-full{display:block}.comparison-controls p,.comparison-full p{font-size:13px;line-height:1.6}.comparison-controls>div,.comparison-full>div{margin-top:10px;gap:8px 24px;flex-wrap:wrap}.comparison-controls button,.comparison-full a,.comparison-full button{font-size:13px}.comparison-labels{font-size:10px}.comparison-full{margin-top:28px;padding-top:20px}
 .studio{padding-block:35px 44px}.studio .section-label{align-items:start}.studio .section-label>.eyebrow:last-child{max-width:13ch;text-align:right}.studio-grid{margin-top:35px;gap:32px}.studio-intro{display:block}.studio-intro h2{font-size:clamp(35px,9.4vw,60px)}.studio-copy{font-size:16px;margin:26px 0 0;line-height:1.65}.studio-copy p+p{margin-top:18px}.studio-location{font-size:12px;margin-top:22px}.services{padding:0;margin:0 0 0 8px}.services article{grid-template-columns:28px minmax(0,1fr);gap:13px 17px;padding-block:24px}.service-num{font-size:25px}.services h3{font-size:29px;margin-top:9px}.services p{font-size:16px}.principle-title>span{font-size:11px;letter-spacing:.07em}
 .contact{padding-top:32px;padding-bottom:26px}.finale-brand{width:40px;flex-shrink:0}.contact .section-label .eyebrow{max-width:23ch}.contact h2{font-size:clamp(48px,12.8vw,86px);margin-top:36px;line-height:1.08;letter-spacing:-.045em}.contact-row{display:block;margin-top:25px}.contact-row p{font-size:16px}.contact-button{width:100%;min-width:0;min-height:65px;margin-top:26px;font-size:16px;padding:18px 22px}.contact-meta{display:block;margin-top:30px;font-size:12px}.contact-meta span{display:block}.contact-meta span+span{margin-top:7px}.contact::after{bottom:38%;width:85%}.footer-bottom{font-size:12px}
}
@media(max-height:560px){.hero-copy{top:max(86px,22%)}.hero-copy>.eyebrow{font-size:9px;margin-bottom:12px}.hero-copy h1{font-size:clamp(40px,11vh,66px)}.hero-bottom{display:flex;align-items:end;margin-top:15px;max-width:720px}.hero-bottom p{font-size:13px}.hero-actions{margin-top:0;gap:0;min-height:60px}.hero-actions .text-link{font-size:13px;min-height:34px}.hero-proof{font-size:11px;min-height:26px}.intro-footer{bottom:6px}.reveal-caption{bottom:20%}.reveal-caption p{font-size:12px}}
.reduced .intro,html:not(.js) .intro{height:100svh}.reduced .cinema canvas,.reduced .cinema video,.reduced .reveal-identity{display:none}.reduced .cinema .cinema-still{opacity:1}.reduced .hero-copy{opacity:1!important;transform:none!important}.reduced .cinema-shade{opacity:1!important}.reduced .reveal-caption,.reduced .intro-progress{display:none}.reduced .intro-handoff{opacity:.4}.reduced .motion-toggle i::after{right:auto;left:2px}
html:not(.js) #transformation[hidden]{display:block!important}