/* Homepage art-direction experiment. Intentionally scoped to .home-page. */
.home-page{background:#fbfaf5}
.home-page .hero{min-height:700px;padding:88px clamp(24px,8vw,128px) 36px;grid-template-columns:1.08fr .92fr;gap:3vw;background:linear-gradient(180deg,#d9f1f0 0%,#eef8f5 72%,#fbfaf5 100%)}
.home-page .hero-copy{max-width:760px}
.home-page .hero h1{font-size:clamp(4rem,7vw,7.4rem);line-height:.91;max-width:780px;margin:.14em 0 .24em}
.home-page .hero .lede{font-size:clamp(1.08rem,1.5vw,1.3rem);max-width:570px;color:#43525b}
.home-page .hero-tags,.home-page .hero-label,.home-page .hero-doodle{display:none}
.home-page .hero-asher{min-height:560px;align-items:flex-end}
.home-page .hero-bubble{border:0;box-shadow:none;background:#f5cf58;width:min(32vw,450px);opacity:.96}
.home-page .hero-asher img{filter:drop-shadow(0 18px 20px rgba(37,49,59,.12))}
.home-page .button{border:0;border-radius:999px;box-shadow:none;padding:15px 24px}
.home-page .button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(37,49,59,.12)}
.home-page .text-link{text-underline-offset:5px}
.home-page .ticker{border:0;background:transparent;padding:16px clamp(24px,8vw,128px);justify-content:flex-start;gap:26px;color:#52616b;font-size:.65rem}
.home-page .ticker b{color:#d6a933}
.home-page .section-shell{padding:110px clamp(24px,8vw,128px)}
.home-page .section-heading{max-width:1180px;grid-template-columns:1.2fr .8fr;margin-bottom:56px}
.home-page .section-heading h2{font-size:clamp(3.2rem,5vw,5.4rem)}
.home-page .section-intro{color:#66747b;font-size:1.05rem;line-height:1.7}
.home-page .door-grid{gap:0;border-top:1px solid rgba(37,49,59,.18);border-bottom:1px solid rgba(37,49,59,.18)}
.home-page .door-card{position:relative;border:0;border-right:1px solid rgba(37,49,59,.18);box-shadow:none;background:transparent;overflow:visible;padding:34px 30px 38px}
.home-page .door-card:last-child{border-right:0}
.home-page .door-card:hover{transform:translateY(-4px);box-shadow:none}
.home-page .door-art{height:245px;border:0;background:transparent;padding:0;align-items:flex-end}
.home-page .door-art img{max-height:240px;filter:drop-shadow(0 12px 12px rgba(37,49,59,.1));transition:transform .2s ease}
.home-page .door-card:hover .door-art img{transform:scale(1.025)}
.home-page .door-copy{padding:24px 0 0}
.home-page .door-copy h3{font-size:2rem}
.home-page .door-copy p:not(.card-eyebrow){color:#5a6870}
.home-page .door-copy span{padding-top:20px}
.home-page .today-card{position:relative;margin:10px 0 120px;padding:70px clamp(24px,10vw,150px);grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:clamp(40px,8vw,120px);background:#f3e9dc;border:0;box-shadow:none;overflow:visible}
.home-page .today-card:before{content:"TODAY";position:absolute;top:28px;left:clamp(24px,4vw,64px);font-weight:900;font-size:.62rem;letter-spacing:.2em;color:#9c7668}
.home-page .today-art{min-height:360px}
.home-page .today-art:before{width:310px;border:0;background:#fff7d9;box-shadow:none}
.home-page .today-art img{max-height:370px;filter:drop-shadow(0 14px 14px rgba(37,49,59,.11))}
.home-page .today-copy h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.94}
.home-page .today-copy>p:not(.kicker){color:#5d666b;max-width:600px}
.home-page .daily-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#6f777b;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.home-page .daily-meta span{background:transparent!important;border:0!important;padding:0!important}
.home-page .feature-panel{margin:0 0 120px;min-height:640px;border:0;box-shadow:none;grid-template-columns:1fr 1fr}
.home-page .football-panel{background:#285f43}
.home-page .feature-copy{padding:80px clamp(32px,7vw,110px)}
.home-page .feature-copy h2{font-size:clamp(3.5rem,5.5vw,6rem)}
.home-page .feature-pills{gap:16px;margin-top:28px}
.home-page .feature-pills span{padding:0;border:0;border-radius:0;background:transparent;color:#dce9df;font-size:.67rem}
.home-page .feature-pills span:after{content:" ·";margin-left:16px;color:#f3d15b}
.home-page .feature-pills span:last-child:after{content:""}
.home-page .feature-stage{border:0;min-height:640px}
.home-page .meet-teaser{padding-top:80px;padding-bottom:130px}
.home-page .meet-shape{border:0;box-shadow:none;background:#f1c8bd}
.home-page .meet-art img{filter:drop-shadow(0 16px 16px rgba(37,49,59,.11))}
.home-page .meet-copy h2{font-size:clamp(3.5rem,5vw,5.8rem)}
.home-page .meet-copy p{color:#59666d;max-width:600px}
.home-page .clubhouse-rule{margin:0;padding:70px clamp(24px,8vw,128px) 0;border:0;box-shadow:none;grid-template-columns:minmax(180px,280px) 1fr}
.home-page .rule-copy{max-width:850px}
.home-page .rule-copy h2{font-size:clamp(3rem,4.8vw,5rem)}
@media(max-width:820px){
 .home-page .hero{padding:54px 24px 20px;grid-template-columns:1fr}
 .home-page .hero-asher{min-height:420px}
 .home-page .hero-bubble{width:min(72vw,370px)}
 .home-page .ticker{padding-inline:24px}
 .home-page .section-shell{padding:78px 24px}
 .home-page .door-grid{grid-template-columns:1fr;border-bottom:0}
 .home-page .door-card,.home-page .door-card:last-child{border-right:0;border-bottom:1px solid rgba(37,49,59,.18);padding-inline:10px}
 .home-page .today-card{grid-template-columns:1fr;padding:70px 24px 50px;margin-bottom:80px}
 .home-page .today-art{order:2;min-height:300px}
 .home-page .feature-panel{grid-template-columns:1fr;margin-bottom:80px}
 .home-page .feature-stage{min-height:500px}
 .home-page .clubhouse-rule{grid-template-columns:1fr;padding-inline:28px}
}
@media(max-width:520px){
 .home-page .hero h1{font-size:3.55rem}
 .home-page .hero-asher{min-height:340px}
 .home-page .ticker{padding-inline:18px}
 .home-page .section-shell{padding:68px 18px!important}
 .home-page .door-card{padding:28px 4px 32px}
 .home-page .door-art{height:220px}
 .home-page .today-card{margin:0 0 68px!important;padding:64px 20px 38px!important}
 .home-page .today-art:before{width:210px}
 .home-page .today-art img{max-height:260px}
 .home-page .feature-panel{margin:0 0 68px!important}
 .home-page .feature-copy{padding:54px 24px}
 .home-page .feature-stage{min-height:420px}
 .home-page .meet-teaser{padding-top:54px!important;padding-bottom:90px!important}
 .home-page .clubhouse-rule{margin:0!important;padding:48px 20px 0!important}
}
/* Mobile composition pass */
@media(max-width:820px){
  .home-page .hero{padding-top:clamp(88px,14vw,112px)}
  .home-page .feature-copy{padding-bottom:42px}
  .home-page .feature-stage{min-height:460px}
}
@media(max-width:520px){
  .home-page .hero{padding-top:96px!important}
  .home-page .hero h1{font-size:clamp(3.15rem,14vw,3.75rem);line-height:.92}
  .home-page .hero .lede{line-height:1.55}
  .home-page .today-card:before{display:none}
  .home-page .today-card{padding-top:46px!important}
  .home-page .feature-copy{padding:48px 24px 32px}
  .home-page .feature-copy h2{font-size:3.25rem}
  .home-page .feature-stage{min-height:360px}
  .home-page .football-passer{width:68%;left:0;bottom:-2%}
  .home-page .football-playbook{width:43%;right:-5%;top:7%}
  .home-page .meet-art{min-height:360px!important}
  .home-page .meet-art img{width:min(92%,430px)}
}
/* Final mobile rhythm pass */
@media(max-width:820px){
  .home-page .section-heading{grid-template-columns:1fr;gap:14px;align-items:start}
  .home-page .section-heading .section-intro{margin:0;max-width:34rem}
  .home-page .feature-panel{margin-bottom:0}
  .home-page .meet-teaser{padding-top:clamp(92px,14vw,128px)}
  .home-page .clubhouse-rule{scroll-margin-top:110px}
}
@media(max-width:520px){
  .home-page .section-heading{gap:10px}
  .home-page .section-heading h2{margin-bottom:.08em}
  .home-page .section-intro{font-size:1rem;line-height:1.6}
  .home-page .feature-panel{margin-bottom:0!important}
  .home-page .meet-teaser{padding-top:92px!important}
  .home-page .clubhouse-rule{padding-top:64px!important}
  .home-page .rule-copy{padding-top:4px}
  .home-page .rule-copy .kicker{margin-bottom:14px}
  .home-page .rule-copy h2{margin-top:0;line-height:1}
}
/* Editorial finishing pass: softer hero composition and tighter vertical rhythm */
.home-page .hero-bubble{
  width:min(42vw,620px);
  aspect-ratio:1.18/1;
  right:-8%;
  bottom:2%;
  border-radius:58% 42% 52% 48%/46% 58% 42% 54%;
  transform:rotate(-8deg);
  background:#f4d56a;
  opacity:.82;
}
@media(max-width:820px){
  .home-page .hero{min-height:auto;padding-bottom:10px}
  .home-page .hero-asher{min-height:390px}
  .home-page .hero-bubble{width:min(86vw,500px);right:-12%;bottom:-2%}
  .home-page .meet-teaser{scroll-margin-top:110px}
  .home-page .meet-copy{position:relative;z-index:2}
}
@media(max-width:520px){
  .home-page .hero{padding-top:88px!important;padding-bottom:4px}
  .home-page .hero h1{margin-bottom:.18em}
  .home-page .hero-actions{margin-top:2px}
  .home-page .hero-asher{min-height:310px}
  .home-page .hero-bubble{width:92vw;right:-24%;bottom:-5%;border-radius:61% 39% 55% 45%/48% 61% 39% 52%}
  .home-page .today-card{padding-bottom:28px!important}
  .home-page .today-art{min-height:245px}
  .home-page .today-art img{max-height:245px}
  .home-page .meet-teaser{scroll-margin-top:104px}
}
/* Correct regressions from the previous finishing pass. */
.home-page .hero-bubble{
  width:min(38vw,540px);
  aspect-ratio:1;
  right:auto;
  left:50%;
  bottom:7%;
  transform:translateX(-50%) rotate(-7deg);
  border-radius:54% 46% 48% 52%/50% 44% 56% 50%;
  background:#f4d56a;
  opacity:.82;
}
.home-page .door-card{overflow:visible}
.home-page .door-art{overflow:visible}
.home-page .door-art img{max-width:100%;object-fit:contain}
.home-page .today-card{overflow:visible}
.home-page .today-art{overflow:visible}
.home-page .meet-teaser,.home-page .meet-art{overflow:visible}
@media(max-width:820px){
  .home-page .hero-bubble{width:min(76vw,420px);left:50%;right:auto;bottom:4%;transform:translateX(-50%) rotate(-7deg)}
  .home-page .door-art{height:auto;min-height:245px}
  .home-page .door-art img{max-height:245px}
}
@media(max-width:520px){
  .home-page .hero-bubble{width:min(78vw,330px);left:50%;right:auto;bottom:3%;transform:translateX(-50%) rotate(-7deg)}
  .home-page .door-art{min-height:230px}
  .home-page .door-art img{max-height:225px}
  .home-page .today-art{min-height:270px}
  .home-page .today-art img{max-height:265px;max-width:100%;object-fit:contain}
}
/* Broad art-direction pass: establish a richer editorial system before micro-polish. */
.home-page{--paper:#fbfaf5;--ink:#25313b;--muted:#66747b;--coral:#d95443;--gold:#f2d15d;--green:#285f43}
.home-page main{overflow:hidden}
.home-page .kicker{font-size:.67rem;letter-spacing:.19em}
.home-page .hero{border-bottom:1px solid rgba(37,49,59,.1)}
.home-page .hero-copy:after{content:"";display:block;width:74px;height:4px;background:var(--coral);margin-top:38px;border-radius:999px}
.home-page .hero-actions .text-link{margin-left:4px}
.home-page .ticker{position:relative;max-width:1180px;margin:0 auto;border-bottom:1px solid rgba(37,49,59,.12)}
.home-page .ticker span{color:#68757b}
.home-page .section-heading .kicker{margin-bottom:16px}
.home-page .door-grid{max-width:1280px;margin-inline:auto}
.home-page .door-card:nth-child(2){padding-top:56px}
.home-page .door-card:nth-child(3){padding-top:18px}
.home-page .door-copy h3{font-family:"Arial Rounded MT Bold",Arial,sans-serif;letter-spacing:-.035em;margin:.18em 0 .3em;font-size:clamp(2rem,2.6vw,2.65rem)}
.home-page .door-copy span{color:#9e392e}
.home-page .door-card:focus-visible{outline:4px solid var(--coral);outline-offset:8px}
.home-page .today-card{isolation:isolate}
.home-page .today-card:after{content:"";position:absolute;right:-8vw;top:-12vw;width:28vw;height:28vw;border:1px solid rgba(37,49,59,.08);border-radius:50%;z-index:-1}
.home-page .today-number{position:absolute;right:clamp(22px,6vw,90px);top:28px;font-family:"Arial Rounded MT Bold",Arial,sans-serif;font-size:clamp(3rem,7vw,7rem);line-height:1;color:rgba(114,83,70,.065);letter-spacing:-.06em;pointer-events:none}
.home-page .today-copy{position:relative;z-index:2}
.home-page .today-copy .kicker{color:#a54838}
.home-page .today-copy .button{background:var(--ink)}
.home-page .feature-panel{position:relative}
.home-page .feature-panel:before{content:"";position:absolute;left:50%;top:9%;bottom:9%;width:1px;background:rgba(255,255,255,.14);z-index:5;pointer-events:none}
.home-page .feature-copy{position:relative;z-index:6}
.home-page .feature-copy:after{content:"";position:absolute;left:clamp(32px,7vw,110px);bottom:42px;width:58px;height:3px;background:rgba(255,255,255,.42)}
.home-page .feature-stage{isolation:isolate}
.home-page .field-lines{opacity:.55}
.home-page .meet-teaser{position:relative;isolation:isolate}
.home-page .meet-watermark{position:absolute;left:3vw;top:6%;font-family:"Arial Rounded MT Bold",Arial,sans-serif;font-size:clamp(5rem,13vw,12rem);letter-spacing:-.07em;color:rgba(37,49,59,.035);white-space:nowrap;z-index:-1;pointer-events:none}
.home-page .meet-copy{max-width:680px}
.home-page .meet-copy .text-link{display:inline-flex;align-items:center;gap:8px;text-decoration-thickness:2px}
.home-page .clubhouse-rule{position:relative}
.home-page .rule-star{position:absolute;right:5vw;top:22px;color:rgba(255,217,90,.14);font-size:clamp(5rem,12vw,10rem);line-height:1;pointer-events:none}
.home-page .rule-copy p:last-child{max-width:660px}
.home-page .site-footer{border-top:0}
@media(min-width:821px){
 .home-page .hero-asher{transform:translateY(18px)}
 .home-page .today-art{transform:translateY(26px)}
 .home-page .meet-art{transform:translateY(18px)}
}
@media(max-width:820px){
 .home-page .hero-copy:after{margin-top:28px}
 .home-page .ticker{margin-inline:18px;padding-inline:0}
 .home-page .door-card:nth-child(2),.home-page .door-card:nth-child(3){padding-top:34px}
 .home-page .today-number{top:22px;right:20px;font-size:4.5rem}
 .home-page .feature-panel:before{display:none}
 .home-page .feature-copy:after{left:24px;bottom:20px}
 .home-page .meet-watermark{top:5%;left:14px;font-size:18vw}
}
@media(max-width:520px){
 .home-page .hero-copy:after{width:54px;margin-top:24px}
 .home-page .ticker{margin-inline:18px;gap:22px}
 .home-page .section-heading .kicker{margin-bottom:10px}
 .home-page .door-card:nth-child(2),.home-page .door-card:nth-child(3){padding-top:28px}
 .home-page .today-number{font-size:3.5rem;top:18px;right:14px}
 .home-page .today-card:after{width:220px;height:220px;right:-110px;top:-70px}
 .home-page .feature-copy:after{display:none}
 .home-page .meet-watermark{font-size:19vw;top:3%}
 .home-page .rule-star{font-size:6rem;right:-8px;top:20px}
}
/* Retire the hero backdrop shape. The character is stronger without it. */
.home-page .hero-bubble{display:none!important}