.screenx-section{padding:85px var(--gutter);background:#0d141d;scroll-margin-top:90px}.sx-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:45px;margin-bottom:35px}.sx-heading h2{font-size:clamp(50px,8vw,110px);letter-spacing:-.06em;line-height:1;margin:0}.sx-heading h3{font-size:clamp(20px,2.5vw,32px);line-height:1.35;font-weight:500;margin:0 0 18px}.sx-heading p,.sx-text p{color:#b2becc;font-size:14px;line-height:1.85;max-width:58ch}.sx-photo{margin:0}.sx-photo img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:5px}.sx-photo figcaption,.sx-caption{color:#8d9aaa;font-size:10px;line-height:1.65;margin-top:12px}.sx-explainer{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;padding:55px 0}.sx-text h3,.sx-watch h3{font-size:25px;letter-spacing:-.7px;line-height:1.4;font-weight:500;margin:0 0 15px}.sx-text h4{font-size:15px;font-weight:500;margin:25px 0 10px;color:#c4b8ee}.sx-modes{display:flex;gap:7px;justify-content:center}.sx-modes button{padding:10px 14px;border:1px solid #ffffff24;border-radius:30px;background:transparent;color:#b2becc;font-size:11px}.sx-modes button[aria-pressed=true]{color:#080b10;background:#bcebf2;border-color:#bcebf2}.sx-room{position:relative;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;padding:35px 0 80px;min-height:250px;perspective:650px;isolation:isolate}.sx-wall{position:relative;display:grid;place-items:center;height:125px;border:1px solid #67d8ec66;background:linear-gradient(160deg,#2d728744,#111e32 75%);color:#c7e9ef;font-size:11px;text-align:center;transition:opacity .5s,filter .5s,background .5s}.sx-wall:after{content:'';position:absolute;inset:8px;border:1px solid #83c6d51c}.sx-left{transform-origin:right center;transform:rotateY(44deg);margin-top:10px;height:150px}.sx-right{transform-origin:left center;transform:rotateY(-44deg);margin-top:10px;height:150px}.sx-center{z-index:1}.sx-view{position:absolute;bottom:15px;left:20%;right:20%;height:75px;border-bottom:1px solid #67d8ec55;border-radius:0 0 50% 50%;text-align:center;font-size:24px;color:#8bd2e1;padding-top:17px}.sx-view i{display:block;margin:7px auto;width:5px;height:5px;border-radius:50%;background:#c4b8ee}.sx-room[data-mode=standard] .sx-left,.sx-room[data-mode=standard] .sx-right{opacity:.2;filter:grayscale(1)}.sx-room[data-mode=standard] .sx-view{opacity:.2}.sx-caption{text-align:center;margin:0}.sx-watch{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.sx-watch h3{margin:0 0 8px}.sx-watch p{font-size:11px;color:#a5adb9;margin:0}.sx-watch button{display:flex;align-items:center;gap:15px;border:0;border-radius:40px;background:#c4eaf1;color:#101722;padding:17px 24px;font-size:12px}.sx-sources{display:flex;gap:25px;flex-wrap:wrap;margin-top:20px;font-size:10px;color:#9aa7b8}.sx-sources a{text-decoration:underline;text-underline-offset:4px}.screenx-section button:focus-visible,.screenx-section a:focus-visible{outline:2px solid #67d8ec;outline-offset:5px}#screenxDialog{width:min(1000px,88vw);max-width:88vw;padding:0;border:0;background:#080b10;overflow:visible;color:white;border-radius:5px}#screenxDialog::backdrop{background:#03070be6;backdrop-filter:grayscale(1) blur(7px)}#screenxFrame{aspect-ratio:16/9;width:100%;background:#080b10}#screenxFrame iframe{border:0;width:100%;height:100%;display:block}#screenxClose{position:absolute;right:-12px;top:-30px;width:34px;height:34px;border:1px solid #ffffff50;border-radius:50%;background:#111923;color:white;font-size:23px}#screenxDialog>a{display:block;font-size:11px;padding:12px 0;color:#a5adb9;background:#080b10;text-align:right}
/* A bounded trail of fading wavelets; the normal cursor is retained. */
.cursor-ripples{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.cursor-ripple{position:absolute;left:0;top:0;width:76px;height:76px;margin:-38px;border-radius:50%;border:1px solid #80d9eb;box-shadow:0 0 12px #6cb7ce40,inset 0 0 9px #9f91de20;filter:blur(.8px);will-change:transform,opacity;opacity:0}body.modal-open .cursor-ripples,body:has(dialog[open]) .cursor-ripples{visibility:hidden}
@media(min-width:901px){.site-header nav{gap:20px;font-size:11px}}
@media(max-width:760px){.screenx-section{padding:55px var(--gutter)}.sx-heading{grid-template-columns:1fr;gap:25px}.sx-heading h2{font-size:62px}.sx-heading h3{font-size:24px}.sx-heading p,.sx-text p{font-size:13px}.sx-explainer{grid-template-columns:1fr;gap:30px;padding:35px 0}.sx-text h3,.sx-watch h3{font-size:23px}.sx-room{min-height:225px;padding-top:25px}.sx-wall{font-size:9px;height:105px}.sx-left,.sx-right{height:125px}.sx-watch{align-items:flex-start;flex-direction:column}.sx-watch button{padding:15px 20px}.sx-sources{gap:15px}.sx-photo img{min-height:190px;object-fit:cover}.sx-photo figcaption{font-size:9px}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-ripples{display:none}}
@media(prefers-reduced-motion:reduce){.sx-wall,.sx-view{transition:none}}