/* ── Sun Valley / Better Your Best theme — shared by /start, /getting-started (and the palette /chairmans uses inline).
   Loads AFTER /site.css and overrides its variables, so every site.css primitive (.btn, .hdr, .wrap, .sheet …)
   re-renders in the flyer palette. Page-specific layout stays in each page's own <style>.
   Palette sampled from the 2026 flyer + kickoff e-mail:
     paper   #f2e8df / #eee3cf   cream card #faf4ea
     red     #b05643 (terracotta band) · #c0392b brick (script wordmark)
     teal    #6f9d9a stamp · #9fac9b sage
     gold    #d9a441 star · #f0d8a0 highlight
     navy    #22313f text · #1a2733 board
   Fonts (load in <head>): Inter · Lobster (script) · Oswald (condensed caps) · JetBrains Mono (numbers). */
:root{
  --paper:#f2e8df;--paper2:#eee3cf;--card:#faf4ea;--card2:#fbf6ee;--bg:var(--paper);
  --red:#b05643;--red2:#c0392b;--red-d:#8f3f31;--teal:#6f9d9a;--teal-d:#527d7b;--sage:#9fac9b;--sage-s:#e3e8e1;
  --gold:#d9a441;--gold-l:#f0d8a0;--gold-s:#f6ecd4;
  --navy:#22313f;--navy2:#1a2733;--navy3:#2b3d4f;
  --ink:var(--navy);--ink2:#4c5a68;--ink3:#7a8592;--ink4:#a4adb7;--line:#d9cbb8;--line2:#e6dccb;
  --grad:linear-gradient(135deg,#b6483a,#c95a45);--grad2:linear-gradient(135deg,#b05643,#c0392b);
  --pi:var(--teal-d);--ps:var(--sage-s);--bi:var(--teal-d);--bs:var(--sage-s);
  --green:#527d7b;--green2:#3f6664;--gs:var(--sage-s);--purple:var(--red);--blue:var(--teal-d);
  --sh:0 1px 2px rgba(34,49,63,.06),0 8px 24px rgba(34,49,63,.08);--shl:0 24px 60px rgba(34,49,63,.18);
}
body{background:var(--paper);color:var(--ink)}
/* paper grain */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .45 0 0 0 .18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
body>*{position:relative;z-index:1}
.wrap{max-width:1160px}
.cond{font-family:'Oswald',Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.script{font-family:'Lobster',cursive;font-weight:400;letter-spacing:0;text-transform:none}
:focus-visible{outline:3px solid rgba(176,86,67,.45)}

/* header */
.hdr{background:rgba(242,232,223,.92);border-bottom:1px solid var(--line2)}
.hdr.scrolled{border-bottom-color:var(--line);box-shadow:0 4px 20px rgba(34,49,63,.06)}
.brand{color:var(--navy)}
.brand-icon{background:var(--navy);box-shadow:0 4px 12px rgba(34,49,63,.25);border-radius:8px}
.nav a{color:var(--ink2);font-weight:600}.nav a:hover{background:var(--paper2);color:var(--navy)}
.btn{border-radius:8px;font-family:'Oswald',Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:14px}
.btn.g{background:var(--red);color:#fff;box-shadow:0 2px 0 var(--red-d),0 8px 18px rgba(176,86,67,.25)}
.btn.g:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 3px 0 var(--red-d),0 10px 24px rgba(176,86,67,.3)}
.btn.o{background:var(--card);border:2px solid var(--navy);color:var(--navy);box-shadow:3px 3px 0 var(--line)}
.btn.o:hover{background:var(--card2);border-color:var(--navy)}
.btn.ghost{color:var(--navy)}.btn.ghost:hover{background:var(--paper2)}
.btn.white{background:var(--paper);color:var(--red-d);box-shadow:0 2px 0 rgba(0,0,0,.15)}
.btn.teal{background:var(--teal);color:#fff;box-shadow:0 2px 0 var(--teal-d)}
.btn.teal:hover{filter:brightness(1.05);transform:translateY(-1px)}
.lang{display:inline-flex;border:1.5px solid var(--navy);border-radius:6px;overflow:hidden;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.1em;margin-left:6px}
.lang button{background:transparent;border:0;color:var(--navy);padding:6px 9px;cursor:pointer;font:inherit;letter-spacing:inherit}
.lang button.on{background:var(--navy);color:var(--paper)}

/* stamps & badges */
.stamp{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--red);color:var(--red-d);border-radius:8px;padding:6px 12px 6px 10px;font-family:'Oswald',sans-serif;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;background:rgba(250,244,234,.7);box-shadow:inset 0 0 0 3px var(--card),inset 0 0 0 4px rgba(176,86,67,.35)}
.stamp .star{color:var(--gold);font-size:14px;line-height:1}
.stamp .days{background:var(--gold);color:var(--navy);border-radius:4px;padding:2px 7px;font-weight:600;letter-spacing:.06em}
.stamp .sep{opacity:.5}
.kicker{font-family:'Oswald',sans-serif;background:transparent;border:1.5px solid var(--red);color:var(--red-d);border-radius:6px;letter-spacing:.14em}

/* script wordmark ("Better Your Best") */
.wordmark{display:block;font-family:'Lobster',cursive;font-size:clamp(40px,4.6vw,58px);line-height:1;color:var(--red2);margin:22px 0 2px;transform:rotate(-3deg);transform-origin:left bottom;
  text-shadow:2px 2px 0 var(--paper),-2px 2px 0 var(--paper),2px -2px 0 var(--paper),-2px -2px 0 var(--paper),4px 5px 0 rgba(34,49,63,.18)}
.h1.cond-h1{font-family:'Oswald',Inter,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(38px,4.8vw,64px);line-height:.98;margin:8px 0 18px;color:var(--navy)}
.h1.cond-h1 .gt{display:block;background:none;-webkit-text-fill-color:currentColor;color:var(--red)}
.lede{color:var(--ink2);font-size:clamp(16px,1.35vw,18.5px)}
.h2.script-h2{font-family:'Lobster',cursive;font-weight:400;letter-spacing:0;color:var(--navy);font-size:clamp(30px,3.4vw,42px)}

/* numbered stamp circles (flyer "How to qualify") */
.num-stamp{width:54px;height:54px;border-radius:50%;background:var(--card);border:3px solid var(--red);color:var(--navy);font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;display:grid;place-items:center;box-shadow:inset 0 0 0 3px var(--card),inset 0 0 0 4px var(--red);flex:none}
.num-stamp.done{background:var(--teal);border-color:var(--teal-d);color:#fff;box-shadow:inset 0 0 0 3px var(--teal),inset 0 0 0 4px rgba(255,255,255,.7)}
.step{background:var(--card);border:2px solid var(--navy);border-radius:12px;box-shadow:4px 4px 0 var(--line)}
.step .num{width:54px;height:54px;border-radius:50%;background:var(--card);border:3px solid var(--red);color:var(--navy);font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;box-shadow:inset 0 0 0 3px var(--card),inset 0 0 0 4px var(--red);margin-bottom:16px}
.step h3{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:17px;color:var(--navy)}

/* mountain range (pure SVG, no photos) */
.range{display:block;width:100%;height:150px;margin-top:22px;position:relative;z-index:1;background:linear-gradient(to bottom,transparent 55%,rgba(159,172,155,.18))}
.sun{position:absolute;width:78px;height:78px;color:var(--gold);z-index:3;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(34,49,63,.25));animation:twinkle 4s ease-in-out infinite}
@keyframes twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(6deg)}}

