.hero:after{background:linear-gradient(180deg, #0a0a14c7 0%, #0e0e14d1 70%, var(--page) 100%)}.hero h1{color:var(--brand);letter-spacing:3px;text-transform:uppercase;margin:0 0 26px;font-size:clamp(16px,2.4vw,22px);font-weight:900;animation:.5s ease-out both slideDown}.hero-stage{perspective:1200px;place-items:center;width:100%;max-width:780px;min-height:clamp(300px,34vw,340px);display:grid;position:relative}.hero-item{grid-area:1/1;width:100%}.hero-item[data-phase=out]{z-index:2;pointer-events:none;animation:.42s cubic-bezier(.5,0,.75,0) both flickOut}.hero-item[data-animate] .hero-card{animation:.46s cubic-bezier(.2,.9,.3,1.15) both dealIn}.hero-cardwrap{width:100%;position:relative}.hero-deck span{background:#f1ece4;border-radius:18px;position:absolute;inset:0;box-shadow:0 20px 50px #0006}.hero-deck span:first-child{opacity:.5;transform:rotate(-3deg)translateY(10px)}.hero-deck span:last-child{opacity:.75;transform:rotate(2.2deg)translateY(5px)}.hero-card{width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:18px;padding:clamp(26px,4vw,44px) clamp(22px,4vw,48px) 18px;position:relative;box-shadow:0 30px 70px #0000008c}.hero-card:before{content:"";background:var(--cat);border-radius:18px 0 0 18px;width:6px;position:absolute;inset:0 auto 0 0}.hero-text{white-space:pre-line;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(22px,3.2vw,34px);font-weight:400;line-height:1.22}.hero-meta{border-top:1px solid #eee;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:26px;padding-top:14px;font-size:15px;display:flex}.hero-meta .thumbs{padding:0}.hero .thumb,.hero .thumb-count{color:#888}.hero-cat{background:var(--cat);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:900}.hero-cat:hover{color:#fff;filter:brightness(.92)}.hero-copy{color:#888;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:14px;display:inline-flex}.hero-copy:hover{color:var(--ink)}.hero-copy svg{width:16px;height:16px}.hero-btn{background:var(--brand);color:#fff;font:inherit;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:12px;margin-top:30px;padding:11px 40px;font-size:20px;font-weight:700;transition:transform .15s,box-shadow .2s,background-color .2s;animation:.5s ease-out both slideUp;display:inline-flex;box-shadow:0 10px 30px #ff660059}.hero-btn:hover{background:#ff7a1f;box-shadow:0 12px 36px #ff660080}.hero-btn:active{transform:scale(.96)}.hero-btn svg{width:20px;height:20px}.hero-btn svg[data-spin]{animation:.45s cubic-bezier(.3,.7,.4,1) spin}.hero-hint{color:#888;margin:10px 0 0;font-size:13px}.hero-hint kbd{font:inherit;border:1px solid #555;border-radius:4px;padding:0 6px;line-height:18px;display:inline-block}@media (hover:none){.hero-hint{visibility:hidden}}@keyframes dealIn{0%{opacity:0;transform:translateY(26px)scale(.94)rotate(2deg)}}@keyframes flickOut{to{opacity:0;transform:translate(-75vw)rotate(-14deg)}}@keyframes spin{0%{transform:rotate(-180deg)}}