.intro-running{overflow:hidden}.screenshot-intro{position:fixed;inset:0;background:#08090b;color:#fff;z-index:10000;overflow:hidden;transition:clip-path .7s cubic-bezier(.76,0,.24,1),opacity .7s;clip-path:inset(0);font-family:'Space Grotesk',sans-serif}.intro-brand{position:absolute;left:4%;top:5%;font-size:19px;font-weight:600;z-index:2;letter-spacing:-.04em}.intro-brand span{display:block;font-size:9px;color:#a5a5aa;margin-top:10px;letter-spacing:.12em}.intro-skip{position:absolute;right:4%;top:5%;z-index:3;border:1px solid #626267;padding:11px 18px;color:white;background:#08090b;font-size:12px}.intro-mosaic{position:absolute;inset:17% 4% 22%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:18px}.intro-mosaic figure{margin:0;min-height:0;overflow:hidden;opacity:0;animation:tile-arrive .85s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--tile)*115ms);background:#222}.intro-mosaic img{height:calc(100% - 22px);width:100%;object-fit:cover;object-position:top;filter:saturate(.75)}.intro-mosaic figcaption{height:22px;line-height:22px;padding:0 7px;color:#bdbdc3;font-size:8px;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em}.intro-mosaic figure:nth-child(1){grid-area:1/1}.intro-mosaic figure:nth-child(2){grid-area:1/3}.intro-mosaic figure:nth-child(3){grid-area:1/5}.intro-mosaic figure:nth-child(4){grid-area:1/6}.intro-mosaic figure:nth-child(5){grid-area:2/2}.intro-mosaic figure:nth-child(6){grid-area:2/4}.intro-mosaic figure:nth-child(7){grid-area:3/1}.intro-mosaic figure:nth-child(8){grid-area:3/3}.intro-mosaic figure:nth-child(9){grid-area:3/5}.intro-mosaic figure:nth-child(10){grid-area:3/6}.intro-corner{position:absolute;bottom:5%;left:4%;display:flex;gap:18px;align-items:end}.intro-corner img{width:100px;height:68px;object-fit:cover;object-position:top;border:1px solid #626267}.intro-corner span{font-size:11px;line-height:1.6;color:#babac0}.intro-meter{position:absolute;right:4%;bottom:5%;width:200px;text-align:right}.intro-meter>span{font-size:9px;letter-spacing:.15em;color:#a5a5aa}.intro-meter strong{display:block;font-family:Oswald,sans-serif;font-size:70px;font-weight:400;line-height:1.1;letter-spacing:-.04em}.intro-meter small{font-size:24px;color:#ff7900;margin-left:6px}.intro-meter i{display:block;height:2px;background:#ff7900;transform:scaleX(var(--progress,0));transform-origin:right;margin-top:10px}.intro-complete .intro-mosaic{opacity:.35;transition:opacity .3s}.screenshot-intro.intro-exit{clip-path:inset(0 0 100% 0);pointer-events:none}@keyframes tile-arrive{from{opacity:0;transform:translateY(85px) scale(.8)}to{opacity:1;transform:none}}@media(max-width:650px){.intro-mosaic{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:9px;inset:19% 5% 25%}.intro-mosaic figure:nth-child(n){grid-area:auto}.intro-mosaic figure:nth-child(3){grid-column:4}.intro-mosaic figure:nth-child(5){grid-column:3}.intro-mosaic figure:nth-child(8){grid-column:4}.intro-mosaic figcaption{font-size:6px}.intro-brand{font-size:15px}.intro-brand span{font-size:7px}.intro-skip{font-size:10px;padding:8px}.intro-meter{width:120px}.intro-meter strong{font-size:58px}.intro-corner img{width:65px;height:50px}.intro-corner span{font-size:8px}.intro-corner{gap:10px}}@media(prefers-reduced-motion:reduce){.screenshot-intro{display:none}}
.intro-mosaic figure{animation:none!important;opacity:0;transform:translateY(35px) scale(.85);transition:opacity .35s,transform .55s cubic-bezier(.16,1,.3,1);background:#17191d}.intro-mosaic figure.tile-visible{opacity:1;transform:none}.intro-mosaic{inset:15% 14% 22%;gap:15px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.intro-mosaic figure:nth-child(n){grid-area:auto}.intro-mosaic img{object-fit:cover;object-position:center}.intro-mosaic figure:first-child img,.intro-mosaic figure:last-child img{object-fit:contain;background:radial-gradient(ellipse at bottom,#53311b,#121418 70%)}.intro-mosaic figcaption{background:#17191d}.intro-corner img{object-fit:contain;background:#17191d}.intro-complete .intro-mosaic{opacity:1;transform:scale(1.02);transition:transform .3s}@media(max-width:650px){.intro-mosaic{inset:18% 9% 24%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.intro-mosaic figure:nth-child(n){grid-area:auto}.intro-mosaic figcaption{font-size:5px}}