/* ==========================================================================
   VALLEY MMA — inner page styles
   ========================================================================== */

/* ---------- PAGE HEADER ---------- */
.phead{position:relative;background:var(--black);color:var(--bone);overflow:hidden;padding:150px 32px 76px}
.phead-media{position:absolute;inset:0}
.phead-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.4) contrast(1.08)}
.phead-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,11,.6),rgba(12,13,11,.55) 40%,rgba(12,13,11,.92));}
.phead .wrap-h{position:relative;z-index:3;max-width:var(--maxw);margin:0 auto}
.phead .crumbs{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin-bottom:30px}
.phead .crumbs a{color:rgba(242,237,227,.6)}
.phead .tag{margin-bottom:22px}
.phead h1{font-size:clamp(2.9rem,7.5vw,6rem);margin-bottom:22px}
.phead h1 em{font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:var(--sand);text-transform:none;font-variation-settings:'opsz' 144}
.phead h1 .ember{color:var(--ember);font-style:normal}
.phead .sub{font-size:1.14rem;line-height:1.62;color:rgba(242,237,227,.85);max-width:640px}
@media (max-width:820px){.phead{padding:124px 20px 56px}}

/* ---------- DISCIPLINE DETAIL ---------- */
.dfeat{display:grid;grid-template-columns:1fr 1.18fr;gap:60px;align-items:center;padding:84px 0;border-top:1px solid var(--line)}
.dfeat:first-child{border-top:0;padding-top:0}
.dfeat.rev{grid-template-columns:1.18fr 1fr}
.dfeat.rev .df-copy{order:2}.dfeat.rev .df-vis{order:1}
.df-copy .tag{margin-bottom:20px}
.df-copy h2{margin-bottom:22px;font-size:clamp(2rem,4.4vw,3.6rem)}
.df-copy h2 em{font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:var(--ember);text-transform:none;font-variation-settings:'opsz' 144}
.df-copy p{font-size:1.06rem;line-height:1.72;color:rgba(21,23,15,.8);margin-bottom:18px;max-width:520px}
.df-copy ul{list-style:none;margin-top:24px}
.df-copy ul li{padding:13px 0 13px 30px;border-bottom:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);position:relative}
.df-copy ul li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:1.5px;background:var(--ember)}
.df-vis{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--moss-deep)}
.df-vis img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05)}
.df-vis .badge{position:absolute;top:22px;left:22px;background:var(--ember);color:var(--bone);padding:9px 14px;font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase}
.df-vis .cap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(12,13,11,.9));font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone)}
.df-vis .cap b{color:var(--sand)}
@media (max-width:880px){.dfeat,.dfeat.rev{grid-template-columns:1fr;gap:34px;padding:56px 0}.dfeat.rev .df-copy{order:2}.dfeat.rev .df-vis{order:1}}

/* ---------- COMMUNITY PAGE ---------- */
.grounds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}
.ground{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--moss-deep)}
.ground img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.05);transition:transform .9s var(--ease)}
.ground:hover img{transform:scale(1.06)}
.ground::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(12,13,11,.92))}
.ground .c{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 22px}
.ground .num{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.2em;color:var(--sand);margin-bottom:8px}
.ground h3{color:var(--bone);font-size:1.5rem;margin-bottom:8px}
.ground p{font-size:.9rem;line-height:1.5;color:rgba(242,237,227,.82)}
@media (max-width:860px){.grounds{grid-template-columns:1fr;gap:12px}.ground{aspect-ratio:16/10}}

.locs{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:54px;border-top:1px solid var(--line-d);border-left:1px solid var(--line-d)}
.loc{padding:40px 34px;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.loc .pin{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin-bottom:14px}
.loc h3{color:var(--bone);margin-bottom:12px;font-size:1.9rem}
.loc p{font-size:1rem;line-height:1.6;color:rgba(242,237,227,.78);margin-bottom:14px}
.loc .meta{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sand)}
@media (max-width:680px){.locs{grid-template-columns:1fr}}

