/* v3: darker greys, less pink, water hero, trailer band */
:root{--char:#36393E;--char-2:#2C2F33;--ink:#1C1E21}
.btn-pink{background:var(--white);color:var(--ink)}
.btn-pink:hover{background:var(--pink);color:var(--ink)}
.nav ul .btn{color:var(--ink)}
.kicker{color:var(--muted-d)}
.light .kicker,.white .kicker,.kicker[style]{color:var(--muted-l)!important}
h2 .hand{color:var(--white)}
.light h2 .hand,.white h2 .hand,h2 .hand[style]{color:var(--ink)!important}
.hero .tag{color:var(--white)}
.col.feature .col-head h3,.s-item .n,.zones-label,.thanks .hand,.foot .hand{color:var(--white)}
.col-head h3,.card .num{color:var(--ink)}
.story .big em{background:linear-gradient(transparent 62%,#E4DED6 62%)}
.panela .def{border-color:var(--white)}
.panela .def b,.fact-k{color:var(--muted-d)}
.perks .ck{background:rgba(255,255,255,.1);color:var(--white)}
.field .req,.form-foot small span{color:var(--white)!important}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--white)}
.field [aria-invalid="true"]{border-color:#F2A7B8}
.cloud .ring:nth-child(2){border-color:rgba(255,255,255,.25)}
.cloud .ring:nth-child(3){background:radial-gradient(circle at 35% 30%,#fff 0,#F1EFEC 55%,#D9D6D2 100%);box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.photo .badge{background:var(--white)}
.merch .field input:focus{border-color:var(--ink)}
.white .thanks .hand,.merch .field .err,.merch .form-err{color:var(--ink)}
.hero{background:var(--char);isolation:isolate}
.water{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.water svg{position:absolute;top:-10%;left:0;width:200%;height:120%;animation:drift 60s ease-in-out infinite alternate;opacity:.8}
.water svg+svg{animation-duration:85s;animation-direction:alternate-reverse;opacity:.3;mix-blend-mode:screen}
@keyframes drift{to{transform:translateX(-40%)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(54,57,62,.9) 0%,rgba(54,57,62,.45) 55%,rgba(54,57,62,.15) 100%),linear-gradient(0deg,var(--char) 0%,transparent 30%)}
.hero-in{grid-template-columns:1fr auto}
.hero-logo{width:min(300px,62%);margin-bottom:1.8rem}
.hero h1{font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.035em;margin-bottom:1.2rem;max-width:14ch}
.hero-side{align-self:end}
.pills{flex-direction:column;align-items:flex-end}
.band{background:var(--white);color:var(--ink);padding:clamp(3.5rem,8vw,6rem) 0 clamp(2.5rem,6vw,4rem);overflow:hidden}
.band-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.band h2{font-size:clamp(1.9rem,4vw,3rem)}
.band .lead{color:var(--muted-l)}
.band .road{padding-bottom:18px}
.band .road::after{border-color:rgba(0,0,0,.18);left:-20%;right:-50vw;bottom:8px}
.band h2 .hand{color:var(--pink-ink)}
.band .trailer{filter:none;width:100%;margin:0}
.merch-art.logo-art{background:var(--cream);border-radius:28px;aspect-ratio:4/3;display:grid;place-items:center}
.merch-art.logo-art img{width:62%}
@media (max-width:960px){.hero-in,.band-in{grid-template-columns:1fr}.pills{align-items:flex-start}.hero-side{align-self:start}}
@media (prefers-reduced-motion:reduce){.water svg{animation:none}}