/* video player — lodge board frame, 16:9, themed poster */
.player{position:relative;aspect-ratio:16/9;background:var(--navy2);border:2px solid var(--navy3);border-radius:14px;overflow:hidden;box-shadow:var(--shl),inset 0 0 0 1px rgba(255,255,255,.04);color:var(--paper)}
.player::after{content:"";position:absolute;inset:8px;border:1px solid rgba(217,164,65,.28);border-radius:9px;pointer-events:none;z-index:3}
.player video,.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:block}
.player .poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;cursor:pointer;z-index:2;
  background:radial-gradient(600px 300px at 50% 110%,rgba(111,157,154,.35),transparent 60%),linear-gradient(180deg,#1a2733,#22313f)}
.player .poster .range-mini{position:absolute;left:0;right:0;bottom:0;height:34%;opacity:.55;pointer-events:none}
.player .poster .ptitle{font-family:'Lobster',cursive;font-size:clamp(22px,2.6vw,34px);color:var(--gold-l);text-shadow:2px 2px 0 rgba(0,0,0,.35);position:relative}
.player .poster .psub{font-family:'Oswald',sans-serif;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,232,223,.7);position:relative}
.player .poster .play{width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 3px 0 var(--red-d),0 12px 28px rgba(0,0,0,.35);transition:transform .15s;position:relative}
.player .poster:hover .play{transform:scale(1.06)}
.player .poster.soon{cursor:default}
.player .poster.soon .play{background:var(--teal);box-shadow:0 3px 0 var(--teal-d)}
.player .poster.soon .soon-tag{display:inline-block;border:1.5px dashed rgba(240,216,160,.7);color:var(--gold-l);border-radius:6px;padding:4px 10px;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-2deg);position:relative}
.player.playing .poster{display:none}
.player .badge-len{position:absolute;right:14px;top:12px;z-index:3;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold-l);background:rgba(0,0,0,.35);border-radius:4px;padding:2px 6px}

