/* home.css - homepage only. Homepage is a HUB, not the weekly menu page. */
.hero{padding-block:var(--space-16) var(--space-20)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,80px);align-items:center}
.hero__h1{font-size:var(--text-hero);margin-top:var(--space-5)}
.hero__h1 em{font-style:italic;font-weight:700;color:var(--color-accent-deep)}
.hero__sub{margin-top:var(--space-5);font-size:var(--text-lg);color:var(--color-ink-soft);max-width:50ch}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}
.hero__strip{display:flex;gap:var(--space-8);margin-top:var(--space-10);flex-wrap:wrap}
.hero__stat b{display:block;font-family:var(--font-display);font-weight:900;font-size:var(--text-title);line-height:1}
.hero__stat span{font-size:var(--text-sm);color:var(--color-ink-soft)}

.week-cta{padding-block:var(--space-12);display:flex;justify-content:center}

.next__in{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;padding-block:var(--space-section)}
.next h2{font-size:var(--text-title);margin-top:var(--space-3)}
.next p{margin-top:var(--space-4);max-width:50ch}
.next .btn--rose{margin-top:var(--space-8)}
.leaks{display:flex;flex-direction:column;gap:var(--space-3)}
.leak{display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--color-line-invert-ui);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);transition:border-color .2s,background .2s}
.leak:hover{border-color:rgba(255,249,245,.55);background:rgba(255,249,245,.04)}
.leak b{font-weight:800;letter-spacing:-.02em;font-size:var(--text-lg)}
.leak .tag{margin-left:auto}

.explore h2{font-size:var(--text-title);margin-top:var(--space-3)}
.explore__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-10)}
.exp{border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:var(--space-10);text-decoration:none;display:block;transition:transform .22s,box-shadow .22s,border-color .22s}
.exp:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:transparent}
.exp h3{font-size:var(--text-2xl)}
.exp p{margin-top:var(--space-3);color:var(--color-ink-soft);max-width:44ch}
.exp__go{display:inline-block;margin-top:var(--space-6);font-weight:700;border-bottom:2px solid var(--color-accent);padding-bottom:2px}
.exp__stats{display:flex;gap:var(--space-8);margin-top:var(--space-6)}
.exp__n{font-family:var(--font-display);font-weight:900;font-size:var(--text-title);line-height:1}
.exp__l{font-size:var(--text-sm);color:var(--color-ink-soft)}

.subs__in{padding-block:var(--space-section);text-align:center}
.subs h2{font-size:var(--text-title);margin-top:var(--space-3)}
.subs p{max-width:54ch;margin:var(--space-4) auto 0}
.subs__form{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-8);flex-wrap:wrap}
.subs__form .field{min-width:min(340px,80vw);width:auto}
.subs__note{margin-top:var(--space-4);font-size:var(--text-xs);color:rgba(255,249,245,.5)}

@media (max-width:1020px){
  .hero__grid,.next__in,.explore__grid{grid-template-columns:1fr}
  .cover{max-width:460px}
}
@media (max-width:859px){
  .hero{padding-block:var(--space-10) var(--space-12)}
  .cover__ck{width:min(220px,62%);margin-block:var(--space-8) var(--space-5)}
}