html[data-page="studio"]{scroll-behavior:auto}
.studio-opening{display:grid;grid-template-columns:1.65fr 1fr;gap:56px;align-items:end}
.studio-opening h1{font-size:clamp(54px,6.4vw,96px)}
.studio-intro{margin:0 0 4px;max-width:430px;font-size:17px;line-height:1.8;color:var(--muted)}
.studio-text-link{display:inline-flex;align-items:center;gap:26px;min-height:44px;padding:10px 0;background:none;border:0;border-bottom:1px solid #777;color:var(--fg);font-size:13px;justify-self:start;cursor:pointer}
.studio-text-link[hidden]{display:none}

/* Give the opening chapter a full reading width instead of an empty label column. */
.studio-responsibility{display:block;padding:55px 0 90px}
.studio-responsibility>.eyebrow{margin:0 0 48px}
.studio-responsibility>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,8vw,120px);row-gap:38px}
.studio-responsibility h2{grid-column:1/-1;max-width:920px}
.studio-responsibility>div>p{margin:0;max-width:530px}

/* Founder is a visual feature, with the name occupying the former empty column. */
.studio-founder{background:#e7e5df;color:#080808}
.studio-founder ::selection{background:#080808;color:#e7e5df}
.studio-founder[hidden]{display:none}
.studio-founder-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(55px,8vw,125px);padding-top:80px;padding-bottom:90px}
.studio-founder .eyebrow{color:#555;margin-bottom:48px}
.studio-founder h2{font-size:clamp(72px,9vw,132px);line-height:.88;letter-spacing:-.065em}
.studio-founder-meta{margin:36px 0 0;font-size:13px;line-height:1.7;color:#555}
.studio-founder-story{align-self:end;border-left:1px solid #a6a49e;padding-left:clamp(28px,4vw,60px)}
.studio-founder-story p{max-width:540px;margin:0;color:#303030;font-size:17px;line-height:1.8}
.studio-founder-story p+p{margin-top:28px}

.studio-working{padding:75px 0 90px;border-top:1px solid var(--line)}
.studio-working>h2{font-size:clamp(42px,5.4vw,76px);letter-spacing:-.045em}
.studio-working-intro{max-width:580px;font-size:16px;line-height:1.8;color:var(--muted);margin:28px 0 0}
.studio-working-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:55px}
.studio-working-steps article{display:block;border-top:1px solid var(--line);padding:24px 0 20px}
.studio-working-steps .num{display:block;padding:0;margin-bottom:52px}
.studio-working-steps h3{font-size:clamp(24px,2.5vw,32px);margin-bottom:18px}
.studio-working-steps p,.studio-architecture p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:0}
.studio-architecture{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.4fr);gap:48px;align-items:start;margin-top:55px;padding:34px 36px;border:1px solid var(--line);background:#111}
.studio-architecture h3{font-size:26px;letter-spacing:-.7px;margin:0}

.studio-outro{display:grid;grid-template-columns:clamp(280px,35vw,480px) minmax(0,1fr);gap:clamp(36px,7vw,110px);align-items:stretch;min-height:clamp(372px,46.44vw,637px);padding:0 max(48px,calc((100% - 1180px)/2)) 0 0;border-top:1px solid var(--line)}
.studio-outro .studio-photo{position:relative;min-height:100%}
.studio-outro .studio-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.studio-outro-copy{max-width:660px;align-self:center;padding-block:72px 75px}
.studio-outro .eyebrow{margin-bottom:24px}
.studio-outro h2{font-size:clamp(36px,4.6vw,68px);letter-spacing:-.045em;line-height:1.1}
.studio-outro-copy>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:15px;line-height:1.8;margin:25px 0 16px}

@media(max-width:1000px){
  .studio-opening{grid-template-columns:1fr;gap:30px}
  .studio-opening h1{font-size:clamp(55px,9.3vw,90px)}
  .studio-intro{max-width:550px}
}
@media(max-width:900px){
  .studio-working-steps{grid-template-columns:1fr;gap:0}
  .studio-working-steps article{padding:23px 0 34px}
  .studio-working-steps .num{margin-bottom:20px}
  .studio-working-steps p{max-width:650px}
}
@media(max-width:800px){
  .studio-intro{font-size:14px}
  .studio-responsibility{padding:40px 0 60px}
  .studio-responsibility>.eyebrow{margin:0 0 26px}
  .studio-responsibility>div{grid-template-columns:1fr;gap:20px}
  .studio-responsibility h2{grid-column:1;margin-bottom:8px}
  .studio-responsibility>div>p{max-width:650px}
  .studio-founder-inner{grid-template-columns:1fr;gap:42px;padding-top:58px;padding-bottom:65px}
  .studio-founder .eyebrow{margin-bottom:30px}
  .studio-founder h2{font-size:clamp(70px,13vw,104px)}
  .studio-founder-meta{margin-top:25px}
  .studio-founder-story{border-left:0;border-top:1px solid #a6a49e;padding:28px 0 0}
  .studio-founder-story p{font-size:15px}
  .studio-working{padding:55px 0 65px}
  .studio-working>h2{font-size:clamp(38px,7.2vw,57px)}
  .studio-working-intro{font-size:14px}
  .studio-working-steps h3{font-size:26px}
  .studio-working-steps p,.studio-architecture p{font-size:13px}
  .studio-architecture{grid-template-columns:1fr;gap:16px;padding:27px}
  .studio-outro{gap:36px;padding-right:24px}
  .studio-outro-copy>p:not(.eyebrow){font-size:13px}
  .studio-outro h2{font-size:36px}
}
@media(max-width:600px){
  .studio-outro{grid-template-columns:1fr;gap:0;padding:0;min-height:0}
  .studio-outro .studio-photo{width:100%;min-height:0;aspect-ratio:1089/1445}
  .studio-outro .studio-photo img{object-fit:contain}
  .studio-outro-copy{padding:40px 24px 55px}
  .studio-outro h2{font-size:clamp(33px,8vw,44px)}
}