/* Page 7 — About Natsu Labs */
.studio-hero{padding:clamp(60px,7.5vw,98px) 0 clamp(68px,8vw,112px)}
.studio-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(48px,8vw,116px);align-items:end}
.studio-hero-copy h1{max-width:14ch;margin:18px 0 22px;font-size:clamp(2.65rem,4.8vw,4.35rem);line-height:1;letter-spacing:-.045em}
.studio-hero-copy .v2-lead{max-width:62ch}
.studio-hero-copy .v2-actions{margin-top:28px}
.studio-index{border-top:1px solid var(--v2-line-strong)}
.studio-mark{display:flex;align-items:center;gap:18px;padding:20px 0 24px;border-bottom:1px solid var(--v2-line)}
.studio-mark img{width:54px;height:54px}
.studio-mark div{display:grid;gap:2px}
.studio-mark strong{font-size:1.08rem}
.studio-mark span{color:var(--v2-muted);font-size:.8rem}
.studio-index dl{margin:0}
.studio-index dl div{display:grid;grid-template-columns:minmax(110px,.42fr) 1fr;gap:22px;padding:15px 0;border-bottom:1px solid var(--v2-line)}
.studio-index dt{color:var(--v2-muted);font-size:.73rem;font-weight:740}
.studio-index dd{margin:0;color:var(--v2-text-soft);font-size:.86rem;line-height:1.48}

.studio-story-section{background:#0e1114}
.studio-story-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);gap:clamp(48px,8vw,116px);align-items:start}
.studio-story-grid h2{max-width:16ch;margin-top:17px;font-size:clamp(2.05rem,3.35vw,3.3rem);line-height:1.03}
.studio-story-copy{display:grid;gap:20px;padding-top:3px}
.studio-story-copy p{max-width:63ch;color:var(--v2-text-soft);font-size:1rem;line-height:1.7}

.studio-section-head{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);gap:clamp(28px,5vw,74px);margin-bottom:clamp(34px,5vw,58px)}
.studio-section-head h2{max-width:20ch;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.03}
.studio-section-head p{max-width:61ch;margin-top:13px;color:var(--v2-muted)}
.build-ledger{border-top:1px solid var(--v2-line-strong)}
.build-row{display:grid;grid-template-columns:minmax(200px,.54fr) minmax(340px,1fr) minmax(190px,.4fr);gap:clamp(24px,4vw,58px);padding:clamp(30px,4vw,46px) 0;border-bottom:1px solid var(--v2-line);align-items:start}
.build-row.featured{padding-block:clamp(36px,4.5vw,54px)}
.build-name{display:block}
.build-name small{display:block;margin-bottom:7px;color:var(--v2-muted);font-size:.72rem;font-weight:720}
.build-name h3{font-size:clamp(1.5rem,2.2vw,2.05rem);line-height:1.07}
.build-row.featured .build-name h3{font-size:clamp(1.75rem,2.5vw,2.35rem)}
.build-copy p{max-width:62ch;color:var(--v2-text-soft);font-size:.95rem;line-height:1.66}
.build-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.build-links a{min-height:32px;border-bottom:1px solid var(--v2-line-strong);color:var(--v2-text-soft);font-size:.82rem;font-weight:700}

