.intro-screen{display:none;position:fixed;inset:0;z-index:100;background:#f7f7f5;align-items:center;justify-content:center;perspective:1200px;overflow:hidden}
.intro-playing{overflow:hidden}
.intro-playing .intro-screen{display:flex}
.intro-card{width:min(23vw,44svh);height:min(23vw,44svh);border-radius:11%;overflow:hidden;flex:none;transform:rotateY(-12deg) rotateZ(-5deg);will-change:width,height,transform,border-radius}
.intro-card img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:51% center;transform:scale(1.65);transform-origin:51% 43%}
.intro-skip{position:absolute;bottom:24px;right:28px;font-size:12px;padding:12px;opacity:0}
.intro-skip:focus-visible{opacity:1;outline:1px solid currentColor}
@media(max-width:800px){.intro-card{width:min(60vw,38svh);height:min(60vw,38svh)}}
@media(prefers-reduced-motion:reduce){.intro-playing{overflow:auto}.intro-playing .intro-screen{display:none}}