.case-art{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.case-art .hero-art{position:absolute}.case-art .hero-art--face{aspect-ratio:640/1111;--art-o:.22;width:min(31vw,440px);height:auto;top:-1.5rem;right:-.5rem;-webkit-mask-image:linear-gradient(270deg,#000 42%,#0000 100%),linear-gradient(#0000 3%,#000 14%);mask-image:linear-gradient(270deg,#000 42%,#0000 100%),linear-gradient(#0000 3%,#000 14%)}.case-art .hero-art--face .hero-art__float{-webkit-mask-image:linear-gradient(#000 38%,#0000 94%);mask-image:linear-gradient(#000 38%,#0000 94%)}.case-art .hero-art--face .hero-art__ink,.case-art .hero-art--angel .hero-art__ink,.case-art .hero-art--dawn .hero-art__ink{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%}html.dark .case-art .hero-art--face{--art-o:.28}.case-art .hero-art--angel{aspect-ratio:520/781;--art-o:.18;width:min(31vw,46.606svh,480px);height:auto;top:1rem;left:-1.75rem;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 55%,#0000 100%),linear-gradient(#0000 0%,#000 16%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 55%,#0000 100%),linear-gradient(#0000 0%,#000 16%)}.case-art .hero-art--angel .hero-art__float{-webkit-mask-image:linear-gradient(#000 42%,#0000 84%);mask-image:linear-gradient(#000 42%,#0000 84%)}html.dark .case-art .hero-art--angel{--art-o:.24}.case-art .hero-art--dawn{aspect-ratio:560/1449;--art-o:.2;width:min(360px,50vw - 26.75rem);height:auto;top:auto;bottom:10.5rem;right:-1rem}.case-art .hero-art--dawn .hero-art__float{inset:0}html.dark .case-art .hero-art--dawn{--art-o:.26}@media (max-width:79.99rem){.case-art{--band:clamp(14rem, 60vw, 20rem);--dw:calc(var(--band) * 560 / 1449);--aw:calc(var(--band) * .82 * 520 / 781);--fw:calc(var(--band) * .94 * 640 / 1111);--tuck:calc(var(--band) * .1);z-index:auto;width:calc(100% - 3rem);max-width:30rem;height:var(--band);margin:3rem auto 0;position:relative;inset:auto}.case-art .hero-art__float{translate:none!important}.case-art .hero-art--face,.case-art .hero-art--angel,.case-art .hero-art--dawn{top:auto;bottom:0;right:auto}.case-art .hero-art--dawn{left:calc(50% - var(--dw) / 2);width:var(--dw);--art-o:.32;-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 62%,#0000 100%)}.case-art .hero-art--angel{left:calc(50% - var(--dw) / 2 - var(--aw) + var(--tuck));width:var(--aw);--art-o:.26;-webkit-mask-image:radial-gradient(closest-side at 50% 48%,#000 56%,#0000 100%);mask-image:radial-gradient(closest-side at 50% 48%,#000 56%,#0000 100%)}.case-art .hero-art--face{left:calc(50% + var(--dw) / 2 - var(--tuck));width:var(--fw);--art-o:.26;-webkit-mask-image:radial-gradient(closest-side at 54% 46%,#000 54%,#0000 100%);mask-image:radial-gradient(closest-side at 54% 46%,#000 54%,#0000 100%)}.case-art .hero-art--face .hero-art__float,.case-art .hero-art--angel .hero-art__float,.case-art .hero-art--dawn .hero-art__float{-webkit-mask-image:none;mask-image:none}html.dark .case-art .hero-art--dawn{--art-o:.38}html.dark .case-art .hero-art--angel,html.dark .case-art .hero-art--face{--art-o:.32}}
