/* Lifted verbatim out of index.html so the homepage and the pages under
   /more/ read the same rules rather than two copies that agree today.
   The editorial split header, the stacked studio title, and .reveal.
*/

  /* reusable editorial-split section intro (folios, videos) */
  .sec-intro{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,72px); align-items:start; text-align:left; margin-bottom:clamp(34px,5vw,56px); }
  .sec-intro-head h1, .sec-intro-head h2{ font-family:var(--display); font-weight:600; font-size:clamp(2rem,1.1rem + 2.6vw,2.9rem); line-height:1.08; letter-spacing:-.014em; color:var(--paper); }
  .sec-tag{ font-family:var(--display); font-weight:300; font-size:clamp(1.1rem,.9rem + .8vw,1.45rem); color:var(--gold); margin-top:12px; }
  .sec-intro-body p{ font-family:var(--display); font-weight:300; font-size:clamp(1.05rem,.92rem + .5vw,1.28rem); line-height:1.6; color:var(--secondary); max-width:54ch; text-wrap:pretty; }
  @media (max-width:760px){ .sec-intro{ grid-template-columns:1fr; gap:14px; margin-bottom:30px; } }

  /* ---------- studio ---------- */
  .studio-lead{ text-align:center; max-width:640px; margin:0 auto clamp(28px,4vw,44px); }
  .studio-lead p{ font-family:var(--display); font-weight:300; font-size:clamp(1.05rem,.9rem + .6vw,1.3rem); line-height:1.5; color:var(--secondary); }
  .studio-intro{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,72px); align-items:start; text-align:left; margin-bottom:clamp(34px,5vw,56px); }
  .studio-intro-head h1, .studio-intro-head h2{ font-family:var(--display); font-weight:600; font-size:clamp(2rem,1.1rem + 2.6vw,2.9rem); line-height:1.08; letter-spacing:-.014em; color:var(--paper); }
  .studio-intro-head h1 .studio-sub, .studio-intro-head h2 .studio-sub{ display:block; font-size:.8em; font-weight:500; line-height:1.12; margin-top:2px; color:var(--paper); }
  .studio-intro-head .studio-tag{ font-family:var(--display); font-weight:300; font-size:clamp(1.1rem,.9rem + .8vw,1.45rem); color:var(--gold); margin-top:12px; }
  .studio-intro-body p{ font-family:var(--display); font-weight:300; font-size:clamp(1.05rem,.92rem + .5vw,1.28rem); line-height:1.6; color:var(--secondary); max-width:54ch; text-wrap:pretty; }
  @media (max-width:760px){ .studio-intro{ grid-template-columns:1fr; gap:14px; margin-bottom:30px; } }

  /* ---------- reveal ---------- */
  .reveal{ opacity:0; transform:translateY(20px); transition:opacity .7s ease, transform .7s ease; }
  .reveal.in{ opacity:1; transform:none; }

@media (prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
}