.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}}