@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#082942;background:#f6f8f7;font-synthesis:none;--ink:#082942;--cyan:#009ac3;--line:rgba(8,41,66,.15)}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #008eac;outline-offset:5px}button{border:0}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.masthead{height:86px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:4;background:#f7f9f8}.brand{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;letter-spacing:-2px}.brand-ai{color:#00a5d1}.masthead-title{font-size:10px;letter-spacing:2.1px;font-weight:650}.masthead-title span{color:#91a4ab;margin:0 12px}.quiet-button{background:transparent;font-size:12px;padding:10px 0}.quiet-button span{margin-left:9px;color:#008faf}#experience{position:relative;height:calc(100svh - 86px);min-height:650px;overflow:hidden;background:#e1eeee}#stage{position:absolute;inset:0 0 174px}#stage canvas{display:block;width:100%;height:100%}.stage-wash{pointer-events:none;position:absolute;inset:0 0 174px;background:linear-gradient(90deg,rgba(242,248,246,.92) 0%,rgba(241,247,247,.76) 22%,rgba(240,247,247,.12) 46%,transparent 62%)}.story{position:absolute;top:11%;left:4%;width:31%;max-width:435px;pointer-events:none;z-index:2}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;display:flex;gap:10px;align-items:center;margin:0 0 26px}.status-dot{width:6px;height:6px;border-radius:50%;background:#00a9b6;box-shadow:0 0 0 4px #00a9b618}h1{font-family:Manrope,sans-serif;letter-spacing:-2.4px;line-height:1.13;font-weight:650;font-size:clamp(32px,3.55vw,62px);margin:0 0 24px}h1 em{font-style:normal;color:#1788a1}.story-copy{font-size:15px;line-height:1.85;color:#4b626b;max-width:350px;margin:0}.story-detail{border-top:1px solid #b8cbd0;padding-top:20px;margin-top:28px;max-width:275px}.story-detail>span{font-size:9px;letter-spacing:1.65px;font-weight:650;color:#66858e}.story-detail p{font-size:13px;line-height:1.7;margin:11px 0 0}.vessel-caption{position:absolute;right:5%;bottom:214px;display:flex;align-items:center;gap:13px;font-size:12px;pointer-events:none}.caption-rule{display:block;width:34px;height:1px;background:#278a9f}.vessel-caption strong{display:block;font-weight:650}.vessel-caption div>span{display:block;font-size:10px;letter-spacing:.3px;color:#4c6d79;margin-top:5px}.scene-label{position:absolute;right:4%;top:26px;display:flex;gap:12px;font-size:9px;letter-spacing:1.8px;color:#416372}.scene-separator{opacity:.45}.explore-hint{position:absolute;left:60%;bottom:224px;transform:translate(-50%);font-size:11px;color:#375c68;opacity:0;transition:opacity .3s}.exploring .explore-hint{opacity:1}.exploring .story-copy,.exploring .story-detail{opacity:.45}.exploring #stage{cursor:grab}.transport{position:absolute;bottom:44px;width:100%;height:130px;background:#f7faf9fa;padding:22px 4% 0;border-top:1px solid var(--line);z-index:3}.transport-top{display:flex;align-items:center;gap:24px;height:36px}.playback{display:flex;align-items:center;gap:16px;flex-shrink:0}.play-button{height:34px;width:34px;background:#082942;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px}.time{font-size:10px;font-variant-numeric:tabular-nums;color:#466573;white-space:nowrap}.time-divider{margin:0 8px;color:#a3b5bd}#scrubber{flex:1;min-width:50px;accent-color:#0099b8;height:3px;cursor:pointer}.explore-button{padding:11px 18px;border:1px solid #bcd1d6;background:transparent;font-size:11px;white-space:nowrap}.explore-button span{margin-left:18px}.explore-button[aria-pressed=true]{background:#082942;color:#fff;border-color:#082942}.fullscreen{background:transparent;font-size:23px;padding:4px}.chapters{display:grid;grid-template-columns:repeat(6,1fr);margin-top:22px}.chapters button{text-align:left;background:transparent;position:relative;padding:12px 0 14px;border-top:2px solid #dae5e6;font-size:11px;white-space:nowrap;transition:color .25s}.chapters button span{margin-right:12px;color:#8b9fa7;font-size:9px}.chapters button.active{border-color:#00a0bd;color:#007e9c}.chapters button.active span{color:#00a0bd}.chapters button:hover{color:#008aab}.concept-footer{position:absolute;bottom:0;left:0;width:100%;height:44px;padding:0 4%;background:#f3f6f5;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#6c838c}.concept-footer>span:first-child{font-size:8px;letter-spacing:1.4px}.concept-footer a{color:#335d6e}.hotspot{position:absolute;pointer-events:none;font-size:10px;white-space:nowrap;background:#f9fcfbf5;border:1px solid #c4dfe1;padding:10px 13px;box-shadow:0 4px 16px #214c6612;color:#245c70;transform:translate(8px,-50%);transition:opacity .3s;line-height:1.5}.hotspot:before{content:"";position:absolute;left:-6px;top:calc(50% - 4px);width:7px;height:7px;background:#01acc0;border:2px solid white;border-radius:50%}.hotspot small{display:block;font-size:8px;letter-spacing:1px;color:#6b929a}.loader{position:absolute;inset:0 0 174px;background:#edf5f3;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s}.loader.done{opacity:0;pointer-events:none}.loader-mark{font-family:Manrope,sans-serif;font-weight:800;font-size:56px;letter-spacing:-3px;color:#009bc4}.loader p{font-size:12px;letter-spacing:.6px;color:#547580}.loader-line{width:100px;height:2px;background:#b8d5dc;position:relative;overflow:hidden;margin-top:12px}.loader-line:after{content:"";position:absolute;width:45px;height:2px;background:#009bc4;animation:load 1.2s infinite ease-in-out}@keyframes load{0%{transform:translate(-45px)}to{transform:translate(100px)}}#fallback{position:absolute;inset:0 0 174px;background:#e4f0ef}#fallback img{width:100%;height:100%;object-fit:cover}#fallback p{position:absolute;right:5%;bottom:20px;width:280px;font-size:12px;color:#254b5b;background:#f5faf8;padding:15px}.story a{pointer-events:auto;color:#00849d;text-decoration:underline;text-underline-offset:4px}dialog{border:1px solid #c9d8db;padding:48px;max-width:610px;width:calc(100% - 40px);color:#082942;background:#f7faf8}dialog::backdrop{background:#05213288;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font-family:Manrope,sans-serif;font-size:34px;line-height:1.15;letter-spacing:-1.2px;font-weight:600;margin:0 0 24px}dialog p:not(.eyebrow){font-size:13px;line-height:1.8;color:#546b74}dialog p a{color:#0091aa;text-decoration:underline}.dialog-close{position:absolute;top:15px;right:22px;font-size:26px;background:none}.notes-bottom{border-top:1px solid #ccdadd;display:flex;justify-content:space-between;gap:15px;padding-top:20px;margin-top:25px;font-size:10px}.notes-bottom a{color:#008b9f}.film .masthead{height:74px}.film #experience{height:calc(100svh - 74px);min-height:0}.film .transport{display:none}.film #stage,.film .stage-wash,.film .loader{bottom:44px}.film .vessel-caption{bottom:83px}.film .story{top:17%}.film .scene-label{top:28px}.film .story-copy{font-size:16px}.film .explore-hint{display:none}@media(min-width:1800px){.story{max-width:520px}.story-copy{font-size:18px;max-width:440px}.story-detail p{font-size:15px}}@media(max-width:900px){.masthead{height:70px}.brand{font-size:30px}.masthead-title{font-size:8px;letter-spacing:1.2px}.masthead-title span{margin:0 6px}#experience{height:calc(100svh - 70px);min-height:750px}.story{top:6%;width:40%}h1{font-size:35px;letter-spacing:-1.5px}.story-copy{font-size:13px;line-height:1.7}.story-detail{max-width:220px}.transport-top{gap:16px}.chapters button{font-size:9px}.chapters button span{margin-right:7px}.vessel-caption{right:4%;font-size:10px}.concept-footer>span:nth-child(2){font-size:8px;max-width:270px}.hotspot{font-size:9px;padding:8px}.scene-label{font-size:8px}}@media(max-width:600px){.masthead{padding:0 6%;height:64px}.masthead-title{display:none}.quiet-button{font-size:10px}.brand{font-size:29px}#experience{height:calc(100svh - 64px);min-height:770px}#stage,.stage-wash,.loader{bottom:213px}.stage-wash{background:linear-gradient(180deg,#eff6f5f5 0%,#eff6f5bb 32%,transparent 57%)}.story{top:31px;left:6%;width:88%;max-width:unset}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:16px}h1{font-size:35px;line-height:1.13;margin-bottom:12px;letter-spacing:-1.5px}.story-copy{font-size:12px;max-width:315px;line-height:1.65}.story-detail{display:none}.vessel-caption{bottom:241px;right:6%;font-size:10px;gap:8px}.vessel-caption div>span{font-size:8px}.caption-rule{width:18px}.scene-label{inset:auto auto 224px 6%;font-size:7px;letter-spacing:1px}.transport{bottom:46px;height:167px;padding:19px 6% 0}.transport-top{gap:12px;flex-wrap:wrap;height:69px}.playback{gap:9px}.time{font-size:9px}.time-divider{margin:0 5px}#scrubber{width:calc(100% - 128px);flex:auto}.explore-button{font-size:10px;padding:8px 13px;margin-left:auto}.explore-button span{margin-left:10px}#sound{padding:6px 0}.fullscreen{font-size:21px;padding:0}.chapters{grid-template-columns:repeat(3,1fr);margin-top:10px;row-gap:0}.chapters button{font-size:9px;padding:8px 0}.chapters button span{font-size:8px;margin-right:5px}.concept-footer{padding:0 6%;height:46px;gap:8px;font-size:8px}.concept-footer>span:first-child{display:none}.concept-footer>span:nth-child(2){max-width:220px;font-size:7px}.concept-footer a{white-space:nowrap;font-size:8px}.hotspot{font-size:8px;white-space:normal;max-width:116px;padding:7px;line-height:1.4}.hotspot small{font-size:7px}.explore-hint{bottom:249px;left:35%;font-size:8px}.film .masthead{height:64px}.film #experience{height:calc(100svh - 64px)}.film .story{top:35px}.film .story-copy{font-size:12px}.film .scene-label{bottom:55px;top:auto}.film .vessel-caption{bottom:81px}dialog{padding:35px 27px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:600px){.route-chapter .vessel-caption{display:none}}