/* SAATAACK 50 — Fixed 50-ball format */
.format-page{--blue:#287cff;--orange:#ff8e2e;--line:#c7c6c0;background:#f5f4ef}
.format-page .topbar{background:linear-gradient(180deg,#050505 0%,#050505c9 62%,transparent)}
.format-page .nav-item.active>a{color:var(--lime)}
.format-page .nav-item.active>a:after{right:0}
.format-page p{font-size:1rem}

.format-hero{position:relative;min-height:940px;display:flex;align-items:flex-end;overflow:hidden;background:#050505;color:#fff;padding:190px 0 clamp(80px,8vw,125px)}
.format-hero-media,.format-hero-media:after,.hero-grid-lines{position:absolute;inset:0}
.format-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:saturate(.72) contrast(1.1)}
.format-hero-media:after{content:"";background:linear-gradient(90deg,#050505fa 0%,#050505ed 43%,#05050580 70%,#05050530),linear-gradient(0deg,#050505f2 0%,transparent 54%)}
.hero-grid-lines{opacity:.1;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.format-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:70px;align-items:end}
.format-hero-copy .display-xl{max-width:1080px;font-size:clamp(4.7rem,9.3vw,10.2rem)}
.format-hero-copy .display-xl>span,.match-structure .display span,.match-flow-section .display span,.why-fifty .display span,.format-next .display span{color:var(--lime)}
.format-hero-copy .lead{color:#ddd;margin:28px 0 35px}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px}
.format-equation{padding:28px;background:#111d;border:1px solid #ffffff42;backdrop-filter:blur(10px)}
.format-equation>span{display:block;padding-bottom:16px;border-bottom:1px solid #ffffff40;color:#aaa;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.format-equation>div{display:grid;grid-template-columns:1fr auto;align-items:end;padding:18px 0;border-bottom:1px solid #ffffff2c}
.format-equation strong{font:900 5.8rem/.7 "Barlow Condensed",Impact,sans-serif;color:#fff}.format-equation small{font-size:.7rem;font-weight:900;text-transform:uppercase;color:#aaa}
.format-equation>b{display:block;margin:-11px 0 -7px;color:var(--pink);font:900 2.7rem/1 "Barlow Condensed",Impact,sans-serif}
.format-equation .total{margin-top:8px;padding:23px 18px;background:var(--lime);color:#000;border:0}.format-equation .total strong,.format-equation .total small{color:#000}

.format-strip{background:var(--lime);border-block:2px solid #000;color:#000}
.format-strip>.wrap{display:grid;grid-template-columns:repeat(5,1fr)}
.format-strip article{min-height:150px;display:flex;flex-direction:column;justify-content:center;padding:22px;border-right:1px solid #000}.format-strip article:first-child{border-left:1px solid #000}
.format-strip strong{font:900 4.5rem/.8 "Barlow Condensed",Impact,sans-serif}.format-strip span{margin-top:13px;font-size:.72rem;font-weight:900;text-transform:uppercase}

.match-structure{background:#efeee8}
.structure-head{display:grid;grid-template-columns:1fr .75fr;gap:clamp(55px,8vw,130px);align-items:end;margin-bottom:60px}.structure-head .display-lg{font-size:clamp(4.6rem,8vw,8.8rem)}.structure-head>.lead{color:#5f5f59;margin:0}
.innings-equation{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:stretch}
.innings-equation article{min-height:400px;display:flex;flex-direction:column;padding:28px;background:#fff;border-top:7px solid var(--blue)}
.innings-equation .second-innings{border-color:var(--pink)}.innings-equation .match-total{background:#0b0b0b;color:#fff;border-color:var(--lime)}
.innings-equation article>span{font-size:.72rem;font-weight:900;text-transform:uppercase;color:#777}.innings-equation article>strong{margin:20px 0 0;font:900 2rem/1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}
.innings-equation article>b{margin:auto 0 18px;font:900 clamp(8rem,14vw,15rem)/.62 "Barlow Condensed",Impact,sans-serif}.innings-equation article>p{max-width:260px;color:#666;line-height:1.45;margin:0}.innings-equation .match-total p{color:#aaa}
.equation-sign{display:grid;place-items:center;font:900 4rem/1 "Barlow Condensed",Impact,sans-serif}

.match-flow-section{background:#0b0b0b;color:#fff}
.flow-heading{/*display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(55px,8vw,130px);align-items:end;*/margin-bottom:55px}.flow-heading .display-lg{font-size:clamp(4.7rem,8vw,8.8rem)}.flow-heading>.lead{color:#aaa;margin:0}
.match-flow{list-style:none;margin:0;padding:0;border-top:1px solid #555}
.match-flow li{display:grid;grid-template-columns:80px 75px minmax(0,1fr);gap:24px;align-items:center;min-height:150px;padding:24px 0;border-bottom:1px solid #555;transition:padding-color .25s ease,background-color .25s ease}
.match-flow li:hover{padding-inline:24px;background:#171717}
.match-flow li>span{font:900 3rem/1 "Barlow Condensed",Impact,sans-serif;color:var(--lime)}
.match-flow li>svg,.match-flow li>img{width:48px;height:48px;object-fit:contain;color:var(--pink)}.match-flow li>img{filter:invert(93%) sepia(100%) saturate(801%) hue-rotate(26deg) brightness(105%)}
.match-flow li>div{display:grid;grid-template-columns:minmax(230px,.6fr) 1.4fr;gap:35px;align-items:center}.match-flow h3{margin:0;font:900 clamp(2.7rem,4.5vw,4.8rem)/.9 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}.match-flow p{max-width:720px;color:#aaa;line-height:1.55;margin:0}

.why-fifty{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#f5f4ef;color:#000}
.why-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:var(--pink);text-align:center;text-transform:uppercase}
.why-visual span{font-size:.72rem;font-weight:900;letter-spacing:.12em}.why-visual strong{font:900 clamp(18rem,34vw,36rem)/.66 "Barlow Condensed",Impact,sans-serif}
.why-copy{align-self:center;padding:clamp(70px,8vw,130px)}.why-copy .display-lg{font-size:clamp(4.4rem,7vw,8rem)}.why-copy .lead{margin:28px 0 20px;color:#222}.why-copy>p:not(.eyebrow):not(.lead){color:#5f5f59;line-height:1.75}
.pressure-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.pressure-points span{padding:10px 13px;border:1px solid #000;font-size:.68rem;font-weight:900;text-transform:uppercase}

.format-next{background:#efeee8;padding-block:clamp(90px,11vw,165px)}
.next-grid{display:grid;grid-template-columns:1fr .72fr;gap:clamp(55px,8vw,130px);align-items:end}.format-next .display-lg{font-size:clamp(4.5rem,8vw,8.7rem)}
.next-copy p{color:#5f5f59;line-height:1.7}.next-copy .btn{margin-top:22px}

@media(max-width:1150px){
  .format-hero-layout{grid-template-columns:minmax(0,1fr) 310px;gap:45px}.format-equation strong{font-size:5rem}
  .format-strip strong{font-size:4rem}.innings-equation{grid-template-columns:1fr 55px 1fr}.innings-equation .match-total{grid-column:1/-1;margin-top:55px}.innings-equation .equation-sign:nth-of-type(2){display:none}
  .why-fifty{grid-template-columns:1fr}.why-visual{min-height:600px}.why-visual strong{font-size:48vw}
}

@media(max-width:900px){
  .format-hero{min-height:820px}.format-hero-layout{grid-template-columns:1fr}.format-equation{display:none}.format-hero-media img{object-position:62% center}.format-hero-media:after{background:linear-gradient(0deg,#050505 0%,#050505e4 58%,#05050543 100%)}
  .format-strip>.wrap{grid-template-columns:repeat(3,1fr)}.format-strip article:nth-child(n+4){border-top:1px solid #000}
  .structure-head,.flow-heading,.next-grid{grid-template-columns:1fr}.structure-head>.lead,.flow-heading>.lead{margin-top:25px}
  .match-flow li>div{display:block}.match-flow p{margin-top:10px}
}

@media(max-width:680px){
  .format-hero{min-height:780px;padding:145px 0 75px}.format-hero-copy .display-xl{font-size:clamp(3.8rem,17vw,6.2rem)}.hero-actions{display:grid}.hero-actions .btn{width:100%}
  .format-strip>.wrap{grid-template-columns:1fr 1fr}.format-strip article{min-height:125px}.format-strip article:nth-child(n+3){border-top:1px solid #000}.format-strip article:last-child{grid-column:1/-1}.format-strip strong{font-size:3.4rem}
  .structure-head .display-lg,.flow-heading .display-lg,.why-copy .display-lg,.format-next .display-lg{font-size:4.3rem}
  .innings-equation{grid-template-columns:1fr}.equation-sign{min-height:80px}.innings-equation .match-total{grid-column:auto;margin-top:0}.innings-equation .equation-sign:nth-of-type(2){display:grid}.innings-equation article{min-height:330px}.innings-equation article>b{font-size:9rem}
  .match-flow li{grid-template-columns:48px 1fr;gap:14px}.match-flow li>svg,.match-flow li>img{display:none}.match-flow li>span{font-size:2.5rem}.match-flow h3{font-size:2.8rem}
  .why-visual{min-height:400px}.why-visual strong{font-size:65vw}.why-copy{padding:70px 25px}
  .next-copy .btn{width:100%}
}

@media(min-width:1800px){.format-hero{min-height:1020px}.innings-equation article{min-height:470px}.why-fifty{min-height:880px}}
@media(prefers-reduced-motion:reduce){.match-flow li{transition:none}}