:root{--bg:#040c12;--bg-deep:#02070c;--paper:#e9f3f1;--teal-pale:#d5ebe9;--ink-soft:#9cb6bc;--teal-bright:#91e5e0;--gold:#b7d7d8;--gold-soft:#d9e9e8}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg)}body::before{opacity:.035}a,button{-webkit-tap-highlight-color:transparent}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a1fff0;outline-offset:6px}nav{padding:26px 4vw;background:linear-gradient(#030b11d9,transparent);font-family:"Noto Sans",sans-serif}nav .mark{gap:12px}nav .mark img{width:31px;height:31px}nav .mark span{font-size:14px;letter-spacing:.14em}nav .links a{font-size:12px;color:#c4d4d8}nav .links .skip{display:none}
#arrival{height:100svh;min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 60% 50%,#14404d 0%,#050f1b 48%,#02060b 85%)}#ocean-world{position:absolute;inset:0;background:linear-gradient(#03091255,#02080ba0),url('../assets/ocean/surface.png') center/cover}#ocean-world canvas{width:100%;height:100%;display:block}.arrival-shade{position:absolute;inset:0;background:linear-gradient(#030a1344,transparent 58%,#030a1370);pointer-events:none}.arrival-copy{position:absolute;top:25%;width:100%;text-align:center;pointer-events:none}.arrival-orbit{display:block;font-size:24px;color:#c6eae7;margin-bottom:28px;text-shadow:0 0 26px #91e5e0}.arrival-copy h1{font-weight:400;font-size:clamp(4.5rem,10.5vw,11rem);letter-spacing:-.065em;line-height:.95;color:#e1efec;text-shadow:0 4px 40px #02101e70}.arrival-copy p{font-size:clamp(1.05rem,1.8vw,1.5rem);font-style:italic;color:#b5ced2;margin-top:24px}.arrival-bottom{position:absolute;bottom:42px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:"Noto Sans",sans-serif}.arrival-coordinate{font-size:12px;letter-spacing:.2em;color:#a4bdc6}.arrival-choices{display:flex;gap:14px}.arrival-choices a{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:38px;padding:16px 24px;border:1px solid #91c8ce66;border-radius:2px;text-decoration:none;font-size:14px;transition:background .3s,border-color .3s;backdrop-filter:blur(16px)}.story-choice{background:#d8eeeb;color:#0a2029}.work-choice{background:#06111a66;color:#e1efec}.arrival-choices a:hover{background:#a6dfd9;color:#05202a;border-color:#bbffff}#motion-toggle{color:#bdcdd4;background:transparent;border:0;border-bottom:1px solid #79929b66;padding:12px 0;cursor:pointer;font-size:12px}
#story{height:850vh;background:#020a11}#stage{height:100svh;background:#020a11}#story-art{position:absolute;inset:0;overflow:hidden}#story-art img{position:absolute;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}#story-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#01081120,transparent 30%,#010811bb)}.story-depth{opacity:0}#story .cap{z-index:3;top:auto;bottom:16%;left:8%;right:8%;text-align:left;transform:none;pointer-events:none}#story .cap p{font-size:clamp(1.8rem,3.4vw,3.6rem);max-width:760px;text-shadow:0 3px 26px #000;line-height:1.2}#mark{z-index:4;pointer-events:none}#hint{font-family:"Noto Sans",sans-serif;font-size:12px;letter-spacing:.15em}#depth{font-family:"Noto Sans",sans-serif;z-index:10}.worklede{background:#040c12;padding:110px 6vw 70px;min-height:0}.worklede h2{font-weight:400;font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.05em}.wgroup,.wpage{position:relative!important;top:auto!important;min-height:0!important;background:#040c12!important;border-top:1px solid #a5d1d522}.wgroup{padding:80px 6vw!important}.wgroup .inner{max-width:1440px;margin:auto}.wgroup h3{font-weight:400;font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.04em}.wgroup p{max-width:640px;font-size:17px;line-height:1.75}.wpage{padding:54px 6vw 80px!important}.wpage .inner{max-width:1440px;margin:auto}.whead{padding-bottom:25px}.whead h3{font-size:clamp(1.6rem,2.4vw,2.8rem);font-weight:400}.whead .client{font-family:"Noto Sans",sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#9fc4ca;margin-bottom:12px}.media{border-radius:2px!important;border-color:#bdd9da22!important;box-shadow:none!important}.wfoot p{font-size:16px;line-height:1.7}.wmeta,.glabel,.gcount,.wnum,.stat{font-family:"Noto Sans",sans-serif}.wmeta{font-size:14px}.deck button{min-width:44px;min-height:44px}.deck .dprev,.deck .dnext{opacity:1!important}#about,#contact,footer{background:#040c12!important}#about .principle,.brief-panel{border-radius:2px!important;background:#0a1720!important;box-shadow:none!important}#about h2,#contact h2{font-weight:400;letter-spacing:-.05em}#contact .cta{border-radius:2px}footer{border-top:1px solid #a5d1d522}.footer-mark span{color:#d1e6e5}
@media(max-width:700px){nav{padding:22px 5vw}nav .links{gap:17px}nav .links a{font-size:12px}nav .mark span{font-size:12px;letter-spacing:.02em}nav .mark img{width:26px;height:26px}#arrival{min-height:620px}.arrival-copy{top:29%;padding:0 18px}.arrival-copy h1{font-size:clamp(3.4rem,13vw,5.7rem)}.arrival-copy p{margin-top:18px}.arrival-bottom{bottom:27px;left:6vw;right:6vw;flex-wrap:wrap;justify-content:center}.arrival-coordinate{display:none}.arrival-choices{width:100%;flex-direction:column;gap:10px}.arrival-choices a{width:100%;padding:16px 20px}#motion-toggle{font-size:12px;padding:6px}#story{height:650vh}#story .cap{bottom:18%;left:7%;right:7%}#story .cap p{font-size:1.8rem}.story-surface{object-position:48% center}.story-depth{object-position:51% center}.whead{grid-template-columns:1fr 1fr!important;gap:20px}.whead h3{grid-column:1/-1}.wmeta{font-size:14px}.wnum{display:none}.wfoot{flex-direction:column;gap:16px}.wpage{padding:40px 6vw 60px!important}.wgroup{padding:65px 6vw!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#arrival canvas{display:none}#story{display:none!important}#rmstack{display:block!important}#rmstack img{width:100%;height:60svh;object-fit:cover}#rmstack figure{margin:0}#rmstack figcaption{padding:32px 7vw;font-size:1.7rem}#depth{display:none}.arrival-choices a{transition:none}#motion-toggle{display:none}}