.section-luminant-hero{margin:0}.luminant-hero{display:block;position:relative;isolation:isolate;overflow:hidden;height:calc(var(--hero-height, 90) * 1vh);height:calc(var(--hero-height, 90) * 1dvh);width:100%;color:#fff;background:radial-gradient(ellipse 98.2% 98.2% at 52.48% 100%,#d8d7d0,#b6c8cb 21.288%,#8da2a7,#647c84,#3a5560 80.322%,#26424e,#112f3c)}.luminant-hero__watch{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;touch-action:pan-y}.luminant-hero__poster,.luminant-hero__viewer,.luminant-hero__viewer spline-viewer{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.luminant-hero__poster{object-fit:contain;opacity:0;pointer-events:none;transition:opacity .75s ease}.luminant-hero__viewer{opacity:0;pointer-events:none;transition:opacity .75s ease}.luminant-hero[data-state=static] .luminant-hero__poster{opacity:1}.luminant-hero[data-state=ready] .luminant-hero__viewer{opacity:1;pointer-events:auto;cursor:pointer}.luminant-hero__spin{position:absolute;bottom:7%;left:50%;transform:translate(-50%);z-index:2;padding:10px 16px;border:1px solid #ffffff80;border-radius:3px;background:#112f3c;color:#fff;font:14px GD Trio Hero,sans-serif;cursor:pointer;opacity:0;pointer-events:none}.luminant-hero__spin:focus-visible{opacity:1;pointer-events:auto;outline:2px solid white;outline-offset:4px}.luminant-hero__logo{position:absolute;top:64%;left:50%;transform:translate(-50%);width:clamp(300px,29.8vw,445px);margin:0;line-height:0}.luminant-hero__logo img{display:block;width:100%;height:auto}.luminant-hero__logo .luminant-hero__studio{width:65.68%;margin:5.75% auto 0}.luminant-hero__caption{position:absolute;right:4.3%;bottom:max(120px,4.8%);width:246px;padding-right:32px;border-right:2px solid #ffffff80;font:400 21px/24px GD Trio Hero,sans-serif;letter-spacing:-.42px;text-align:right}.luminant-hero__caption p{margin:0}.luminant-hero__brackets{display:block;margin-top:16px}@media(max-width:749px){.luminant-hero__watch{top:15%;width:100%;height:52%}.luminant-hero__logo{top:57%;width:min(78%,340px)}.luminant-hero__caption{right:24px;bottom:80px;width:213px;padding-right:24px;font-size:18px;line-height:21px;letter-spacing:-.36px}}@media(prefers-reduced-motion:reduce){.luminant-hero__poster,.luminant-hero__viewer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/luminant-watch-hero.css.map */