#iconIntro{display:none}html.intro-pending,html.intro-pending body{overflow:hidden}html.intro-pending #iconIntro{display:flex}
.icon-intro{position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;color:#fff;isolation:isolate;overflow:hidden;background:transparent}
.intro-curtain{position:absolute;top:0;bottom:0;width:50.1%;background:#08090b;z-index:-2;transition:transform .6s cubic-bezier(.76,0,.24,1)}.intro-curtain.left{left:0}.intro-curtain.right{right:0}
.intro-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#ffffff16,transparent 55%);opacity:0;animation:intro-light 1s .2s forwards;transition:opacity .25s}
.intro-seam{position:absolute;top:12%;bottom:12%;left:50%;width:1px;background:linear-gradient(transparent,#ffffff50,transparent);transform:scaleY(0);animation:intro-line 1.1s .3s forwards}
.intro-emblem{position:absolute;top:18%;left:50%;transform:translateX(-50%);width:min(480px,76vw);text-align:center;opacity:0;animation:intro-emblem .65s .05s forwards}
.intro-emblem .brand-logo{width:100%;height:82px;max-width:none}.intro-emblem .brand-logo img{filter:url(#icon-logo-ink) invert(1);mix-blend-mode:normal}.intro-emblem:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff55 50%,transparent 65%);transform:translateX(-130%);animation:intro-sheen 1.15s .25s forwards;mix-blend-mode:screen;pointer-events:none}
.intro-tagline{font:700 8px var(--icon-font,Arial);letter-spacing:4px;color:#96999f;margin:14px 0 0}
.intro-products{display:grid;grid-template-columns:1fr 1fr;position:absolute;top:33%;bottom:12%;left:50%;transform:translateX(-50%);width:min(800px,96vw);gap:40px}
.intro-object{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;opacity:0;animation:intro-product .9s .5s forwards;--entry:-95px}.intro-object.watch{--entry:95px;animation-delay:.62s}
.intro-object img{position:absolute;width:155%;height:155%;object-fit:contain;max-width:none;filter:drop-shadow(0 20px 24px #0008)}.intro-object.watch img{width:85%;height:96%}.intro-object span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:3px;color:#b1b4ba}
.intro-skip{position:absolute;top:max(24px,env(safe-area-inset-top));right:25px;color:#ddd;background:#ffffff0a;border:1px solid #ffffff35;border-radius:999px;padding:13px 19px;font-size:9px;font-weight:700;letter-spacing:1.4px;cursor:pointer;z-index:2}.intro-skip:hover{background:#ffffff20}.intro-skip:focus-visible{outline:2px solid white;outline-offset:4px}
.intro-progress{position:absolute;bottom:max(35px,env(safe-area-inset-bottom));width:100px;height:1px;background:#ffffff25;overflow:hidden}.intro-progress:after{content:'';display:block;height:100%;background:#fff;transform-origin:left;animation:intro-progress 2.1s linear forwards}
.intro-exit .intro-curtain.left{transform:translateX(-101%)}.intro-exit .intro-curtain.right{transform:translateX(101%)}.intro-exit .intro-emblem,.intro-exit .intro-products,.intro-exit .intro-seam,.intro-exit .intro-skip,.intro-exit .intro-progress,.intro-exit .intro-atmosphere{visibility:hidden;opacity:0}
@keyframes intro-emblem{from{opacity:0;filter:blur(8px);translate:0 12px}to{opacity:1;filter:blur(0);translate:0 0}}@keyframes intro-sheen{to{transform:translateX(130%)}}@keyframes intro-light{to{opacity:1}}@keyframes intro-line{to{transform:scaleY(1)}}@keyframes intro-product{from{opacity:0;transform:translateX(var(--entry)) translateY(18px) rotate(-4deg);filter:blur(8px)}to{opacity:1;transform:translateX(0) translateY(0) rotate(0);filter:blur(0)}}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(hover:hover){.split-half:hover .split-product img{transform:translate(var(--cover-x,0px),var(--cover-y,0px)) scale(1.04)}}
@media(max-width:600px){.intro-emblem{top:22%;width:78vw}.intro-emblem .brand-logo{height:55px}.intro-tagline{font-size:6px;letter-spacing:2px}.intro-products{top:37%;bottom:18%;gap:18px;width:96vw}.intro-object img{width:185%;height:155%}.intro-object.watch img{width:93%;height:90%}.intro-object span{font-size:6px;letter-spacing:2px;bottom:-20px}.intro-skip{right:16px;font-size:8px;padding:12px 16px}.intro-progress{bottom:9%}}
@media(max-height:500px){.intro-emblem{top:10%;width:260px}.intro-emblem .brand-logo{height:44px}.intro-tagline{margin-top:2px}.intro-products{top:32%;bottom:14%;width:500px}.intro-progress{bottom:20px}}
@media(prefers-reduced-motion:reduce){html.intro-pending #iconIntro{display:none}.split-product img{transform:none!important}}