/* ============================================================
   V16 — restrained scale and wider editorial margins
   ============================================================ */
:root{
  --v16-shell:1360px;
  --v16-gutter:clamp(44px,6vw,112px);
}
.shell,.page-width{width:min(var(--v16-shell),calc(100% - (2 * var(--v16-gutter))));margin-inline:auto}
.header-inner{width:min(1480px,calc(100% - (2 * var(--v16-gutter))));}

/* Slightly calmer hero proportions */
.v13-hero .hero-inner{
  grid-template-columns:minmax(0,1.24fr) minmax(315px,.76fr);
  gap:clamp(42px,5vw,82px);
  padding-block:clamp(52px,5vw,76px);
}
.v13-hero .hero-copy{max-width:820px}
.v13-hero .hero-role{
  font-size:clamp(1.18rem,1.34vw,1.42rem);
  margin-bottom:15px;
}
.v13-hero h1{
  font-size:clamp(3.05rem,3.85vw,4.3rem);
  line-height:1.035;
  letter-spacing:-.03em;
  margin-bottom:21px;
}
.v13-hero .hero-intro{
  font-size:clamp(1.08rem,1.18vw,1.22rem);
  line-height:1.6;
  max-width:62ch;
}
.v13-hero .hero-detail{
  font-size:clamp(.97rem,1vw,1.05rem);
  line-height:1.72;
  max-width:68ch;
}
.v13-hero .hero-actions{margin-top:25px}
.v13-hero .hero-portrait{max-width:370px}

/* Keep inner pages aligned with the calmer editorial width */
.about-top,.degree-row-v13,.principles-intro,.principle-grid-v13,
.selected-work .split-heading,.direction-list,.youtube-heading-v13,
.youtube-live-shell,.build-head-v13,.build-paths-v13{max-width:100%}

@media(max-width:1180px){
  :root{--v16-gutter:clamp(34px,4.8vw,64px)}
  .v13-hero .hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:36px}
  .v13-hero h1{font-size:clamp(2.95rem,4.25vw,3.95rem)}
  .v13-hero .hero-portrait{max-width:350px}
}
@media(max-width:900px){
  :root{--v16-gutter:26px}
  .v13-hero .hero-inner{grid-template-columns:1fr;gap:38px;padding-block:48px 66px}
  .v13-hero .hero-copy{max-width:700px}
  .v13-hero h1{font-size:clamp(2.85rem,8.7vw,4rem);white-space:normal}
  .v13-hero .hero-portrait{max-width:390px}
}
@media(max-width:620px){
  :root{--v16-gutter:19px}
  .v13-hero h1{font-size:clamp(2.55rem,10.8vw,3.25rem)}
  .v13-hero .hero-role{font-size:1.04rem}
  .v13-hero .hero-intro{font-size:1.04rem}
  .v13-hero .hero-detail{font-size:.96rem}
}