.dr{--dr-cw:clamp(68px, 15vw, 104px);--dr-travel:calc(var(--dr-cw) * 1.34);--dr-lift:.9s;--dr-turn:.66s;--dr-claim-at:1.05s;--dr-claim-step:.26s;align-items:center;gap:1.25rem;display:grid}@media (min-width:640px){.dr{grid-template-columns:auto 1fr;gap:1.75rem}}.dr__table{width:calc(var(--dr-cw) + var(--dr-travel));height:calc(var(--dr-cw) * 12 / 7);position:relative}.dr__deck{width:var(--dr-cw);position:absolute;inset:0 auto 0 0}.dr__back{transform:translate(calc(var(--k) * -1.5px), calc(var(--k) * -1.5px));z-index:calc(4 - var(--k));position:absolute;inset:0}.dr__draw{width:var(--dr-cw);perspective:900px;z-index:10;will-change:transform;animation:dr-slide var(--dr-lift) cubic-bezier(.34, .02, .12, 1) .15s both;position:absolute;inset:0 auto 0 0}@keyframes dr-slide{0%{transform:translate(0)scale(1)}26%{transform:translate(calc(var(--dr-travel) * .14), -7%) scale(1.05)}to{transform:translate(var(--dr-travel), 0) scale(1)}}.dr__flip{transform-style:preserve-3d;animation:dr-turn var(--dr-turn) cubic-bezier(.3, .7, .2, 1) .42s both;position:absolute;inset:0}@keyframes dr-turn{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.dr__face,.dr__back{border:1px solid color-mix(in srgb, var(--ac-accent) 28%, transparent);border-radius:calc(var(--dr-cw) * .09);background:repeating-linear-gradient(45deg, transparent 0 7px, color-mix(in srgb, var(--ac-accent) 5%, transparent) 7px 8px), repeating-linear-gradient(-45deg, transparent 0 7px, color-mix(in srgb, var(--ac-accent) 5%, transparent) 7px 8px), linear-gradient(158deg, #191423 0%, #120f1a 55%, #0e0b14 100%);overflow:hidden;box-shadow:inset 0 0 0 1px #00000073,0 12px 22px #00000080}.dr__face{backface-visibility:hidden;position:absolute;inset:0}.dr__face:after,.dr__back:after{content:"";inset:calc(var(--dr-cw) * .055);border:1px solid color-mix(in srgb, var(--ac-accent) 20%, transparent);border-radius:calc(var(--dr-cw) * .05);position:absolute}.dr__face--back{transform:rotateY(180deg)}.dr__face--front{padding:calc(var(--dr-cw) * .1);border-color:color-mix(in srgb, var(--ac-accent-bright) 50%, transparent);grid-template-rows:auto 1fr auto;display:grid}.dr__numeral{color:#f4f1ea80;justify-self:start;font-size:clamp(8px,1vw,11px);font-weight:600;line-height:1}.dr__glyph{width:50%;height:auto;color:color-mix(in srgb, var(--ac-accent) 90%, transparent);place-self:center}.dr__name{text-align:center;text-wrap:balance;color:#f4f1ead1;font-size:clamp(8px,.95vw,11px);font-weight:600;line-height:1.2}.dr__claims{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.dr__claim{color:#f4f1ead9;animation:dr-claim .4s cubic-bezier(.22, .68, .16, 1) calc(var(--dr-claim-at) + var(--i) * var(--dr-claim-step)) both;grid-template-columns:auto 1fr;align-items:baseline;gap:.6rem;font-size:.8125rem;line-height:1.5;display:grid}@keyframes dr-claim{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.dr__mark{background:var(--ac-accent);border-radius:999px;width:7px;height:7px;transform:translateY(-1px)}.dr__claim--myth .dr__mark{background:#f4f1ea59;border-radius:0;height:1px;transform:translateY(-4px)}.dr__text{position:relative}.dr__strike{transform-origin:0;height:1px;animation:dr-strike .34s cubic-bezier(.3, .7, .2, 1) calc(var(--dr-claim-at) + var(--i) * var(--dr-claim-step) + .4s) both;background:currentColor;position:absolute;top:55%;left:-1px;right:-1px}@keyframes dr-strike{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dr__claim--myth .dr__text{animation:dr-dim .35s ease-out calc(var(--dr-claim-at) + var(--i) * var(--dr-claim-step) + .6s) both}@keyframes dr-dim{0%{opacity:1}to{opacity:.42}}[data-inview=hold] .dr__draw,[data-inview=hold] .dr__flip,[data-inview=hold] .dr__claim,[data-inview=hold] .dr__strike,[data-inview=hold] .dr__claim--myth .dr__text{animation-play-state:paused}[data-inview=run] .dr__draw,[data-inview=run] .dr__flip,[data-inview=run] .dr__claim,[data-inview=run] .dr__strike,[data-inview=run] .dr__claim--myth .dr__text{animation-play-state:running}@media (prefers-reduced-motion:reduce){.dr .dr__draw,.dr .dr__flip,.dr .dr__claim,.dr .dr__strike,.dr .dr__claim--myth .dr__text{opacity:1;animation:none!important}.dr .dr__draw{transform:translate(var(--dr-travel), 0)}.dr .dr__flip{transform:rotateY(0)}.dr .dr__claim{transform:none}.dr .dr__strike{transform:scaleX(1)}.dr .dr__claim--myth .dr__text{opacity:.42}}
.pv{--pv-step:.16s;--pv-at:.25s;border:1px solid color-mix(in srgb, var(--ac-accent) 28%, transparent);background:color-mix(in srgb, var(--ac-accent) 6%, transparent);border-radius:1rem;gap:1.25rem;padding:1.5rem;display:grid}.pv__grid{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.pv__grid{grid-template-columns:1fr 1fr}}.pv__item{animation:pv-wake .45s ease-out calc(var(--pv-at) + var(--i) * var(--pv-step)) both;background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.875rem;display:grid;position:relative;overflow:hidden}@keyframes pv-wake{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.pv__item:before{content:"";background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--ac-accent) 22%, transparent), transparent);width:45%;animation:pv-glint .75s cubic-bezier(.3, .5, .2, 1) calc(var(--pv-at) + var(--i) * var(--pv-step) + .12s) both;position:absolute;inset:0 auto 0 0}@keyframes pv-glint{0%{opacity:0;transform:translate(-120%)skew(-16deg)}35%{opacity:1}to{opacity:0;transform:translate(340%)skew(-16deg)}}.pv__item:after{content:"";border:1px solid color-mix(in srgb, var(--ac-accent) 38%, transparent);pointer-events:none;animation:pv-ring .5s ease-out calc(var(--pv-at) + var(--i) * var(--pv-step) + .2s) both;border-radius:.75rem;position:absolute;inset:0}@keyframes pv-ring{0%{opacity:0}to{opacity:1}}.pv__lock{width:22px;height:auto;color:color-mix(in srgb, var(--ac-accent) 85%, transparent);flex:none}.pv__shackle{transform-box:view-box;transform-origin:15.8px 10.6px;animation:pv-open .55s cubic-bezier(.34, .02, .12, 1) calc(var(--pv-at) + var(--i) * var(--pv-step)) both}@keyframes pv-open{0%{transform:none}40%{transform:translateY(-1.7px)rotate(-6deg)}to{transform:translateY(-1.2px)rotate(-38deg)}}[data-inview=hold] .pv__item,[data-inview=hold] .pv__item:before,[data-inview=hold] .pv__item:after,[data-inview=hold] .pv__shackle{animation-play-state:paused}[data-inview=run] .pv__item,[data-inview=run] .pv__item:before,[data-inview=run] .pv__item:after,[data-inview=run] .pv__shackle{animation-play-state:running}@media (prefers-reduced-motion:reduce){.pv .pv__item,.pv .pv__item:after,.pv .pv__shackle{opacity:1;animation:none!important}.pv .pv__item{transform:none}.pv .pv__shackle{transform-box:view-box;transform-origin:15.8px 10.6px;transform:translateY(-1.2px)rotate(-38deg)}.pv .pv__item:before{display:none;animation:none!important}}