/* Inner pages (membership, about, legal, 404) — extends base.css + landing.css blocks */

.page-hero{position:relative;padding:calc(var(--nav-h) + clamp(70px,11vw,170px)) 0 clamp(60px,8vw,110px);overflow:hidden;isolation:isolate}
.page-hero.short{padding-bottom:clamp(30px,4vw,60px)}
.page-hero.has-img::before{content:"";position:absolute;inset:-6% -3%;z-index:-2;background:url(/assets/img/hero.webp) 70% 40%/cover;filter:brightness(.48) saturate(1.15)}
.page-hero.has-img::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,8,7,.5),transparent 30%,var(--bg) 98%)}
.page-hero h1{font-size:clamp(56px,10.5vw,190px);margin:22px 0 26px;text-shadow:0 8px 60px rgba(0,0,0,.5)}
.page-hero .lead{max-width:56ch}

.prose-sec{padding-block:clamp(50px,7vw,110px)}
.prose{max-width:760px}
.prose h2{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(26px,2.6vw,36px);margin:44px 0 12px;color:var(--cream)}
.prose p{color:var(--cream-2);margin-bottom:14px}
.prose em{color:var(--cream-3);font-style:normal;font-size:14px}
.prose a{color:var(--cream);border-bottom:1px solid var(--amber)}
.prose a:hover{color:var(--amber)}

.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px)}
.about-block{padding-top:26px;border-top:1px solid var(--line-2)}
.about-block h2{font-size:clamp(34px,3.6vw,56px);margin-bottom:18px}
.about-block h2::before{content:"";display:block;width:34px;height:3px;background:var(--fire);margin-bottom:22px}
.about-block p{color:var(--cream-2)}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}}

.closer.short{min-height:60svh}

/* 404 */
.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:calc(var(--nav-h) + 40px) 0 60px;position:relative;overflow:hidden}
.nf::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 40%,rgba(217,83,30,.18),transparent 70%);pointer-events:none}
.nf h1{font-size:clamp(64px,13vw,200px);margin:16px 0 20px}
.nf .lead{margin-inline:auto;margin-bottom:34px}
.nf-disc{position:relative;width:clamp(120px,16vw,200px);aspect-ratio:1;margin:0 auto 34px}
.nf-disc .disc{position:absolute;inset:0;border-radius:50%;animation:nfspin 5s linear infinite;
  background:radial-gradient(circle at center,#0a0807 0 17%,transparent 17.2%),conic-gradient(from 20deg,rgba(255,255,255,0),rgba(255,255,255,.16) 24deg,rgba(255,255,255,0) 60deg,rgba(255,255,255,0) 180deg,rgba(255,255,255,.14) 204deg,rgba(255,255,255,0) 240deg),repeating-radial-gradient(circle at center,#151210 0 2px,#0b0908 2px 4px);box-shadow:0 30px 70px rgba(0,0,0,.6),inset 0 0 0 2px #1d1815}
.nf-disc .label{position:absolute;left:50%;top:50%;width:35%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#f8c968,#d9531e 70%);display:grid;place-items:center}
.nf-disc .label img{width:62%;filter:brightness(.12)}
@keyframes nfspin{to{transform:rotate(360deg)}}