/* fighters strip */
.fighters{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.fighters .f{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.08em;color:var(--bone);background:rgba(242,237,227,.07);border:1px solid var(--line-d);padding:9px 14px}
.fighters .f b{color:var(--ember)}

/* ---------- CHAMPIONS PAGE ---------- */
.results{margin-top:54px;border-top:1px solid var(--line)}
.s-dark .results{border-color:var(--line-d)}
.result{display:grid;grid-template-columns:90px 1fr auto;gap:26px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
.s-dark .result{border-color:var(--line-d)}
.result .yr{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;color:var(--ember)}
.result .ev{font-family:'Anton',sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
.s-dark .result .ev{color:var(--bone)}
.result .ev small{display:block;font-family:'Inter Tight',sans-serif;font-size:.84rem;letter-spacing:0;text-transform:none;color:rgba(242,237,227,.66);margin-top:5px;font-weight:400}
.result .res{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--sand);padding:7px 13px;white-space:nowrap}
.result .res.win{background:var(--ember);color:var(--bone)}
@media (max-width:680px){.result{grid-template-columns:1fr auto;gap:8px 14px}.result .yr{grid-column:1/-1}}

/* ---------- TRAIN / JOIN PATHS ---------- */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}
.path{padding:40px 32px;background:var(--ink);color:var(--bone);position:relative;border-top:3px solid var(--sand);display:flex;flex-direction:column}
.path.flag{border-top-color:var(--ember)}
.path.flag::before{content:"MOST POPULAR";position:absolute;top:-11px;right:24px;background:var(--ember);color:var(--bone);padding:4px 10px;font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.18em;font-weight:600}
.path .label{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin-bottom:14px}
.path h3{color:var(--bone);margin-bottom:12px}
.path .price{font-family:'Anton',sans-serif;font-size:2rem;color:var(--bone);margin:10px 0 18px;line-height:1}
.path .price small{display:block;font-family:'Inter Tight',sans-serif;font-size:.82rem;color:rgba(242,237,227,.6);letter-spacing:0;text-transform:none;margin-top:6px;font-weight:400}
.path ul{list-style:none;margin:6px 0 24px;border-top:1px solid var(--line-d)}
.path ul li{padding:11px 0 11px 22px;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(242,237,227,.8);position:relative;border-bottom:1px solid rgba(242,237,227,.1);line-height:1.5}
.path ul li::before{content:"";position:absolute;left:0;top:18px;width:13px;height:1.5px;background:var(--ember)}
.path .btn{margin-top:auto;justify-content:center;width:100%}
@media (max-width:880px){.paths{grid-template-columns:1fr}}

.steps{list-style:none;margin-top:34px;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
.steps .n{font-family:'Anton',sans-serif;font-size:1.7rem;color:var(--ember);line-height:1}
.steps .t strong{display:block;font-family:'Anton',sans-serif;font-size:1.2rem;letter-spacing:.02em;text-transform:uppercase;margin-bottom:5px}
.steps .t p{font-size:.95rem;color:rgba(21,23,15,.68);line-height:1.5;margin:0}

/* ---------- TRIAL/JOIN GRID ---------- */
.join-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:start}
.join-copy h2{margin-bottom:22px}
.join-copy h2 em{font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:var(--ember);text-transform:none;font-variation-settings:'opsz' 144}
.join-copy p{font-size:1.08rem;line-height:1.72;color:rgba(21,23,15,.82);margin-bottom:18px;max-width:500px}
@media (max-width:900px){.join-grid{grid-template-columns:1fr;gap:40px}}

/* ---------- CONTACT ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.contact-info h2{margin-bottom:22px}
.contact-info h2 em{font-family:'Fraunces',serif;font-style:italic;font-weight:300;color:var(--ember);text-transform:none;font-variation-settings:'opsz' 144}
.contact-info p{font-size:1.08rem;line-height:1.7;color:rgba(21,23,15,.82);margin-bottom:20px;max-width:460px}
.cblocks{margin-top:28px;border-top:1px solid var(--line)}
.cblocks li{list-style:none;display:grid;grid-template-columns:130px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.cblocks .k{font-family:'JetBrains Mono',monospace;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sand-deep);padding-top:3px}
.cblocks .v{font-size:1.04rem;color:var(--ink);line-height:1.5}
.cblocks .v a{color:var(--ember);border-bottom:1px solid var(--sand)}
.cblocks .v small{display:block;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(21,23,15,.5);margin-top:5px}
.wa-card{background:var(--moss);color:var(--bone);padding:40px 34px;position:relative;overflow:hidden;margin-bottom:24px}
.wa-card .tag{margin-bottom:18px}
.wa-card h3{color:var(--bone);font-size:1.7rem;margin-bottom:12px}
.wa-card p{font-size:.98rem;line-height:1.6;color:rgba(242,237,227,.82);margin-bottom:22px}
@media (max-width:880px){.contact-grid{grid-template-columns:1fr;gap:40px}.cblocks li{grid-template-columns:1fr;gap:5px}}