.hero{--hero-fill: var(--sun);position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;padding:clamp(22px,4vw,34px);border:2.5px solid var(--ink);border-radius:26px;background:var(--hero-fill);box-shadow:var(--pop-shadow);color:#140a24;overflow:hidden}.hero.tone-sky{--hero-fill: var(--sky)}.hero.tone-pink{--hero-fill: var(--pink)}.hero.tone-lime{--hero-fill: var(--lime)}.hero.tone-violet{--hero-fill: #a996ff}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(20,10,36,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,10,36,.07) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.hero-copy{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}.hero-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.78}.hero-title{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(30px,4.6vw,46px);line-height:1.04;letter-spacing:-.045em;color:#140a24;text-wrap:balance}.hero-title mark{background:var(--lime);color:#140a24;padding:0 .14em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero.tone-lime .hero-title mark{background:#fff}.hero-body{margin:0;max-width:58ch;font-size:16px;line-height:1.5;font-weight:500;opacity:.88;text-wrap:pretty}.hero-facts{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.hero-facts li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border:2px solid #140a24;border-radius:999px;background:#ffffffb8;font-size:13.5px;font-weight:700;line-height:1.2}.hero-facts .material-symbols-outlined{font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.hero-art{position:relative;min-height:120px}.hero-sticker{--c: var(--sun);position:absolute;display:block;background:var(--c)}.hero-sticker.sun{--c: var(--sun)}.hero-sticker.sky{--c: var(--sky)}.hero-sticker.pink{--c: var(--pink)}.hero-sticker.lime{--c: var(--lime)}.hero-sticker.ring{top:-6px;right:6px;width:92px;height:92px;border-radius:50%;background:transparent;border:18px solid var(--c);outline:2.5px solid #140a24;box-shadow:inset 0 0 0 2.5px #140a24}.hero-sticker.star{bottom:6px;right:72px;width:46px;height:46px;border:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);transform:rotate(12deg)}.hero-sticker.zig{bottom:10px;right:40px;width:84px;height:34px;border:0;clip-path:polygon(0 100%,20% 0,40% 100%,60% 0,80% 100%,100% 0,100% 30%,80% 130%,60% 30%,40% 130%,20% 30%,0 130%);transform:rotate(-6deg)}@media(prefers-reduced-motion:no-preference){.hero-sticker{animation:hero-pop .5s cubic-bezier(.34,1.56,.64,1) both}.hero-sticker:nth-child(2){animation-delay:.08s}}@keyframes hero-pop{0%{opacity:0;scale:.6}}@media(max-width:640px){.hero{grid-template-columns:minmax(0,1fr);padding-right:22px}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;pointer-events:none}.hero-sticker.ring{top:-26px;right:-18px;width:76px;height:76px}.hero-sticker.star,.hero-sticker.zig{display:none}.hero-title{padding-right:34px}}