@font-face{font-family:'Avara Sans';src:url('assets/fonts/arial-regular.ttf')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05090e;color:#f2f1ed;font-family:'Avara Sans',Arial,sans-serif}#dive-root{position:relative;width:100%;height:100%;overflow:hidden}.dive-void{position:absolute;inset:0;background:#05090e}#dive-jolt{position:absolute;inset:0;transform-origin:center}#dive-room{position:absolute;inset:0;transform-origin:50% 42.3%;will-change:transform}#dive-desk{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#dive-monitor{position:absolute;display:grid;place-items:center;overflow:hidden;background:#04111d}#dive-monitor>img{width:32%;height:auto;opacity:.65}#dive-monitor>span{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#6caef508 4px);opacity:.5}#dive-monitor>i{position:absolute;left:0;right:0;top:32%;height:1px;background:#6caef5;opacity:.28}#dive-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}#dive-veil{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#2478d800 0%,#06152840 55%,#040609dd 100%)}#dive-caption{position:absolute;left:0;right:0;bottom:16%;text-align:center;font-size:clamp(12px,1.1vw,22px);letter-spacing:.55em;color:#a7adb5;opacity:0}#dive-loading{position:absolute;left:0;right:0;bottom:10%;text-align:center;font-size:11px;letter-spacing:2px;color:#c4cbd3}#dive-loading span{display:block;margin:16px auto 0;width:50px;height:1px;background:#2478d8}body.ready #dive-loading{display:none}@media(prefers-reduced-motion:reduce){#dive-monitor>span,#dive-monitor>i{display:none}}

/* Separate page-native planes; no photograph, mask, blur, or fading edges. */
html,body{background:transparent}.dive-void{background:transparent}#dive-room{background:transparent}#dive-set{position:absolute;width:1672px;height:941px;transform-origin:0 0}.set-layer{position:absolute;inset:0;will-change:transform}.set-back{color:#a7adb5}.set-guide{position:absolute;top:120px;bottom:100px;width:1px;background:#a7adb518}.guide-left{left:300px}.guide-right{right:300px}.set-guide::before,.set-guide::after{content:"";position:absolute;left:-8px;width:17px;height:1px;background:#a7adb540}.set-guide::before{top:40px}.set-guide::after{bottom:40px}.set-coordinate{position:absolute;left:320px;top:155px;font-size:9px;letter-spacing:3px;color:#a7adb570}.set-orbit{position:absolute;left:230px;top:664px;width:1212px;height:1px;background:#a7adb526}.desk-top{position:absolute;left:180px;top:680px;width:1312px;height:112px;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);background:linear-gradient(#292c2e,#242729);border-bottom:1px solid #7a86923b}.desk-edge{position:absolute;left:180px;top:792px;width:1312px;height:9px;background:linear-gradient(#41474b,#26292b 40%,#1a1d20);border-top:1px solid #a7adb548}.desk-support{position:absolute;top:801px;width:11px;height:96px;background:linear-gradient(90deg,#33383b,#242729);border-left:1px solid #56616b4d}.support-left{left:310px}.support-right{right:310px}.monitor-shell{position:absolute;left:489px;top:214px;width:694px;height:370px;background:linear-gradient(125deg,#596169,#30363c 2%,#10161b 24%,#242b32 98%,#66717c);padding:2px;border-radius:5px}.monitor-rim{position:absolute;inset:2px;background:#141a20;border:1px solid #73808b40;border-radius:3px}.monitor-led{position:absolute;bottom:5px;right:18px;width:3px;height:3px;background:#6caef5;opacity:.75}.monitor-neck{position:absolute;left:806px;top:581px;width:60px;height:104px;background:linear-gradient(90deg,#3b4248,#4c555d 18%,#262d33 80%,#1c2329);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.monitor-foot{position:absolute;left:724px;top:680px;width:224px;height:12px;background:linear-gradient(#5d6872,#343c43 30%,#242b31);clip-path:polygon(12% 0,88% 0,100% 70%,100% 100%,0 100%,0 70%);border-bottom:1px solid #7d8a964a}.monitor-detail{position:absolute;left:492px;top:598px;font-size:8px;letter-spacing:2px;color:#a7adb55c}.set-keyboard{position:absolute;left:600px;top:711px;width:420px;height:65px;transform:perspective(600px) rotateX(24deg);background:#2b3137;border:1px solid #77838f65;border-bottom:4px solid #171d23;border-radius:3px;padding:7px}.keyboard-keys{height:36px;background-image:repeating-linear-gradient(90deg,transparent 0 21px,#121a22 21px 24px),repeating-linear-gradient(0deg,#4a56614d 0 8px,#141d26 8px 11px);border:1px solid #1c2630}.keyboard-space{width:45%;height:8px;background:#414d594d;border:1px solid #111b25;margin:4px auto 0}.set-mouse{position:absolute;left:1120px;top:727px;width:48px;height:35px;transform:rotate(-9deg);border-radius:48% 48% 38% 38%;background:linear-gradient(120deg,#424e59,#202a33);border:1px solid #69788766;border-bottom:3px solid #141d25}.set-mouse i{position:absolute;left:23px;top:3px;width:1px;height:15px;background:#101a23}.set-pencil{position:absolute;left:1240px;top:738px;width:110px;height:3px;background:linear-gradient(90deg,#a7adb55c 0 5%,#405c77 5% 90%,#9c9c8b 90%);transform:rotate(-18deg)}#dive-monitor{border-radius:1px;background:linear-gradient(145deg,#071725,#03101d)}

/* Desk refinements: articulated lighting, materials, tools and independent props. */
.desk-top{background:linear-gradient(112deg,#34383b,#292d30 45%,#33383b);border-top:1px solid #a7adb54d}.desk-top::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#c4cbd305 3px 4px)}.desk-edge{height:13px;border-top-color:#a7adb566}.desk-support{width:16px;background:linear-gradient(90deg,#48515a,#252b31 60%)}.desk-pad{position:absolute;left:575px;top:702px;width:623px;height:80px;background:#1c232a;border:1px solid #596b7b55;transform:skewX(-10deg);border-radius:4px}.set-keyboard{background:linear-gradient(#46525c,#252e36);border-color:#a7adb57a}.keyboard-keys{background-image:repeating-linear-gradient(90deg,transparent 0 21px,#17212b 21px 24px),repeating-linear-gradient(0deg,#72808c55 0 8px,#141d26 8px 11px)}.task-lamp{position:absolute;inset:0}.lamp-base{position:absolute;left:282px;top:682px;width:122px;height:17px;background:linear-gradient(#65717a,#343e47);border:1px solid #8996a15c;border-radius:50%}.lamp-stem{position:absolute;left:337px;top:468px;width:8px;height:218px;background:linear-gradient(90deg,#78858f,#374450);transform:rotate(7deg);transform-origin:bottom}.lamp-arm{position:absolute;left:361px;top:469px;width:122px;height:7px;background:linear-gradient(#7b8791,#3d4c59);transform:rotate(-39deg);transform-origin:left}.lamp-joint{position:absolute;left:353px;top:461px;width:17px;height:17px;border-radius:50%;background:#5c6b78;border:3px solid #a7adb55c}.lamp-head{position:absolute;left:419px;top:381px;width:94px;height:38px;background:linear-gradient(#6c7d8a,#33424f);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);transform:rotate(18deg);border-bottom:3px solid #f2f1ed}.lamp-light{position:absolute;left:389px;top:418px;width:175px;height:275px;clip-path:polygon(39% 0,69% 0,100% 100%,0 100%);background:linear-gradient(#f2f1ed0d,#f2f1ed02);transform:rotate(5deg);pointer-events:none}.desk-speaker{position:absolute;left:1197px;top:519px;width:66px;height:169px;border:1px solid #6e808d6b;background:linear-gradient(100deg,#414c55,#252f38);border-radius:5px}.desk-speaker i,.desk-speaker b{position:absolute;border-radius:50%;left:12px;width:40px;height:40px;background:radial-gradient(#42596b 0 20%,#192a38 21% 48%,#596b78 49% 52%,#253746 53% 65%,#101d28 66%);border:1px solid #7a8d9c66}.desk-speaker i{top:21px;width:25px;height:25px;left:20px}.desk-speaker b{top:78px}.desk-plant{position:absolute;left:1305px;top:533px;width:110px;height:160px;transform-origin:50% 100%}.desk-plant b{position:absolute;bottom:0;left:20px;width:68px;height:72px;background:linear-gradient(100deg,#777d78,#424f4b);clip-path:polygon(0 0,100% 0,83% 100%,17% 100%);border-top:5px solid #27332f}.desk-plant i{position:absolute;left:52px;bottom:65px;width:24px;height:85px;background:linear-gradient(90deg,#687f70,#364e40);border-radius:90% 0 90% 0;transform-origin:50% 100%;transform:rotate(-36deg)}.desk-plant i:nth-child(2){height:100px;transform:rotate(-10deg)}.desk-plant i:nth-child(3){height:91px;transform:rotate(25deg)}.desk-plant i:nth-child(4){height:66px;transform:rotate(56deg)}.desk-plant i:nth-child(5){height:68px;transform:rotate(-65deg)}.desk-sketch{position:absolute;left:402px;top:710px;width:139px;height:81px;background:#d1d2cc;border:1px solid #f2f1ed55;box-shadow:2px 3px 0 #111b25;transform:skewX(-9deg)}.desk-sketch i{position:absolute;left:14px;top:14px;width:68px;height:40px;border:1px solid #536a7b}.desk-sketch i::before,.desk-sketch i::after{content:"";position:absolute;left:6px;height:1px;width:40px;top:10px;background:#536a7b}.desk-sketch i::after{top:20px;width:30px}.desk-sketch b{position:absolute;right:13px;top:15px;width:24px;height:14px;background:#2478d8}.desk-sketch span{position:absolute;right:13px;top:36px;width:24px;height:14px;background:#424e57}.desk-swatches{position:absolute;left:1260px;top:703px;display:flex;gap:5px;transform:rotate(8deg)}.desk-swatches i{width:23px;height:39px;background:#a7adb5;border:1px solid #f2f1ed6b}.desk-swatches i:nth-child(2){background:#2478d8;transform:translateY(4px)}.desk-swatches i:nth-child(3){background:#f2f1ed;transform:translateY(8px)}
#dive-monitor>img{width:37%;opacity:.95;z-index:2}#dive-monitor>span{opacity:.16}.monitor-preview{position:absolute;width:30%;height:55%;top:23%;background-size:cover;background-position:top;border:1px solid #7a8d9c55;opacity:.23}.preview-left{left:5%;transform:perspective(500px) rotateY(18deg) translateY(8%);background-image:url('assets/story/atelier-no-8.webp')}.preview-right{right:5%;transform:perspective(500px) rotateY(-18deg) translateY(-8%);background-image:url('assets/story/kairos.webp')}
.dive-start-copy{position:absolute;left:0;right:0;top:4%;text-align:center;pointer-events:none}.dive-start-copy>span{font-size:14px;letter-spacing:2px;color:#c4cbd3}.dive-start-copy h2{font-size:clamp(25px,3vw,42px);font-weight:400;letter-spacing:-1.5px;margin:10px 0;color:#f2f1ed}
#dive-veil{display:none}#dive-caption{inset:0;bottom:auto;width:100%;height:100%;letter-spacing:normal;visibility:hidden;color:#f2f1ed;pointer-events:none}#dive-caption>img{position:absolute;width:min(52vh,520px,66vw);height:auto;left:50%;top:43%;transform:translate(-50%,-50%)}#dive-caption>div{position:absolute;top:64%;left:24px;right:24px;text-align:center}#dive-caption p{font-size:clamp(17px,1.7vw,27px);letter-spacing:.10em;margin:0 0 15px}#dive-caption span{display:block;font-size:clamp(13px,1.1vw,17px);line-height:1.6;color:#c4cbd3}#dive-caption a{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;color:#6caef5;font-size:clamp(14px,1.1vw,17px);text-decoration:none;pointer-events:auto}#dive-caption a:hover{color:#f2f1ed}#dive-caption a:focus-visible{outline:2px solid #6caef5;outline-offset:5px}@media(max-aspect-ratio:4/5){.dive-start-copy{top:13%}.dive-start-copy>span{font-size:12px}.dive-start-copy h2{font-size:29px}#dive-caption>img{width:82vw;top:39%}#dive-caption>div{top:59%}#dive-caption p{font-size:17px;letter-spacing:.05em}#dive-caption span{font-size:13px;max-width:270px;margin:auto}}
@media(max-height:420px){.dive-start-copy{top:0}.dive-start-copy>span{display:none}.dive-start-copy h2{font-size:20px;margin:0}}

/* A steady original striped mark on the monitor. */
#monitor-line-mark{position:relative;width:62%;aspect-ratio:735/308;z-index:2;opacity:.95}#monitor-line-mark svg,#monitor-line-mark img{display:block;width:100%;height:100%;object-fit:contain}#dive-monitor{background:linear-gradient(145deg,#18242e,#172129)}

#monitor-line-mark{opacity:.46}#dive-root{transform-origin:50% 50%;will-change:transform}

/* A quieter screen and purposeful desk tools. */
#monitor-line-mark{opacity:.12}.desk-headphones{position:absolute;left:1242px;top:704px;width:131px;height:74px;transform:rotate(-13deg)}.headphone-band{position:absolute;left:16px;top:1px;width:98px;height:62px;border:7px solid #1a242d;border-top-color:#677785;border-left-color:#4c5b68;border-right-color:#344654;border-radius:60% 60% 35% 35%;border-bottom-color:transparent}.desk-headphones i,.desk-headphones b{position:absolute;top:41px;width:29px;height:27px;background:linear-gradient(100deg,#566572,#263541);border:2px solid #7a8c9c5c;border-bottom:5px solid #111c26;border-radius:7px}.desk-headphones i{left:9px;rotate:-20deg}.desk-headphones b{right:10px;rotate:20deg}.desk-notebook{position:absolute;left:354px;top:713px;width:155px;height:76px;transform:rotate(-14deg) skewX(-10deg);background:linear-gradient(100deg,#242d34,#414a50);border:1px solid #84909a5c;border-left:8px solid #17232c;border-bottom:4px solid #88918f;z-index:-1}.desk-notebook i{position:absolute;top:9px;bottom:9px;right:22px;width:2px;background:#182b3a}.desk-sketch{left:424px;top:704px;width:133px;height:78px}.set-pencil{left:370px;top:705px;rotate:12deg;width:105px}.desk-top{background:linear-gradient(112deg,#363a3c,#2b2f32 45%,#34393c)}

/* The official symbol moves independently; its wordmark and caption stay fixed. */
#dive-caption>img:not(.impact-mark){mask-image:linear-gradient(to bottom,#000 25.3%,transparent 25.4%,transparent 50.6%,#000 50.7%)}
#dive-caption>img.impact-mark{clip-path:inset(25.39% 18.3% 49.41% 19.7%);transform-origin:50% 38%;pointer-events:none}

#dive-caption>img.impact-mark{transform-origin:50% 50.59%}

#dive-caption>img.impact-mark{transform-origin:50% 38%}

#dive-caption>img.impact-mark{transform-origin:50.68% 37.99%}