.section--slate{padding-top:clamp(3.6rem,6vw,5.6rem)}.section--slate:before{content:none}.section__grid--slate{gap:clamp(1.4rem,2.6vw,2.2rem)}.slate-intro .eyebrow{color:var(--gold);margin-bottom:.7rem}.slate-intro__title{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.3rem,5.2vw,4.4rem);font-weight:800;line-height:.96}.slate-intro__word{display:inline-block}.slate-intro[data-entered=pending] .slate-intro__word{opacity:0;transform:translateY(.55em)}.slate-intro[data-entered=true] .slate-intro__word{animation:slate-word-rise .62s cubic-bezier(.2, .7, .2, 1) calc(var(--word-index) * 85ms) backwards}.slate-intro__lede{max-width:34rem;color:var(--muted);margin:1rem 0 0;font-size:clamp(1rem,2.1vw,1.14rem);line-height:1.7}.slate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);display:grid}.slate-card{--slate-accent:var(--gold);--slate-logo-bg:#ffffff0d;isolation:isolate;aspect-ratio:1/.94;border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);min-height:24rem;color:var(--ink);transform:perspective(60rem) translate3d(0, var(--card-lift,0), 0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .26s;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #08050a73}.slate-card:hover,.slate-card:focus-visible{--card-lift:-4px;box-shadow:0 36px 84px #08050a8f}.slate-card[data-tilt=true]{transition-duration:.22s,.22s,90ms}.slate-card__glare{z-index:3;pointer-events:none;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), #fff4d633, #fff4d600 46%);mix-blend-mode:screen;opacity:0;transition:opacity .24s;position:absolute;inset:0}.slate-card[data-tilt=true] .slate-card__glare{opacity:1}.slate-card:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}.slate-card__title{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;font-size:clamp(1.8rem,3.4vw,2.9rem);font-weight:800;line-height:1}.slate-card--game{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--slate-accent) 26%, transparent), transparent 56%), linear-gradient(180deg, var(--raised) 0%, var(--surface) 58%, #1b1320 100%);grid-template-rows:auto minmax(0,1fr) auto}.slate-card--game:hover,.slate-card--game:focus-visible{border-color:color-mix(in srgb, var(--slate-accent) 62%, transparent)}.slate-card__head{text-align:center;justify-items:center;gap:.7rem;padding:clamp(1.4rem,2.6vw,2rem) 1.2rem 0;display:grid}.slate-card__status{color:var(--ink-deep);background:linear-gradient(135deg, var(--gold), var(--gold-light));letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:.36rem .9rem;font-size:.72rem;font-style:normal;font-weight:700;line-height:1.2}.slate-card__media{place-items:center;min-height:0;padding:clamp(.9rem,1.8vw,1.3rem) clamp(1rem,2vw,1.6rem) 0;transition:transform .32s;display:grid;position:relative}.slate-card--game:hover .slate-card__media,.slate-card--game:focus-visible .slate-card__media{transform:translateY(-.35rem)scale(1.015)}.home-game-card__media,.home-game-card__image-set,.home-game-card__image-set-frame{width:100%;height:100%;min-height:0}.home-game-card__media,.home-game-card__image-set-frame{object-fit:cover;border-radius:1.1rem}.home-game-card__media--contain,.home-game-card__image-set.home-game-card__media--contain .home-game-card__image-set-frame{object-fit:contain;filter:drop-shadow(0 18px 28px #08050a80)}.home-game-card__image-set{position:relative}.home-game-card__image-set-frame{opacity:0;transition:opacity 1.1s ease-in-out;position:absolute;inset:0}.home-game-card__image-set-frame.is-active{opacity:1}.slate-card__foot{background:linear-gradient(#1b132000,#1b1320eb 46%);justify-content:center;align-items:center;gap:.75rem;padding:.9rem 1.2rem clamp(1.1rem,2vw,1.5rem);display:flex}.slate-card__logo{border:1px solid var(--hairline-strong);object-fit:cover;background:var(--slate-logo-bg);border-radius:.7rem;flex:none;width:2.3rem;height:2.3rem}.slate-card__blurb{color:var(--muted);font-size:.95rem;line-height:1.4}.slate-card--sealed{background:linear-gradient(#2a1230 0%,#1a0d1c 62%,#160b18 100%);border-color:#cf3f8e57;align-content:end}.slate-card--sealed:hover,.slate-card--sealed:focus-visible{border-color:#f08ac0b3}.slate-card__envelope{z-index:-1;aspect-ratio:1;width:100%;transition:transform .42s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.slate-card--sealed:hover .slate-card__envelope,.slate-card--sealed:focus-visible .slate-card__envelope{transform:translate(-50%)translateY(-2.2%)scale(1.035)}.slate-card__envelope-float{animation:5.6s ease-in-out infinite alternate slate-envelope-float;position:absolute;inset:0}.slate-card--sealed[data-shake=true] .slate-card__envelope-float{animation:.14s linear slate-envelope-shake}.slate-card__envelope-art{object-fit:cover;width:100%;height:100%}.slate-card__seal-glow,.slate-card__seal-glint{pointer-events:none;border-radius:50%;position:absolute;top:36.3%;left:50%;transform:translate(-50%,-50%)}.slate-card__seal-glow{aspect-ratio:1;mix-blend-mode:screen;opacity:.55;background:radial-gradient(circle,#ff78be80 0%,#cf3f8e33 40%,#cf3f8e00 68%);width:34%;transition:opacity .32s;animation:2.6s ease-in-out infinite slate-seal-beat}.slate-card--sealed:hover .slate-card__seal-glow,.slate-card--sealed:focus-visible .slate-card__seal-glow{animation-duration:1.5s}.slate-card__sparks{pointer-events:none;width:0;height:0;position:absolute;top:36.3%;left:50%}.slate-card__spark{top:0;left:calc((var(--spark-index) - 2) * 1.5rem);width:.8rem;height:.74rem;fill:var(--heart-soft);opacity:0;margin:-.37rem 0 0 -.4rem;position:absolute}.slate-card--sealed:hover .slate-card__spark,.slate-card--sealed:focus-visible .slate-card__spark{animation:slate-spark-rise 1.7s ease-out calc(var(--spark-index) * .31s) infinite}.slate-card__spark:nth-child(2n){width:.6rem;height:.55rem;fill:var(--gold-light)}.slate-card__seal-glint{aspect-ratio:1;width:17%;overflow:hidden}.slate-card__seal-glint:before{content:"";background:linear-gradient(90deg,#fff0,#fff4fad9,#fff0);width:46%;position:absolute;inset:-20% 0;transform:translate(-140%)skew(-18deg)}.slate-card--sealed:hover .slate-card__seal-glint:before,.slate-card--sealed:focus-visible .slate-card__seal-glint:before{transition:transform .76s ease-out 80ms;transform:translate(340%)skew(-18deg)}.slate-card__sealed-copy{text-align:center;text-shadow:0 2px 18px #160b18e6;justify-items:center;gap:.45rem;padding:0 1.2rem clamp(1.6rem,3.4vw,2.6rem);display:grid}.slate-card__sealed-body{color:#f5eedcdb;letter-spacing:.01em;font-size:clamp(1.05rem,1.7vw,1.3rem)}@keyframes slate-word-rise{0%{opacity:0;transform:translateY(.55em)}to{opacity:1;transform:translate(0,0)}}@keyframes slate-envelope-float{0%{transform:translateY(.6%)rotate(-.4deg)}to{transform:translateY(-1.5%)rotate(.5deg)}}@keyframes slate-envelope-shake{0%,to{transform:translate(0,0)rotate(0)}25%{transform:translate(-1.1%)rotate(-1.6deg)}50%{transform:translate(1%)rotate(1.4deg)}75%{transform:translate(-.6%)rotate(-.8deg)}}@keyframes slate-seal-beat{0%,34%,to{opacity:.45;transform:translate(-50%,-50%)scale(1)}8%{opacity:.95;transform:translate(-50%,-50%)scale(1.24)}16%{opacity:.5;transform:translate(-50%,-50%)scale(1.02)}24%{opacity:.85;transform:translate(-50%,-50%)scale(1.17)}}@keyframes slate-spark-rise{0%{opacity:0;transform:translate(0,0)scale(.5)rotate(-12deg)}18%{opacity:.95}to{opacity:0;transform:translate3d(calc((var(--spark-index) - 2) * .5rem), -6.5rem, 0) scale(1.1) rotate(14deg)}}.slate-card--still .slate-card__envelope-float,.slate-card--still .slate-card__seal-glow{animation:none}.slate-card--still .slate-card__sparks{display:none}@media (prefers-reduced-motion:reduce){.slate-card__seal-glow,.slate-card__envelope-float,.slate-intro[data-entered=true] .slate-intro__word{animation:none}.slate-card__sparks,.slate-card__glare{display:none}.slate-card,.slate-card--game:hover .slate-card__media,.slate-card--game:focus-visible .slate-card__media{transform:none}.slate-card--sealed:hover .slate-card__envelope,.slate-card--sealed:focus-visible .slate-card__envelope{transform:translate(-50%)}.slate-card__seal-glint{display:none}}@media (max-width:760px){.slate-grid{grid-template-columns:1fr}.slate-card{aspect-ratio:4/5;min-height:24rem}}
