.hero-grid{align-items:center;display:grid;gap:2rem;padding:var(--pad);padding-left:calc(var(--pad) + 1rem)}@media (min-width:52rem){.hero-grid{gap:3rem;grid-template-columns:1.1fr .9fr}}.hero-copy{min-width:0;position:relative;z-index:2}.hero-eyebrow{margin-bottom:1rem}.hero-title{font-size:clamp(2.75rem,8vw,6.5rem)}.hero-title .sticker{white-space:nowrap}.hero-intro{color:var(--ink);font-size:1.0625rem;line-height:1.6;margin-top:1.5rem;max-width:32rem}@media (min-width:40rem){.hero-intro{font-size:1.1875rem}}.hero-intro p+p{margin-top:1rem}.hero-keys{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:2rem}.hero-stage{border:var(--border) dashed var(--rule);border-radius:var(--radius);display:grid;min-height:16rem;padding:1.5rem;place-items:center;position:relative;row-gap:1rem}.hero-note{color:var(--red-text);max-width:11rem;position:absolute;right:1rem;text-align:right;text-decoration:none;top:.75rem;transform:rotate(3deg)}.hero-note:hover{text-decoration:underline}.die{aspect-ratio:1;background:none;border:0;cursor:pointer;padding:0;position:relative;width:min(60%,15rem)}.die:focus-visible{border-radius:50%;outline:3px solid var(--red);outline-offset:6px}.die-body{display:block;filter:drop-shadow(var(--shadow-x) var(--shadow-x) 0 var(--ink));height:100%;position:relative;transition:transform .2s cubic-bezier(.3,1.4,.5,1);width:100%}.die:hover .die-body{transform:rotate(-6deg) scale(1.03)}.die-shape{height:100%;inset:0;position:absolute;width:100%}.die-outline{fill:var(--red)}.die-face-tri,.die-outline{stroke:var(--ink);stroke-linejoin:round;stroke-width:3}.die-face-tri{fill:var(--white)}.die-edges{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:2.5}.die-face{color:var(--ink);font-size:clamp(1.75rem,6vw,3rem);font-weight:600;left:50%;position:absolute;top:52%;transform:translate(-50%,-50%)}.die.is-rolling .die-body{animation:nn-die-roll 1.1s cubic-bezier(.2,.8,.3,1) both}.die.is-landed .die-body{animation:nn-die-land .5s ease-out both}@keyframes nn-die-roll{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(180deg) translateY(-18%) scale(1.08)}55%{transform:rotate(420deg) translateY(4%)}80%{transform:rotate(690deg) translateY(-6%)}to{transform:rotate(2turn) translateY(0)}}@keyframes nn-die-land{0%{transform:scale(1.12)}60%{transform:scale(.96)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.die.is-landed .die-body,.die.is-rolling .die-body{animation:none}}.die-label{text-align:center}.die-hint{color:var(--muted);font-weight:400}.die-hint:before{content:"["}.die-hint:after{content:"]"}