.approach-section{background:#0e1114}
.approach-grid{display:grid;grid-template-columns:minmax(0,.67fr) minmax(460px,1.2fr);gap:clamp(50px,8vw,116px);align-items:start}
.approach-intro h2{max-width:15ch;margin:17px 0 18px;font-size:clamp(2rem,3.25vw,3.25rem);line-height:1.03}
.approach-intro p{max-width:49ch;color:var(--v2-muted)}
.approach-list{margin:0;padding:0;border-top:1px solid var(--v2-line-strong);list-style:none}
.approach-list li{padding:23px 0;border-bottom:1px solid var(--v2-line)}
.approach-list h3{font-size:1.05rem;letter-spacing:-.02em}
.approach-list p{max-width:62ch;margin-top:8px;color:var(--v2-muted);font-size:.87rem;line-height:1.58}

.teaching-grid{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:clamp(48px,8vw,116px);align-items:center}
.teaching-photo{max-width:360px}
.teaching-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;background:#171b1f}
.teaching-copy h2{max-width:16ch;margin:17px 0 20px;font-size:clamp(2rem,3.25vw,3.2rem);line-height:1.04}
.teaching-copy p{max-width:62ch;color:var(--v2-text-soft);line-height:1.67}
.teaching-copy p+p{margin-top:14px;color:var(--v2-muted)}
.teaching-copy .v2-text-link{margin-top:24px;font-size:.87rem}

.direction-section{background:#12161a}
.direction-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(430px,1fr);gap:clamp(46px,8vw,112px);align-items:start}
.direction-grid h2{max-width:16ch;margin-top:17px;font-size:clamp(2rem,3.25vw,3.2rem);line-height:1.04}
.direction-list{border-top:1px solid var(--v2-line-strong)}
.direction-list>div{display:grid;grid-template-columns:52px minmax(110px,.34fr) 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--v2-line);align-items:start}
.direction-list span{color:var(--v2-muted);font-size:.72rem;font-weight:760}
.direction-list strong{font-size:.91rem}
.direction-list p{color:var(--v2-muted);font-size:.85rem;line-height:1.55}

.studio-cta{padding:clamp(68px,8vw,108px) 0;border-top:1px solid var(--v2-line)}
.studio-cta-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(400px,.9fr);gap:clamp(46px,8vw,112px);align-items:end}
.studio-cta h2{max-width:13ch;margin-top:17px;font-size:clamp(2.2rem,3.8vw,3.6rem);line-height:1}
.studio-cta p{max-width:57ch;color:var(--v2-muted)}
.studio-cta .v2-actions{margin-top:24px}
.studio-cta .v2-text-link{margin-left:4px}

@media(hover:hover){
  .build-links a:hover{color:var(--v2-accent);border-color:var(--v2-accent)}
}
@media(max-width:1020px){
  .studio-hero-grid{grid-template-columns:1fr minmax(280px,.62fr);gap:48px}
  .build-row{grid-template-columns:minmax(165px,.42fr) minmax(0,1fr)}
  .build-links{grid-column:2;flex-direction:row;flex-wrap:wrap}
  .approach-grid{grid-template-columns:.75fr 1.25fr;gap:50px}
  .teaching-grid{grid-template-columns:minmax(245px,.54fr) 1fr;gap:50px}
  .direction-grid,.studio-cta-grid{grid-template-columns:.8fr 1.2fr;gap:50px}
}
@media(max-width:760px){
  .studio-hero{padding:50px 0 64px}
  .studio-hero-grid,.studio-story-grid,.studio-section-head,.approach-grid,.teaching-grid,.direction-grid,.studio-cta-grid{grid-template-columns:1fr;gap:30px}
  .studio-hero-copy h1{max-width:15ch;font-size:clamp(2.35rem,9.6vw,3.4rem)}
  .studio-index{margin-top:12px}
  .studio-story-grid,.approach-grid,.direction-grid{gap:28px}
  .studio-section-head{gap:12px;margin-bottom:31px}
  .build-row{grid-template-columns:1fr;gap:18px;padding:31px 0}
  .build-links{grid-column:auto}
  .teaching-photo{max-width:300px}
  .direction-list>div{grid-template-columns:48px 110px 1fr;gap:14px}
  .studio-cta{padding:60px 0 68px}
}
@media(max-width:560px){
  .studio-hero-copy h1{font-size:clamp(2.2rem,11vw,2.95rem)}
  .studio-hero-copy .v2-actions,.studio-cta .v2-actions{align-items:stretch}
  .studio-hero-copy .v2-button,.studio-cta .v2-button{width:100%}
  .studio-cta .v2-text-link{margin:6px 0 0;justify-content:center;min-height:40px}
  .studio-index dl div{grid-template-columns:1fr;gap:4px;padding:13px 0}
  .teaching-photo{max-width:250px}
  .direction-list>div{grid-template-columns:42px 1fr;gap:5px 14px}
  .direction-list p{grid-column:2}
}
@media(max-width:380px){
  .studio-hero-copy h1{font-size:2.12rem}
  .studio-mark img{width:48px;height:48px}
  .build-name h3{font-size:1.45rem}
  .direction-list>div{grid-template-columns:1fr;gap:4px}
  .direction-list p{grid-column:auto}
}