.depth-nav{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:min(740px,calc(100% - 40px));height:57px;border:1px solid #292929;border-radius:40px;background:#060606e6;padding:5px 6px 5px 22px;gap:20px;z-index:10}.depth-brand{font-size:14px;font-weight:700;letter-spacing:1.8px}.depth-nav>span{font-size:14px;color:#777}.depth-enter{color:#151515;background:white;border-radius:30px;padding:15px 22px;font-size:14px}.depth-intro{height:100svh;min-height:720px;background:#000;overflow:hidden;display:block;padding:0!important;pointer-events:auto;isolation:isolate}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px);background-size:96px 96px;background-position:center 24px;z-index:0;pointer-events:none}.island-stage{position:absolute;top:9%;left:50%;transform:translateX(-50%);width:min(1380px,130vw);height:75%;z-index:1;mix-blend-mode:screen;pointer-events:none;opacity:var(--intro-fade,1)}.island-stage img{width:100%;height:100%;object-fit:contain;display:block}#depth-title{position:absolute;z-index:3;left:50%;transform:translateX(-50%);top:10%;width:min(640px,58vw);height:31%;pointer-events:none;opacity:var(--intro-fade,1)}#depth-title canvas{display:block;width:100%;height:100%}.intro-marker{position:absolute;top:50%;left:3%;font-size:12px;color:#999;letter-spacing:1.5px;font-weight:700}.ambient-toggle{position:absolute;right:3%;top:50%;max-width:150px;background:none;border:0;text-align:right;font-size:11px;font-weight:600;letter-spacing:1px;color:#888;line-height:1.5;z-index:4}.depth-caption{position:absolute;bottom:5.5%;left:0;width:100%;text-align:center;z-index:4}.depth-caption h1{font-family:'DM Sans',sans-serif;font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.06;letter-spacing:-1.2px;margin:0 0 23px;color:#d5d5d5}.depth-scroll{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:1.4px;color:#aaa}.depth-scroll span{border:1px solid #aaa;border-radius:50%;width:24px;height:24px;font-size:20px;line-height:17px;font-weight:400}.in-intro .scene-tools,.in-intro .chapter-index{opacity:0;pointer-events:none}.in-intro #scene{visibility:hidden}.title-fallback{font-family:Georgia,serif;font-style:italic;font-size:clamp(100px,18vw,230px);color:#d8eee8;text-shadow:3px 4px #4d766d,-1px -1px white;display:block;text-align:center}.chapter p{font-size:16px}.copy button,.range-label,.material-info{font-size:14px}
@media(max-width:600px){.depth-nav{top:15px;height:53px;left:20px;transform:none;width:calc(100% - 40px);padding-left:18px}.depth-nav>span{display:none}.depth-enter{font-size:12px;padding:13px 18px}.depth-intro{min-height:680px;height:100svh}.island-stage{top:20%;height:57%;width:180vw}#depth-title{top:16%;width:86vw;height:24%}.intro-marker{top:77%;left:6%;font-size:10px}.ambient-toggle{top:77%;right:6%;font-size:9px;max-width:145px}.depth-caption{bottom:5%}.depth-caption h1{font-size:29px;letter-spacing:-.8px;margin-bottom:19px}.hero-grid{background-size:65px 65px}.depth-scroll{font-size:10px}}



.hero-art{position:absolute;inset:0;pointer-events:none;transform-origin:50% 45%;will-change:transform;mix-blend-mode:screen}.depth-intro{perspective:1600px}.hero-art #depth-title{top:8%;height:28%}@media(max-width:600px){.hero-art #depth-title{top:16%;height:24%}}