/* v19b: Snow/Water chooser, collection dropdown, scroll offsets */
:root{--navh:56px;--jumph:64px}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#gallery,#fit,#signup,#join,#choose,#snow-preview,#water-preview{scroll-margin-top:calc(var(--navh) + 12px)}
#gallery .collection{scroll-margin-top:calc(var(--navh) + var(--jumph) + 12px)}
#gallery .collection>h3:focus{outline:none}
/* dropdown (sticky just under the top nav) */
.jumpbar{position:sticky;top:var(--navh);z-index:15;display:flex;align-items:center;gap:10px;margin:12px 0 16px;padding:10px 12px;border-radius:14px;background:rgba(12,13,16,.9);border:1px solid rgba(232,163,61,.55);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.jumpbar label{font-weight:700;color:#fff;white-space:nowrap}
.jumpbar select{flex:1 1 auto;min-width:0;min-height:44px;font:inherit;font-size:1rem;color:#fff;background:#14171A;border:1px solid rgba(232,163,61,.7);border-radius:10px;padding:8px 12px;cursor:pointer}
.jumpbar select:focus-visible{outline:3px solid #E8A33D;outline-offset:2px}
@media(max-width:700px){.jumpbar select{font-size:.9rem;padding:8px 8px}.jumpbar{gap:8px;padding:8px 10px}.jumpbar .hide-sm{display:none}}
/* chooser + previews on / */
.chooser{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.ch-tile{position:relative;display:block;min-height:280px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.2);isolation:isolate}
.ch-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .4s}
.ch-tile:hover img,.ch-tile:focus-visible img{transform:scale(1.04)}
.ch-tile:focus-visible{outline:3px solid #E8A33D;outline-offset:3px}
.ch-txt{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;height:100%;min-height:280px;padding:22px;background:linear-gradient(0deg,rgba(8,9,11,.92),rgba(8,9,11,.2) 75%)}
.ch-txt b{font-size:1.6rem;color:#fff}
.ch-txt span{color:#e8e6f0!important}
.ch-txt em{font-style:normal;font-weight:700;color:#E8A33D}
@media(max-width:700px){.chooser{grid-template-columns:1fr}.ch-tile,.ch-txt{min-height:210px}}
.gallery.prev{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery.prev .card img{width:100%;height:auto;display:block;border-radius:10px}
@media(max-width:700px){.gallery.prev{grid-template-columns:repeat(2,1fr);gap:10px}}
.prev-more{margin:16px 0 0;text-align:center}
/* snow page keeps the same card grid as before (3 across on wide screens, 1 on phones) */
@media(min-width:720px){body.snow:has(.whero) #gallery .gallery{grid-template-columns:repeat(3,1fr)}}
.gallery.prev{align-items:start}