/* Private review: calmer editorial hierarchy and a darker carousel stage. */
/* Approach: wide reading columns instead of narrow nested text grids. */
body.page-approach .sustainability-example>div{display:block;min-width:0}
body.page-approach .sustainability-example>div p{width:auto;max-width:58ch;line-height:1.65}
body.page-approach .careers-culture{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(28px,5vw,72px)}
body.page-approach .careers-culture>div{display:block;min-width:0}
body.page-approach .approach-principles{grid-template-columns:1fr;gap:0}
body.page-approach .approach-principle{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.4fr);column-gap:clamp(32px,6vw,90px);padding:32px 0;border-bottom:1px solid #20221e25;align-items:start}
body.page-approach .approach-principle .diagram-number{grid-column:2}
body.page-approach .approach-principle svg{grid-column:1;grid-row:1/4;margin:0;height:220px}
body.page-approach .approach-principle h2{grid-column:2;margin:14px 0 18px}
body.page-approach .approach-principle p{grid-column:2;max-width:58ch;font-size:17px;line-height:1.65;margin:0}
@media(max-width:800px){body.page-approach .careers-culture,body.page-approach .sustainability-example{grid-template-columns:1fr}body.page-approach .sustainability-example .sustainability-image{order:0}body.page-approach .approach-principle{grid-template-columns:1fr}body.page-approach .approach-principle :is(.diagram-number,svg,h2,p){grid-column:1;grid-row:auto}body.page-approach .approach-principle svg{height:180px;margin:12px 0}}
.practice-scope{padding:64px clamp(24px,4vw,64px);max-width:1440px;margin:auto;color:#20221e}
.practice-scope header{max-width:650px;margin-bottom:40px}
.practice-scope .scope-label,.practice-scope .scope-number{font:500 12px/1.5 var(--font-support);letter-spacing:.09em;text-transform:uppercase;opacity:.6}
.practice-scope h2{font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.1;margin:16px 0}
.practice-scope p{font:400 16px/1.55 var(--font-support)}
.scope-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px)}
.scope-groups>section{border-top:1px solid #20221e;padding-top:18px}
.scope-groups h3{font-size:clamp(28px,3vw,42px);font-weight:400;margin:18px 0 12px;line-height:1.1}
.scope-groups p{max-width:32ch;min-height:5em;opacity:.72}
.scope-groups ul{list-style:none;padding:0;margin:24px 0 0;font:500 16px/1.45 var(--font-support)}
.scope-groups li{padding:10px 0;border-top:1px solid #20221e22}
.practice-scope .scope-note{max-width:76ch;font-size:12px;opacity:.65;margin:30px 0 0}
.page-about .team-slider .team-member{flex:0 0 clamp(280px,30vw,430px)}
.page-about .team-slider .team-member .photo{max-height:50svh;aspect-ratio:1;min-height:0}
.page-about .team-slider .team-member p{font-size:22px;line-height:1.25;margin-top:6px}
.page-about .team-slider .team-member strong{font-size:13px;font-weight:500;opacity:.7}
@media(max-width:650px){.scope-groups{grid-template-columns:1fr;gap:32px}.scope-groups p{min-height:0;max-width:40ch}.practice-scope{padding-top:40px;padding-bottom:40px}.page-about .team-slider .team-member{flex-basis:76vw}}
@media(max-height:560px){.page-about .team-slider .team-member{flex-basis:230px}.page-about .team-slider .team-member .photo{max-height:30svh}}
body.page-about .about-intro{max-width:1440px;margin:auto;padding:clamp(110px,12vh,160px) clamp(24px,4vw,64px) 32px}
body.page-about .about-intro h1.section-page-title{font-family:var(--font-display);font-size:clamp(65px,8vw,118px)!important;font-weight:400!important;letter-spacing:-.055em!important;line-height:1.02!important;margin:22px 0 32px;max-width:none}
body.page-about .about-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,6vw,100px);align-items:center;padding:0;border:0}
.page-about .about-statement{font:400 clamp(18px,1.65vw,24px)/1.5 var(--font-support);max-width:40ch;margin:0}
.office-map{margin:0;width:100%;max-width:490px;justify-self:end;color:#20221e}
.office-map svg{display:block;width:100%;height:auto;font-family:var(--font-support)}
.office-map figcaption{font:400 12px/1.5 var(--font-support);text-align:center;opacity:.65}
.about-perspective{margin-top:24px;font:400 16px/1.6 var(--font-support);max-width:65ch}
.about-perspective summary{cursor:pointer;font-weight:500;padding:10px 0}.about-perspective p{padding:12px 0}
body.page-about .studio-offices{padding-top:30px;padding-bottom:34px}
body.page-about .studio-offices h2{font-size:clamp(26px,3vw,40px)!important;margin-bottom:16px}
.team-scroll-hint{font:400 12px/1.5 var(--font-support);opacity:.65;margin:12px 0 20px}
.page-about .team-scroll-sequence{height:calc(100svh + var(--team-runway,0px));overflow:visible!important;padding-top:0!important;padding-bottom:0!important}
.team-scroll-stage{position:sticky;top:var(--header-height,80px);height:calc(100svh - var(--header-height,80px));display:flex;flex-direction:column;justify-content:center}
.team-scroll-stage .team-slider{flex-shrink:0;scroll-behavior:auto!important}
.team-slider-section:not(.team-scroll-sequence) .team-scroll-stage{position:relative;top:auto;height:auto}
.team-slider-section .team-slider{overscroll-behavior:contain;touch-action:pan-x}
.team-scroll-stage .team-member .photo{max-height:45svh;aspect-ratio:1;overflow:hidden}
@media(max-height:560px){.team-scroll-stage .team-member .photo{max-height:30svh}.team-scroll-stage h2{font-size:26px!important;margin:6px 0!important}.team-scroll-hint{margin:5px 0}.team-scroll-stage .team-search{margin:5px 0}}
@media(prefers-reduced-motion:reduce){.page-about .team-scroll-sequence{height:auto}.team-scroll-stage{position:relative;top:auto;height:auto;display:block;padding:30px 0}}
.entropic-pointer.is-filter-pointer,.entropic-pointer.is-filter-pointer.is-metaball{background:#fff!important;mix-blend-mode:normal!important;opacity:1!important;width:9px!important;height:9px!important;z-index:2147483647!important}
.page-project-detail .project-cover,.page-project-detail.project-on-hero{background:#e7e7e5!important}
/* Hold the original backdrop while the shared image grows, then reveal the landing. */
html:active-view-transition-type(project-entry)::view-transition-old(root){animation:entry-backdrop-out .72s linear both}
html:active-view-transition-type(project-entry)::view-transition-new(root){animation:entry-backdrop-in .72s linear both}
html:active-view-transition-type(project-entry)::view-transition-group(project-hero){animation-duration:.72s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
@keyframes entry-backdrop-out{0%,72%{opacity:1}100%{opacity:0}}
@keyframes entry-backdrop-in{0%,72%{opacity:0}100%{opacity:1}}
@media(max-width:650px){body.page-about .about-columns{grid-template-columns:1fr;gap:12px}.office-map{max-width:350px;justify-self:center}.page-about .about-statement{font-size:18px}.about-perspective{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html:active-view-transition-type(project-entry)::view-transition-group(project-hero),html:active-view-transition-type(project-entry)::view-transition-old(root),html:active-view-transition-type(project-entry)::view-transition-new(root){animation:none}}