/* Inner pages: shared components built on site.css tokens */
.page-head{position:relative;background:var(--coral);color:var(--ink);padding-bottom:clamp(4rem,8vw,7rem)}
.page-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:radial-gradient(circle at 50% 100%,var(--label) 8px,transparent 8.5px) 0 0/26px 14px repeat-x}
.page-head .wrap{padding-top:clamp(2rem,5vw,4rem)}
.page-head h1{font-size:clamp(3rem,1.2rem + 6vw,6.25rem);line-height:.9;max-width:14ch;animation:fade .8s var(--ease) both}
.page-head .hero-lead{margin-top:1.5rem}
.page-head .hero-cta{margin-top:1.75rem}
.nav-links a[aria-current="page"]{background-size:100% 3px}

.prose{max-width:46rem}
.prose>*+*{margin-top:1.25em}
.prose h2{font-size:clamp(2rem,1.4rem + 1.8vw,3rem);margin-top:2.2em;line-height:.95}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.7rem;margin-top:1.8em}
.prose p,.prose li{font-size:1.1rem;line-height:1.65}
.prose ul{list-style:disc;padding-left:1.4rem;display:grid;gap:.6rem}
.prose ul li::marker{color:var(--coral-deep)}
.prose a{color:var(--coral-deep);font-weight:600}
.prose a:hover{color:var(--ink)}
.prose figure.pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;max-width:none}
.prose figure.pair img{width:100%;border:2px solid var(--ink);border-radius:4px;aspect-ratio:4/3;object-fit:cover}
.prose .legal-sub{font-weight:700}
.meta{margin-top:1.5rem;font:700 1.1rem var(--display);letter-spacing:.1em;text-transform:uppercase}
.slip-page{background:var(--slip);border:2px solid var(--ink);border-radius:6px;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 22px 40px -24px rgba(22,18,15,.5)}

.statement{font:800 clamp(2rem,1.1rem + 3.2vw,3.75rem)/1.02 var(--display);text-transform:uppercase;max-width:22ch;text-wrap:balance}
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.split h2{font-size:clamp(2.4rem,1.4rem + 3.6vw,4.5rem)}
.split .body{display:grid;gap:1.25rem;font-size:1.15rem}
.split .body p{max-width:40rem}
.rule-top{border-top:3px solid var(--ink)}

.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,17rem));gap:2rem;margin-top:2.5rem}
.person{background:var(--slip);border:2px solid var(--ink);border-radius:6px;overflow:hidden;box-shadow:0 18px 32px -22px rgba(22,18,15,.5)}
.person img{width:100%;aspect-ratio:3/4;object-fit:cover;border-bottom:2px solid var(--ink)}
.person div{padding:1rem 1.1rem 1.2rem}
.person h3{font-size:2rem}
.person b{display:block;margin-top:.2rem;font:700 .95rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--coral-deep)}
.person p{margin-top:.5rem;color:var(--muted);font-size:.95rem}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem;margin-top:2.5rem}
.doc{display:flex;flex-direction:column;background:var(--slip);border:2px solid var(--ink);border-radius:6px;text-decoration:none;color:inherit;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
a.doc:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 20px 30px -18px rgba(22,18,15,.55)}
.doc-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--ink);color:#fff;font:700 .95rem var(--display);letter-spacing:.12em;text-transform:uppercase;border-radius:3px 3px 0 0}
.doc-body{padding:1.25rem 1.25rem 1.5rem;display:grid;gap:.6rem;align-content:start;flex:1}
.doc-body img{height:5rem;width:auto;max-width:100%;object-fit:contain;object-position:left}
.doc h3{font-size:1.9rem;line-height:.98}
.doc p{color:var(--muted);font-size:1rem}
.doc .go{margin-top:auto;padding-top:.5rem;font:800 1.05rem var(--display);letter-spacing:.1em;text-transform:uppercase}
.doc.soon{background:transparent;border-style:dashed}
.doc.soon .doc-top{background:transparent;color:var(--ink);border-bottom:2px dashed var(--ink)}
.chip{font:700 .8rem/1 var(--text);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid currentColor;border-radius:3px;padding:.3rem .45rem}

.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:2.5rem 1.5rem;margin-top:2.5rem}
.video{display:grid;gap:.5rem;align-content:start}
.video .frame{aspect-ratio:16/9;background:var(--ink);border:2px solid var(--ink);border-radius:4px;overflow:hidden;box-shadow:0 16px 28px -20px rgba(22,18,15,.6)}
.video iframe{width:100%;height:100%;border:0;display:block}
.video h3{font-size:1.7rem;margin-top:.5rem}
.video p{color:var(--muted);font-size:1rem}
.sec-sm{padding-block:clamp(3rem,6vw,5rem)}
.sec h2.h-md{font-size:clamp(2.2rem,1.4rem + 3vw,3.75rem)}

.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem;margin-top:2rem}
.platform{background:var(--slip);border:2px solid var(--ink);border-radius:6px;padding:1.75rem;display:grid;gap:1.25rem;align-content:space-between;box-shadow:0 18px 32px -22px rgba(22,18,15,.5)}
.platform h2{font-size:2.6rem}
.platform .btn{width:100%}
.note{margin-top:1.5rem;color:var(--muted);font-size:.95rem}

.logo-slab{background:#fff;border:2px solid var(--ink);border-radius:6px;display:grid;place-items:center;padding:2rem;min-height:16rem}
.logo-slab img{max-height:9rem;width:auto}
.partner-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.links{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.5rem;font:700 1.05rem var(--display);letter-spacing:.1em;text-transform:uppercase}
.stars{width:9rem;margin-top:1.5rem}
.band-white{background:var(--slip);border-block:2px solid var(--ink)}
.big-quote{font:700 clamp(1.7rem,1.1rem + 2vw,2.8rem)/1.08 var(--display);max-width:30ch}

.author{display:grid;grid-template-columns:8rem 1fr;gap:1.5rem;align-items:center;margin-top:3rem;padding-top:2rem;border-top:3px solid var(--ink);max-width:46rem}
.author img{border:2px solid var(--ink);border-radius:4px;aspect-ratio:3/4;object-fit:cover}
.author p{font-size:1.1rem}

@media (max-width:62rem){
  .split,.partner-grid{grid-template-columns:1fr}
}
@media (max-width:34rem){
  .author{grid-template-columns:1fr}
  .author img{max-width:8rem}
}
