@property --spin{syntax:'<angle>';initial-value:0deg;inherits:false}
.hero{min-height:760px}
.hero-copy{padding-top:56px;padding-bottom:48px}
.hero h1{margin:28px 0 20px}
.fx .hero h1 span{animation:rise .9s cubic-bezier(.2,.9,.2,1) both}
.fx .hero h1 span:nth-child(2){animation-delay:.12s}
@keyframes rise{from{opacity:0;transform:translateY(40px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.tiny-tag{margin-bottom:6px}

/* launch block */
.launch{width:100%;max-width:640px;margin-top:22px;display:grid;gap:10px}
.fx .launch{animation:rise .8s cubic-bezier(.2,.9,.2,1) .35s both}
.evidence{position:relative;isolation:isolate;display:block;width:100%;text-align:left;padding:18px 20px 18px;background:#30302d;color:#f3eee3;border:0;overflow:hidden;cursor:copy;transition:transform .2s,box-shadow .2s}
.ev-ring{position:absolute;inset:0;z-index:-1;padding:2px;background:conic-gradient(from var(--spin),#d8bd8e 0 16%,#d8bd8e22 28% 72%,#bc8c87 84% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 3.4s linear infinite}
@keyframes spin{to{--spin:360deg}}
.evidence:before{content:'';position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 3px 4px)}
.ev-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 11px 'DM Mono';letter-spacing:.14em;color:#d8bd8e}
.ev-top span{display:flex;align-items:center;gap:9px}
.ev-top b{font-weight:500;background:#d8bd8e;color:#30302d;padding:4px 9px;letter-spacing:.1em}
.ev-led{width:7px;height:7px;border-radius:50%;background:#bc8c87;box-shadow:0 0 0 4px #bc8c8740;animation:pulse 1.6s infinite}
.ev-val{display:block;margin-top:12px;font:500 clamp(14px,1.25vw,19px) 'DM Mono';letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:120px}
.ev-stamp{position:absolute;right:18px;bottom:12px;padding:6px 10px;border:2px solid #bc8c87;color:#bc8c87;font:500 13px 'DM Mono';letter-spacing:.14em;transform:rotate(-8deg);opacity:.9}
.fx .ev-stamp{animation:stamp .5s cubic-bezier(.2,1.6,.4,1) 1.1s both}
@keyframes stamp{from{opacity:0;transform:rotate(-8deg) scale(2.4)}to{opacity:.9;transform:rotate(-8deg) scale(1)}}
.evidence:hover{transform:translateY(-3px);box-shadow:0 14px 30px #30302d40}
.evidence.copied{animation:pop .45s cubic-bezier(.3,1.6,.5,1)}
.evidence.copied .ev-ring{animation-duration:.6s}
@keyframes pop{40%{transform:scale(1.02)}}

.launch-row{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.soc-row{grid-template-columns:1fr 1fr}
.lk{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:66px;padding:0 16px;border:1px solid var(--ink);transition:transform .2s,background .2s,color .2s}
.lk:hover{transform:translateY(-3px)}
.lk-t{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.lk-t small{font:500 9px 'DM Mono';letter-spacing:.16em;opacity:.7;margin-bottom:4px}
.lk-t b{font:700 22px 'Fraunces',serif;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arr{margin-left:auto;font-size:20px;transition:transform .2s}
.lk:hover .arr{transform:translate(3px,-3px)}
.buy{background:#9d7f44;border-color:#9d7f44;color:#fff;animation:breathe 2.6s ease-in-out infinite}
@keyframes breathe{50%{box-shadow:0 0 0 6px #9d7f4426}}
.buy .lk-t b{font-size:26px}
.buy:hover{background:#30302d;border-color:#30302d}
.shine{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,#fff7 50%,transparent 65%);transform:translateX(-120%);animation:shine 3s ease-in-out 1.5s infinite}
@keyframes shine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.pill{width:32px;height:32px;flex:none;animation:wob 2.6s ease-in-out infinite}
@keyframes wob{0%,100%{transform:none}20%{transform:rotate(-18deg) scale(1.1)}40%{transform:rotate(12deg)}}
.fomo{background:#f9f8f4}
.fomo:hover{background:#30302d;color:#fff}
.fomo-ic{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#bc8c87;color:#fff;font:700 18px 'Fraunces'}
.soc{background:#f9f8f4}
.soc:hover{background:#30302d;color:#fff}
.soc .lk-t b{font-size:18px}
.soc-ic{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#30302d;color:#fff;transition:transform .5s}
.soc-ic.rd{background:#ff4500}
.soc-ic svg{width:16px;height:16px}
.soc:hover .soc-ic{transform:rotate(360deg)}
.soc:hover .soc-ic{background:#f9f8f4;color:#30302d}

/* owl gets a scan line and a blink of attention */
.hero-photo:after{content:'';position:absolute;left:0;right:0;height:120px;top:-130px;background:linear-gradient(180deg,#fff0,#ffffff22 80%,#ffffff55 99%,#fff0);animation:scan 6s linear infinite;pointer-events:none}
@keyframes scan{to{top:110%}}
.hero-photo img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-photo .eyetag{position:absolute;left:58%;top:30%;padding:6px 10px;background:#30302d;color:#f3eee3;font:500 10px 'DM Mono';letter-spacing:.12em}

/* old CA box at the bottom gets the real CA and copy */
.ca-box .value{color:#d7c8a7}

/* mini dock */
.mini{position:fixed;z-index:60;left:50%;bottom:14px;transform:translate(-50%,160%);display:flex;align-items:center;gap:8px;padding:8px;background:#30302d;color:#f3eee3;box-shadow:0 14px 40px #0005;transition:transform .45s cubic-bezier(.2,1.2,.4,1);max-width:calc(100% - 20px)}
.mini.show{transform:translate(-50%,0)}
.mini-ca{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;background:#ffffff12;color:#f3eee3;border:0;font:500 12px 'DM Mono'}
.mini-ca b{color:#d8bd8e;font-weight:500}
.mini-ca span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-buy{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#9d7f44;color:#fff;font:500 12px 'DM Mono';letter-spacing:.1em}
.mini-buy .pill{width:20px;height:20px}
.mini-ic{width:38px;height:38px;display:grid;place-items:center;background:#f3eee3;color:#30302d}
.mini-ic svg{width:16px;height:16px}

.toast{position:fixed;left:50%;bottom:84px;z-index:70;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#30302d;color:#f3eee3;padding:12px 18px;font:500 12px 'DM Mono';letter-spacing:.06em;transition:.25s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.burst{position:fixed;z-index:200;pointer-events:none;color:#9d7f44;animation:bst .9s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes bst{from{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(1.1);opacity:0}}

.rv{opacity:0;translate:0 36px;transition:opacity .8s cubic-bezier(.2,.9,.2,1) var(--d,0s),translate .8s cubic-bezier(.2,.9,.2,1) var(--d,0s)}
.rv.in{opacity:1;translate:0 0}

@media(max-width:1100px){.launch-row{grid-template-columns:1fr}.soc-row{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
 .hero-copy{padding:40px 5vw 44px}
 .hero h1{margin:22px 0 16px}
 .hero-photo{order:-1;aspect-ratio:16/9;min-height:0!important;height:auto!important}.hero-photo .photo-label{display:none}.hero-copy{padding-top:24px!important}.hero h1{font-size:64px!important;margin:14px 0 10px!important}.hero-sub{font-size:16px}
 .launch-row{grid-template-columns:1fr 1fr}
 .ev-val{white-space:normal;overflow-wrap:anywhere;font-size:clamp(11px,3.4vw,14px);padding-right:0;line-height:1.4}
 .ev-stamp{position:static;display:inline-block;margin-top:10px}
 .lk{min-height:58px;padding:0 10px;gap:8px}
 .lk-t b{font-size:17px}.buy .lk-t b{font-size:16px}.lk .arr{display:none}.reddit-sm{}.soc .lk-t b{font-size:13px}
 .lk-t small{font-size:8px}
 .soc-ic,.fomo-ic{width:28px;height:28px}
 .mini-ca span{max-width:110px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;translate:none}}