*{box-sizing:border-box}html{background:#11110e;color-scheme:dark;scrollbar-color:#ae9472 #11110e}body{margin:0;color:#fff;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c3f9ff;outline-offset:6px}[hidden]{display:none!important}.preview-stage{position:relative;min-height:700px;height:100svh;overflow:hidden;isolation:isolate;background:#0d171e}#room,.room-fallback{position:absolute;inset:0;display:block;width:100%;height:100%}.room-fallback{object-fit:cover}#preview[data-ready=false] #room{visibility:hidden}#preview[data-ready=true] .room-fallback{visibility:hidden}.top{position:absolute;z-index:7;inset:0 0 auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.top img{display:block;width:170px;height:auto}.top a,#pause,#close{display:inline-flex;align-items:center;gap:15px;min-height:44px;padding:9px 1px;background:none;border:0;border-bottom:1px solid #d3e9ea80;border-radius:0;font-size:12px;font-weight:550;text-decoration:none;text-shadow:0 1px 2px #000,0 2px 4px #000}.top a:hover,#pause:hover,#close:hover{color:#c5f8ff;border-color:#c5f8ff}.introduction{position:absolute;z-index:4;top:91px;left:50%;transform:translateX(-50%);width:90%;max-width:690px;text-align:center;pointer-events:none;text-shadow:0 1px 2px #000,0 2px 4px #000,0 0 3px #000}.eyebrow{font-size:9px;line-height:1.6;letter-spacing:.19em;font-weight:700;color:#bbf4fa;margin:0 0 10px}.introduction h1{font-size:clamp(26px,2.8vw,40px);line-height:1.14;letter-spacing:-.035em;font-weight:650;margin:0 0 10px}.introduction>p:last-child{font-size:13px;margin:0;color:#fff}.accesses{position:absolute;z-index:5;inset:0;pointer-events:none}.access{--accent:#b8f3fa;--x:20%;--y:65%;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-8%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:83px;width:max-content;max-width:235px;padding:7px 9px 10px;background:none;border:0;border-radius:0;box-shadow:none;color:#fff;pointer-events:auto;text-align:center;text-shadow:0 1px 2px #000,0 2px 4px #000,0 0 2px #000;isolation:isolate}.access .category{font-size:8px;letter-spacing:.15em;font-weight:700;color:#d7edf0;line-height:1.5}.access .name{font-size:clamp(17px,1.65vw,24px);line-height:1.15;font-weight:650;letter-spacing:-.025em}.access .cta{font-size:11px;font-weight:600;display:flex;align-items:center;gap:11px;color:#d0f9fd;min-height:24px}.access .cta b{font-size:17px;font-weight:400;transition:transform .4s}.access:after{content:'';display:block;position:absolute;bottom:1px;left:50%;height:1px;width:42px;background:var(--accent);transform:translateX(-50%) scaleX(.65);opacity:.7;box-shadow:0 0 6px #7cdff966;transition:transform .45s,opacity .45s}.access:hover:after,.access:focus-visible:after,.access.is-active:after{transform:translateX(-50%) scaleX(2.1);opacity:1}.access:hover .name,.access:focus-visible .name{color:#d4fbff}.access:hover .cta b,.access:focus-visible .cta b{transform:translate(4px,-3px)}.access.is-active .category{color:#baf7ff}.access.product{--accent:#e9c58f}.access.product .category{color:#e9ceaa;font-size:7px}.access.product .name{font-size:clamp(16px,1.4vw,21px)}.product-label{position:absolute;left:50%;top:59%;transform:translateX(-50%);font-size:8px;letter-spacing:.19em;font-weight:650;color:#efd8b9;text-shadow:0 1px 2px #000,0 2px 4px #000;margin:0;white-space:nowrap;pointer-events:none}.bottom{position:absolute;z-index:7;left:28px;right:28px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.bottom p{font-size:11px;line-height:1.5;margin:0;color:#fff;text-shadow:0 1px 2px #000,0 2px 4px #000}.bottom small{display:block;font-size:9px;color:#e2e9e9;margin-top:4px}.signal{display:inline-block;width:5px;height:5px;background:#bdf7ff;box-shadow:0 0 7px #75ddf3;border-radius:50%;margin-right:9px}.loading{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;text-shadow:0 1px 3px #000}.sr-only{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.viewing .introduction,.viewing .accesses,.viewing .bottom,.viewing .top a{visibility:hidden}body.viewing{overflow:hidden}.paused .signal{background:#e0c293;box-shadow:none}.paused .access:after{box-shadow:none}
dialog{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;background:transparent;border:0;color:#fff;padding:0;overflow:hidden;overscroll-behavior:contain}dialog::backdrop{background:transparent}.detail{position:absolute;right:5%;top:15%;width:min(430px,38%);max-height:80%;overflow:auto;padding:5px 9px 25px;scrollbar-width:thin;overscroll-behavior:contain;text-shadow:0 1px 2px #000,0 2px 4px #000,0 0 2px #000}dialog[data-side=right] .detail{right:auto;left:5%}#close{margin-bottom:25px}.detail h2{font-size:clamp(28px,2.6vw,39px);line-height:1.12;letter-spacing:-.04em;margin:0 0 18px}.detail>p:not(.eyebrow){font-size:15px;line-height:1.65;margin:0 0 23px}.detail dl{margin:0}.detail dl>div{margin-top:17px}.detail dt{font-size:13px;color:#c4f5f8;font-weight:700}.detail dd{font-size:14px;line-height:1.65;margin:4px 0 0}
@media(min-width:901px) and (max-height:760px){.introduction{top:85px}.introduction h1{font-size:30px}.access{max-width:205px;gap:3px}.access .name{font-size:19px}.access.product .name{font-size:17px}.access .category{font-size:7px}}
@media(max-width:1100px) and (min-width:901px){.access{max-width:192px}.access .name{font-size:18px}.access.product .name{font-size:16px}.access .category{font-size:7px}}
@media(max-width:900px){.preview-stage{min-height:940px;height:100svh}.top{padding:16px 20px}.top img{width:138px}.top a{font-size:11px;gap:9px}.introduction{top:92px}.introduction h1{font-size:29px}.introduction .eyebrow{font-size:8px}.introduction>p:last-child{font-size:12px}.accesses{inset:485px 24px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.access{position:relative;left:auto!important;top:auto!important;transform:none;width:100%;max-width:none;min-height:96px;justify-content:flex-start;gap:7px;padding:6px 0 12px}.access .category{font-size:8px;letter-spacing:.1em}.access .name{font-size:20px;min-height:46px;display:flex;align-items:center;justify-content:center}.access .cta{font-size:12px;gap:12px;min-height:22px}.access.product .name{font-size:19px}.access:after{bottom:1px}.access.product .category{font-size:7px}.product-label{position:static;transform:none;grid-column:1/-1;text-align:center;font-size:8px;padding-top:6px;margin:0 0 -8px}.bottom{left:20px;right:20px;bottom:16px}.bottom p{font-size:10px}.bottom small{font-size:8px}#pause{font-size:11px}.detail,dialog[data-side=right] .detail{top:30%;left:22px;right:22px;width:auto;max-height:70%;padding-bottom:25px}.detail h2{font-size:31px}.detail>p:not(.eyebrow){font-size:16px}.detail dd{font-size:15px}#close{margin-bottom:20px}}
@media(max-width:430px){.preview-stage{min-height:960px}.introduction h1{font-size:26px}.introduction>p:last-child{max-width:280px;margin:auto}.accesses{left:20px;right:20px;gap:16px 16px}.access .name{font-size:19px}.access.product .name{font-size:18px}.access .category{font-size:7px}.top img{width:123px}.top{padding:15px 18px}.bottom{left:18px;right:18px}.bottom small{max-width:180px}.detail h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.access.product .category{display:none}
.fallback .accesses{inset:48% 5% auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fallback .access{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none}.fallback .product-label{position:static;grid-column:1/-1;transform:none;text-align:center}