/* Contain the original live homepage in exactly one viewport. Its original
   scene/sound/language styles and atmosphere remain in their own files. */
.first-screen{position:relative;height:100svh;isolation:isolate}.screen-stage{position:relative;width:100%;height:100%;overflow:hidden}.first-screen .scene{position:absolute;height:100%;inset:0}.first-screen .scene-main{height:100%;min-height:0}.first-screen .scene-footer{top:auto;bottom:0}.first-screen .portal-position{width:516px;grid-template-columns:1fr 1fr;gap:20px}.first-screen .portal-float{width:100%}.first-screen .neo-portal{width:100%}.tunnel-float{animation-delay:-3.5s}.tunnel-portal .portal-name{font-size:42px;letter-spacing:-2px}.tunnel-portal .portal-arrow{font-size:29px}.tunnel-portal .portal-kicker{font-size:7px;letter-spacing:1px}.first-screen .orb-caption{pointer-events:none}.first-screen .portal-orbit{z-index:-1}.details-content{position:relative;background:var(--bg);isolation:isolate;overflow:hidden}.details-content .products{padding-top:75px}.details-content .footer{position:static;inset:auto;min-height:0}.details-content .compare-footer{display:flex;flex-wrap:wrap;gap:18px;font-size:9px;color:var(--muted)}.details-content .compare-footer [aria-current]{color:var(--accent)}.skip{position:fixed;top:-100px;left:15px;z-index:99;background:#6275da;color:#fff;padding:12px}.skip:focus{top:12px}.language-options a{text-decoration:none}.language-options a>span:first-child{font-size:17px}.details-content [data-brand=logo]{border-radius:13px}
@media(max-width:700px){.first-screen .portal-position{width:min(88vw,410px);height:158px;gap:14px}.first-screen .neo-portal{height:148px;padding:18px 16px 15px;border-radius:21px}.first-screen .portal-name{font-size:43px;letter-spacing:-2px}.first-screen .portal-arrow{font-size:25px}.first-screen .tunnel-portal .portal-name{font-size:33px;letter-spacing:-1.5px}.first-screen .portal-product{gap:8px}.first-screen .portal-product img{width:26px;height:26px}.first-screen .portal-kicker{font-size:6px;letter-spacing:.6px;line-height:1.5;min-height:18px;margin-bottom:8px}.first-screen .portal-bottom{font-size:7px;letter-spacing:.8px;gap:5px;margin-top:12px;padding-top:11px}.first-screen .portal-bottom>span:last-child{font-size:12px}.first-screen .portal-bottom .portal-spark{width:3px;height:3px}.details-content .products{padding-top:50px}}
@media(max-width:380px){.first-screen .portal-position{width:88vw;gap:10px}.first-screen .neo-portal{padding:16px 12px;height:140px;border-radius:18px}.first-screen .portal-name{font-size:37px}.first-screen .tunnel-portal .portal-name{font-size:29px}.first-screen .portal-arrow{font-size:21px}.first-screen .portal-product{gap:7px}.first-screen .portal-product img{width:23px;height:23px}.first-screen .portal-bottom{font-size:6px;letter-spacing:.4px}.first-screen .portal-kicker{font-size:5.5px}}
/* The original artwork enforced 640px minimum height. Compact landscape needs
   the same full scene inside its actual viewport instead of clipping it. */
@media(max-height:540px){.first-screen .scene-main{height:100%;min-height:0}.first-screen .scene{height:100%}.first-screen .scene-footer{top:auto;bottom:0;padding-block:10px}.first-screen .masthead{padding:12px 25px}.first-screen .intro{top:20%}.first-screen h1{font-size:clamp(26px,7vh,38px);line-height:1.05}.first-screen .eyebrow{margin-bottom:7px;font-size:7px}.first-screen .portal-position{top:60%;transform:translate(-50%,-50%) scale(.66);height:150px}.first-screen .orb-caption{display:none}.first-screen .scene-footer{flex-direction:row;justify-content:space-between}.first-screen .experience-controls{order:0}.first-screen .footer-coordinate{display:none}.first-screen .studio-credit{font-size:9px}.first-screen .masthead-note{display:none}.first-screen .fallback-core{width:min(65vw,64vh,650px)}}
@media(max-height:400px){.first-screen .masthead{padding-block:8px}.first-screen .intro{top:22%}.first-screen .portal-position{top:65%;transform:translate(-50%,-50%) scale(.55)}.first-screen .eyebrow{display:none}.first-screen .scene-footer{padding-block:5px}.first-screen .experience-controls{gap:5px}.first-screen .sound-toggle{min-height:34px}.first-screen .sound-volume,.first-screen .sound-volume input{height:34px;min-height:34px}.first-screen .experience-controls .motion-toggle{min-height:34px;height:34px}}
.first-screen .portal-position{grid-template-columns:repeat(2,minmax(0,1fr))}.first-screen .portal-float{min-width:0}.first-screen .eyebrow span:last-child{width:auto;white-space:nowrap}
@media(max-width:700px){.first-screen .neo-portal{padding-inline:12px}.first-screen .portal-name{font-size:clamp(32px,9.2vw,40px)}.first-screen .tunnel-portal .portal-name{font-size:clamp(22px,6.3vw,29px)}.first-screen .portal-product{gap:6px}.first-screen .portal-product img{width:clamp(20px,6.2vw,26px);height:clamp(20px,6.2vw,26px)}.first-screen .portal-arrow{font-size:clamp(16px,4.7vw,22px)}.first-screen .portal-kicker{overflow-wrap:anywhere}.first-screen .portal-bottom{overflow-wrap:anywhere}}
@media(max-height:540px){.first-screen .edge-label{top:43%;font-size:6px;letter-spacing:1px}}
@media(min-height:541px) and (max-height:700px) and (min-width:701px){html:not([lang=en]) .first-screen h1{font-size:44px}}