/* CTA band — terracotta like the kickoff e-mail */
.cm-cta{background:var(--red);color:#fff;padding:60px 0 64px;text-align:center;margin-top:52px;position:relative;overflow:hidden}
.cm-cta .range2{position:absolute;left:0;right:0;bottom:0;height:90px;opacity:.18;pointer-events:none}
.cm-cta .wrap{position:relative}
.cm-cta .pre{font-family:'Lobster',cursive;font-size:clamp(24px,2.6vw,32px);color:var(--gold-l);display:block;margin-bottom:6px;transform:rotate(-2deg)}
.cm-cta h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:.02em;line-height:1.05}
.cm-cta p{color:rgba(255,255,255,.82);margin:12px 0 24px;font-size:16px}
.cm-foot{padding:28px 0;font-size:12.5px;color:var(--ink3);text-align:center}
.cm-foot a{color:var(--red-d)}

/* signup sheet (markup from signup-sheet.js, primitives from site.css) in the flyer palette */
.sheet{background:var(--card)}
.sheet .top{border-bottom-color:var(--line)}
.sheet h2{font-family:'Oswald',Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:700;color:var(--navy)}
.pst.on .n{background:var(--red)}
.pst.dn .n{background:var(--teal);color:#fff}
.psep.dn{background:var(--teal)}
.inp input,.emailgroup,.cbx{background:#fff;border-color:var(--line)}
.inp input:focus,.emailgroup:focus-within,.cbx:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(176,86,67,.16)}
.found .fh{background:var(--navy2)}
.found .fh .av{background:var(--red)}
.scheck{background:var(--sage-s);color:var(--teal-d)}
.alt a,.alt button,.asuser button{color:var(--red-d)}
.toast{background:var(--navy)}

@media (max-width:980px){.range{height:96px}.sun{display:none}}
@media (max-width:640px){.nav{display:none}.hdr .wrap{gap:10px}.brand{font-size:17px}.wordmark{font-size:38px}.h1.cond-h1{font-size:40px}.stamp{font-size:11px;padding:6px 10px;flex-wrap:wrap;row-gap:4px}.num-stamp{width:44px;height:44px;font-size:21px}}
