/* The first view is exactly the site's existing off-white, including before
   deferred scripts finish. Removing data-initial-intro restores the old intro. */
.is-entering[data-initial-intro="desk"]:not(.desk-intro-finished) body>header{visibility:hidden}
.is-entering[data-initial-intro="desk"] body>footer{visibility:hidden}
.desk-stage.desk-intro-stage{z-index:700;background:#f5f5f3;--desk-grounding:1;cursor:default}
.desk-intro-stage .desk-intro-world{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}
.desk-intro-stage .desk-tablet-device{z-index:2}
.desk-stage.desk-intro-stage .desk-tablet-device .desk-device-display,.desk-stage.desk-intro-stage .desk-tablet-device .desk-device-overscan{background:#10151a}
.desk-intro-stage .desk-intro-wallpaper{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:0;user-select:none;pointer-events:none}
.desk-intro-stage .desk-intro-sleep{position:absolute;inset:0;z-index:35;opacity:1;background:linear-gradient(125deg,#171d24,#090d11 68%,#11171c);pointer-events:none}
.desk-intro-stage .desk-intro-browser{position:absolute;left:0;top:0;z-index:40;background:#f5f5f3;overflow:hidden;contain:layout paint;transform-origin:0 0;visibility:hidden;will-change:transform}
.desk-intro-stage .desk-intro-browser-chrome{position:absolute;left:0;right:0;top:0;height:28px;z-index:250;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ccd0d0;background:#eef0f1;pointer-events:none}
.desk-intro-stage .desk-intro-browser-controls{position:absolute;left:14px;top:10px;display:flex;gap:17px}
.desk-intro-stage .desk-intro-browser-controls i{width:7px;height:7px;border-left:1px solid #71828c;border-bottom:1px solid #71828c;transform:rotate(45deg)}
.desk-intro-stage .desk-intro-browser-controls i:nth-child(2){transform:rotate(225deg);opacity:.45}
.desk-intro-stage .desk-intro-browser-address{width:48%;height:18px;border-radius:5px;background:#dce1e3;color:#69777e;display:flex;align-items:center;justify-content:center;font:9px/1 Arial,Helvetica,sans-serif;letter-spacing:.01em;text-transform:none}
.desk-intro-stage .desk-intro-browser-tabs{position:absolute;right:15px;top:8px;width:11px;height:11px;border:1px solid #71828c;border-radius:2px}
.desk-intro-stage .desk-intro-browser-tabs i{position:absolute;left:3px;top:-4px;width:10px;height:10px;border-top:1px solid #71828c;border-right:1px solid #71828c;border-radius:2px}
/* The live page keeps native CSS pixels; only its ancestor camera is scaled.
   This makes fixed children and the guide share the exact aperture endpoint. */
.desk-intro-stage .desk-intro-browser>.desk-device-screen{z-index:1;contain:layout paint;isolation:isolate}
.desk-intro-stage .desk-device-screen>#gallery,.desk-intro-stage .desk-device-screen>#loading-screen{position:absolute;inset:0;width:100%;height:100%;margin:0}
.desk-intro-stage .desk-device-screen>.intro-focus-guide{position:absolute!important}
@media(prefers-reduced-motion:reduce){.desk-stage.desk-intro-stage{display:none}}