/* ══════════════════════════════════════════════════════════════
   RESPONSIVE · desktop-first breakpoints
   Grids collapse progressively; nav → drawer at 1000px
   ══════════════════════════════════════════════════════════════ */

/* ≤1280 - ease the 6-col grids */
@media (max-width:1280px){
  .nft{grid-template-columns:repeat(4,1fr)}
}

/* ≤1000 - tablet landscape: nav becomes a burger */
@media (max-width:1000px){
  .cast{grid-template-columns:repeat(3,1fr)}
  .road{grid-template-columns:repeat(2,1fr)}
  .tok{grid-template-columns:repeat(2,1fr)}
  .exg__row{grid-template-columns:repeat(3,1fr)}
  .faq-wrap{grid-template-columns:1fr;gap:2.4rem}
  .faq-intro{position:static}
}

/* nav collapses to a burger on tablet and smaller */
@media (max-width:960px){
  .nav__links,.nav__actions{display:none}
  .nav__burger{display:grid}
  .nav__brand{margin-right:auto}          /* logo hard-left, burger hard-right */
}

/* keep the full nav comfortable in the 769-920px band */
@media (min-width:769px) and (max-width:920px){
  .nav__in{gap:1rem;padding-left:1.1rem}
  .nav__links{gap:1.05rem}
  .nav__links a{font-size:.84rem;white-space:nowrap}
  .nav__soc{display:none}                 /* drop socials first; Buy stays */
}

/* ≤820 - tablet portrait */
@media (max-width:820px){
  .split{grid-template-columns:1fr;gap:2.4rem}
  .split__text{order:2}
  .split__art{order:1}
  .split__art img{width:min(440px,92%)}
  .cards-3{grid-template-columns:repeat(3,1fr)}
  .nft{grid-template-columns:repeat(3,1fr)}
  .head-row{flex-direction:column;align-items:flex-start;gap:1rem}
  .lead--right{text-align:left;max-width:56ch}
  .foot__grid{grid-template-columns:1fr 1fr;gap:1.8rem}
  .foot__brand{grid-column:1 / -1}
  .hero__stats{gap:0}
  .stat{padding:.8rem 1rem}
  .cast{max-width:680px}
  .nft{gap:.7rem}
}

/* ≤600 - large phone */
@media (max-width:600px){
  :root{--sec-y:clamp(2.75rem,10vw,3.75rem)}
  .cast{grid-template-columns:repeat(2,1fr)}
  .road{grid-template-columns:1fr}
  .road--crazy{grid-template-columns:repeat(2,1fr)}
  .tok{grid-template-columns:repeat(2,1fr)}
  .exg__row{grid-template-columns:repeat(3,1fr)}
  .nft{grid-template-columns:repeat(2,1fr)}
  .bstep__body{padding-left:1.4rem}
  .bstep summary{padding-right:2.8rem}
  .foot__legal{flex-direction:column;gap:.8rem}
  .hero__title{letter-spacing:-.03em}
  .tok__docs .btn,.hero__cta .btn{width:auto}
  /* contract pill: label + copy on one row, address on its own line below */
  .ca{width:100%;flex-wrap:wrap;gap:.5rem .7rem;padding:.75rem .75rem .75rem 1rem;row-gap:.35rem}
  .ca__label{order:1}
  .ca__btn{order:2;margin-left:auto}
  .ca code{order:3;flex-basis:100%;font-size:.72rem}
  .ca--center{max-width:100%}
  /* about graphic - prominent on phone */
  .split__art{max-width:100%;margin-inline:auto}
  .split__art img{width:min(92%,420px);max-width:none;max-height:none}
  .split__halo{inset:16% 24%}
}

/* ≤480 - phone */
@media (max-width:480px){
  .nav{width:calc(100% - 1.6rem)}
  .nav__in{padding:.5rem .5rem .5rem 1rem}
  .hero__cta{flex-direction:column;align-items:stretch}
  .hero__cta .btn{width:100%}
  .tok{grid-template-columns:1fr 1fr}
  .foot__grid{grid-template-columns:1fr 1fr}
  .cta__soc{flex-direction:column;align-items:stretch}
  .cta__soc a{justify-content:center}
}

/* ≤380 - small phone (360/375) */
@media (max-width:380px){
  .cast{grid-template-columns:repeat(2,1fr)}
  .nft{grid-template-columns:repeat(2,1fr)}
  .stat b{font-size:1.4rem}
  .foot__grid{grid-template-columns:1fr}
}

/* ≤340 - 320px */
@media (max-width:340px){
  .tok{grid-template-columns:1fr}
  .exg__row{grid-template-columns:1fr 1fr 1fr}
  .hero__stats{flex-wrap:wrap}
}

/* short landscape: keep hero usable */
@media (max-height:640px) and (min-width:820px){
  .hero{min-height:auto;padding-block:5.5rem 1.5rem}
  .hero__cast{width:min(680px,70%);max-height:250px}
}

/* pointer-fine only niceties already gated in JS */
@media (hover:none){
  .cursor-glow{display:none}
}

/* hero cast scales down on small heights so text leads */
@media (max-width:600px){
  .hero__cast{max-height:clamp(180px,26vh,300px)}
  .hero{min-height:auto}
  .hero__stage{margin-top:1.4rem}
  .hero__content{padding-bottom:.5rem}
  .hero{min-height:auto;padding-top:6.4rem;padding-bottom:1rem}
  .hero__title{font-size:clamp(2.85rem,13vw,4.1rem)}
  .hero__cast{max-height:245px;max-width:94%}
  .hero__stats{display:grid;grid-template-columns:repeat(2,1fr);width:min(350px,calc(100% - 2rem));gap:0}
  .cards-3{grid-template-columns:1fr}
  .stat{padding:.55rem .25rem}
  .exg__row{gap:.55rem}.ex{margin-top:1rem}
  .ex a{padding:.8rem .45rem}
  .tok{gap:.55rem}.tcell{padding:1rem .85rem}
  .road{gap:.7rem}.faq-intro{position:static}
  .cta__turtle{opacity:.42;width:100px}
}