/* ---------------------------------------------------------------------------
   GINO Hunt campaign — stylesheet ported verbatim from the source export
   (GINO_Hunt_Keep_Hunting.html in the project root). Do not hand-edit to "tidy" it; if the
   design changes, re-export and re-extract so this stays a faithful copy.

   The campaign pages are deliberately NOT part of the main www site: no DivMagic
   runtime, no support.js, no React-from-unpkg, no shared header/footer. They are
   plain static HTML so they paint instantly on a phone over event wifi.
--------------------------------------------------------------------------- */
:root{color-scheme:light;--olive:#4d4b2d;--olive-dark:#232719;--cream:#f6f0e4;--gold:#bd9857;--ink:#151713;--white:#fffdf8;--muted:#746f63;--border:#d5cdbb;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#171a11}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 25% 5%,#494c32,transparent 65%),#1c2017}
.page{width:min(100%,520px);min-height:100svh;margin:0 auto;position:relative;background:#faf6ed;box-shadow:0 0 80px #1b1e1326;overflow:hidden}
.brandbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 24px;border-bottom:1px solid var(--border)}.brand-logo{position:relative;width:min(156px,calc(100% - 148px));aspect-ratio:1760 / 402;overflow:hidden;flex-shrink:0}.brandbar .brand-logo img{position:absolute;left:-8.18182%;top:-97.01493%;width:116.36364%;height:294.02985%;max-width:none;object-fit:fill}.station-pill{display:flex;align-items:center;gap:8px;font-size:clamp(9px,2.4vw,12px);letter-spacing:.12em;font-weight:800;color:var(--olive);white-space:nowrap;flex-shrink:0}
main{text-align:center;padding:34px 28px 36px;min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--gold);font-size:14px;font-weight:900;letter-spacing:.13em;margin-bottom:9px}
h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,8.5vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--ink);margin:6px 0 14px}h1 span{display:block;margin-top:10px;font-size:clamp(14px,4.6vw,22px);font-weight:400;line-height:1.5;letter-spacing:0;white-space:nowrap;color:#625d50}
.intro p{font-size:16px;line-height:1.6;color:#625d50;margin:0}.intro p:first-child{font-weight:400;color:#625d50}
.hero{height:clamp(230px,34svh,300px);position:relative;max-width:380px;width:100%;margin:12px auto 14px;overflow:hidden;isolation:isolate}.hero-circle{position:absolute;width:240px;height:240px;left:50%;top:20px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#f3d99c,#bd985714 65%,transparent 66%)}
.gino{position:absolute;width:100%;height:100%;left:0;bottom:0;object-fit:contain;filter:drop-shadow(0 18px 18px #23271924);animation:peek .65s .04s cubic-bezier(.2,.8,.2,1) both;transform-origin:center bottom}
.question{position:absolute;font-family:Georgia,serif;font-style:italic;color:var(--gold);z-index:2;animation:pop .4s .3s both}.question-one{font-size:2.25rem;top:35px;left:25px;transform:rotate(-18deg)}.question-two{font-size:1.6rem;top:75px;right:20px;transform:rotate(16deg);animation-delay:.42s}
.search-corner{position:absolute;width:21px;height:21px;border-color:#bd98577a;border-style:solid;z-index:2;animation:pop .4s .4s both}.corner-one{border-width:1px 0 0 1px;top:22px;left:55px}.corner-two{border-width:0 1px 1px 0;bottom:18px;right:45px}
.next-step{padding:0}h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,6vw,28px);font-weight:800;line-height:1.4;letter-spacing:.06em;color:var(--olive);margin:0 0 8px}h2 span{letter-spacing:0;margin-left:4px}.next-step p{font-size:16px;line-height:1.5;color:#666155;margin:0}

.reveal{animation:fadeUp .4s both}.eyebrow{animation-delay:.45s}.heading{animation-delay:.6s}.intro{animation-delay:.85s}.next-step{animation-delay:1.05s}
@keyframes peek{from{opacity:0;transform:translate(60px,60px) rotate(9deg)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;scale:.65}to{opacity:1;scale:1}}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:700px){body{padding:32px 0}.page{min-height:calc(100svh - 64px);border-radius:30px}main{min-height:calc(100svh - 136px)}}
@media(max-width:360px){.brandbar{padding:8px 24px}main{padding-left:18px;padding-right:18px}h1{font-size:1.8rem}.optional-break{display:none}.question-one{left:10px}.question-two{right:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}