@font-face{font-family:'Syncopate';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/syncopate-700.woff2) format('woff2')}
@font-face{font-family:'Tenor Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tenor-sans-400.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-400.woff2) format('woff2')}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{color:#fff8ee;background:#1e140c;font-family:"Tenor Sans",sans-serif}
.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;padding:0 7vw}
.scene{position:absolute;inset:-3%;background:url(/img/hero.jpg) center/cover;animation:drift 60s ease-in-out infinite alternate;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(40,22,8,.66) 0%,rgba(40,22,8,.38) 34%,transparent 60%)}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.04) translateX(-1%)}}
@media (prefers-reduced-motion:reduce){.scene{animation:none}}
.ar{font-family:"Cormorant Garamond",serif;font-size:1.6rem;color:#f7c98a;margin-bottom:.6rem}
h1{line-height:1;text-shadow:0 2px 30px rgba(60,30,0,.5)}
h1 b{color:#F7931A;font-weight:inherit}
.tag{margin-top:2rem;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:.14em;text-transform:uppercase;line-height:1.75}
.tag span{display:block}
.tag span:nth-child(2){padding-left:1.2em}.tag span:nth-child(3){padding-left:2.4em}
.cta{display:inline-block;cursor:default;margin-top:2.4rem;padding:.9rem 1.8rem;border:1px solid #f7c98a;color:#fff8ee;text-decoration:none;letter-spacing:.2em;font-size:.8rem;text-transform:uppercase;background:rgba(247,147,26,.18)}
h1{font-family:Syncopate,sans-serif;font-weight:700;font-size:clamp(3.4rem,8vw,7.4rem);letter-spacing:.18em}
h1 b{display:inline}
h1 .btc{display:inline-block;width:0.9302em;height:0.6709em;vertical-align:baseline;margin-right:.18em;overflow:visible;filter:drop-shadow(0 2px 30px rgba(60,30,0,.5)) drop-shadow(0 0 .07em rgba(247,147,26,.28))}

/* ---- motion pass ---- */
.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.scene .haze{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 80% 70% at 66% 38%,#ffe6c2 0%,#f1bd84 45%,#b87c48 100%)}
.mo .scene{animation:drift 60s ease-in-out infinite alternate,sceneIn 2.6s cubic-bezier(.33,1,.68,1) both}
.mo .scene .haze{animation:hazeOut 2.4s cubic-bezier(.33,1,.68,1) both}
.mo .ar,.mo h1{animation:up 1.1s cubic-bezier(.16,1,.3,1) .9s both}
.mo .ar{animation-delay:.82s}
.mo .tag span{animation:up 1.05s cubic-bezier(.16,1,.3,1) both}
.mo .tag span:nth-child(1){animation-delay:1.45s}.mo .tag span:nth-child(2){animation-delay:1.63s}.mo .tag span:nth-child(3){animation-delay:1.81s}
.mo .cta{animation:pop .9s cubic-bezier(.16,1,.3,1) 2.2s both}
@keyframes sceneIn{from{filter:blur(10px) saturate(.7)}to{filter:none}}
@keyframes hazeOut{from{opacity:1}to{opacity:0}}
@keyframes up{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes pop{from{opacity:0;transform:scale(.88);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.mo .scene,.mo .scene .haze,.mo .ar,.mo h1,.mo .tag span,.mo .cta{animation:none}.scene canvas{display:none}}
a.cta{cursor:pointer}