:root{--bg:#111817;--fg:#edf3f0;--muted:#a9bbb5;--accent:#56bdb1;--line:rgba(220,239,232,.16);font-family:'Inter',Arial,Helvetica,sans-serif;color:var(--fg);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover,a:hover{color:var(--accent)}#experience{position:relative;height:100svh;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 68% 43%,#171d20 0%,#0d1114 30%,#080b0d 67%)}#canvas-wrap{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,11,13,.35),transparent 50%),linear-gradient(0deg,rgba(8,11,13,.8),transparent 32%,transparent 85%,rgba(8,11,13,.4))}.grain{position:absolute;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}header{height:110px;position:relative;z-index:3;display:flex;align-items:center;margin:0 4.4%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:29px;letter-spacing:-1.5px;font-weight:600}.brand svg{width:39px;height:32px}.brand-dot{font-size:10px;vertical-align:top;display:inline-block;margin:4px 0 0 5px;letter-spacing:0}nav{display:flex;gap:38px;margin-left:95px;align-items:center;font-size:12px}nav button{padding:10px 0}nav a span{margin-left:8px;color:var(--muted)}.header-note{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.02em;color:#a8aaaa}.header-note i,.webgl-status i{width:5px;height:5px;border-radius:50%;background:#b9c5b4;box-shadow:0 0 9px #9aa99055}#menu-btn{display:none}.editorial-guide{position:absolute;left:4.4%;top:139px;height:calc(100% - 380px);width:1px;background:linear-gradient(transparent,var(--line),transparent)}.hero-copy{position:absolute;left:8%;top:23%;z-index:2;width:43%;pointer-events:none}.hero-copy>*{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:.19em;display:flex;gap:12px;align-items:center;color:#acaeae;font-weight:500}.tiny-line{width:23px;height:1px;background:var(--accent)}.edition{color:#6a7073;letter-spacing:0;margin-left:10px}h1{font-size:clamp(60px,6.05vw,100px);font-weight:400;line-height:1.02;letter-spacing:-.064em;margin:32px 0 24px}h1 span{color:#aeb3b5}#description{color:#8e9498;font-size:13px;line-height:1.8;letter-spacing:.005em;margin:0;max-width:350px}.play-story{display:flex;align-items:center;gap:15px;margin-top:31px;padding:0;font-size:11px;font-weight:500}.circle-play{display:grid;place-items:center;border:1px solid #f2815860;color:var(--accent);border-radius:50%;width:42px;height:42px;transition:background .3s}.circle-play svg{width:16px;height:16px}.play-story:hover .circle-play{background:#f2815818}.play-duration{color:#676f75;margin-left:7px;font-family:monospace;font-size:10px}.end-link{display:none;margin-top:30px;padding:13px 0;color:var(--accent);border-bottom:1px solid #f2815855;max-width:180px;font-size:13px}.end-link span{float:right}.top-right-tools{position:absolute;z-index:3;top:150px;right:4.4%}.tool-label{text-align:right;font-size:8px;letter-spacing:.16em;color:#7d868a;margin-bottom:12px}.material-switch{display:flex;border:1px solid #626c704d;border-radius:3px;padding:4px;background:#0b0f1288;backdrop-filter:blur(10px)}.material-switch button{display:flex;align-items:center;gap:7px;color:#7a8489;font-size:10px;padding:9px 13px;border-radius:2px}.material-switch button[aria-pressed=true]{color:#e1e4e4;background:#26303580}.material-switch i{display:inline-block;width:9px;height:9px;border-radius:50%}.carbon-dot{background:linear-gradient(135deg,#7f8587,#171c1e 58%,#8c969a);border:1px solid #8c969a66}.glass-dot{background:linear-gradient(135deg,#f2f6f2,#6e8c9b);border:1px solid #e6efef55}.object-caption{position:absolute;right:6%;top:38%;display:flex;align-items:flex-start;gap:14px;color:#838e93;pointer-events:none}.caption-cross{font-size:21px;line-height:17px;font-weight:200}.object-caption div{display:flex;flex-direction:column;gap:6px}.caption-title{font-size:8px;letter-spacing:.15em}.object-caption div>span:last-child{font-size:9px;color:#59666e}.caption-rule{width:40px;height:1px;background:#6e7b804d;margin-top:7px}.model-note{position:absolute;left:63%;bottom:28%;display:flex;align-items:flex-start;gap:9px;pointer-events:none}.orange-square{width:4px;height:4px;background:var(--accent);margin-top:4px}.model-note div{display:flex;flex-direction:column;gap:7px}.model-note div>span{font-size:8px;letter-spacing:.1em;color:#a6afb2}.model-note small{font-size:9px;color:#5e6e78}.vertical-note{position:absolute;right:2%;top:53%;font-size:8px;letter-spacing:.16em;color:#59656b;writing-mode:vertical-rl}.chapter-heading{position:absolute;left:4.4%;bottom:201px;display:flex;gap:13px;align-items:center}.chapter-heading>span:first-child{font-size:28px;letter-spacing:-.04em;font-weight:300}.chapter-divider{width:1px;height:26px;background:var(--line)}.chapter-heading div{display:flex;flex-direction:column;gap:5px}.small-caps{font-size:7px;letter-spacing:.15em;color:#69737a}#chapter-title{font-size:10px;color:#b5babd}footer{position:absolute;z-index:3;bottom:0;left:4.4%;right:4.4%;height:181px}.playback-row{display:flex;align-items:center;gap:16px;margin-bottom:25px}.playback-row button{padding:0;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.06em}.playback-row svg{width:19px;height:19px;color:#b7bfc2}#pause{width:62px}#play-text{color:#b0b6b8}.time{font-size:8px;font-family:monospace;color:#818d93}#progress{flex:1;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--accent) 0 60%,#3e484e 60% 100%);height:2px;cursor:pointer;margin:0 4px;min-width:10px}#progress::-webkit-slider-thumb{appearance:none;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #e2865a77}#progress::-moz-range-thumb{width:5px;height:5px;border:0;border-radius:50%;background:var(--accent)}#sound{margin-left:15px;color:#7a858b;width:91px}#sound svg{width:17px;height:17px}#fullscreen svg{width:17px;height:17px}.chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.chapters button{position:relative;text-align:left;font-size:10px;display:flex;align-items:center;gap:13px;padding:0 0 19px;color:#6e797f;transition:color .3s}.chapters button span{font-family:monospace;font-size:8px;color:#53616a}.chapters button.active{color:#f1eee9}.chapters button.active span{color:var(--accent)}.chapter-track{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#3d474d7d}.active .chapter-track{background:var(--accent)}.footer-meta{height:57px;display:flex;align-items:center;justify-content:space-between;color:#8e979c;font-size:7px;letter-spacing:.1em}.muted{color:#4e5e68;margin-left:5px}.footer-meta>div{display:flex;gap:28px}.footer-meta button{font-size:8px;color:#64737d;padding:6px 0}.footer-meta #orbit-toggle{font-size:7px;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.toggle-dot{display:inline-block;background:#798b7a;border-radius:50%;width:4px;height:4px}[aria-pressed=false] .toggle-dot{background:#484f55}#about span{margin-left:9px}.webgl-status{display:flex;align-items:center;gap:7px;color:#82978c;font-size:7px}.webgl-status i{height:4px;width:4px}.loading{position:absolute;inset:0;background:#080b0d;z-index:9;display:flex;justify-content:center;align-items:center;gap:13px;color:#a9b2b6;font-size:11px;letter-spacing:.04em;transition:opacity .8s}.loading.done{opacity:0;pointer-events:none}.loader-ring{width:18px;height:18px;border:1px solid #78848b30;border-top-color:var(--accent);border-radius:50%;animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fallback{position:absolute;inset:0;z-index:8;background:#080b0d;align-items:center;justify-content:center;flex-direction:column}.fallback:not([hidden]){display:flex}.fallback p{font-size:28px}.fallback span{color:#8a969d;font-size:13px}dialog{background:#12191d;color:var(--fg);border:1px solid #45515a66;width:580px;max-width:calc(100% - 30px);max-height:88svh;padding:50px;box-shadow:0 20px 130px #000a}dialog::backdrop{background:#04070bbb;backdrop-filter:blur(9px)}.close-dialog{position:absolute;top:14px;right:20px;font-size:24px;font-weight:200;color:#9aabad}dialog h2{font-size:48px;font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:25px 0}dialog p{font-size:12px;line-height:1.8;color:#a5b0b6}dialog .about-note{font-size:10px;color:#7b8a94;border-top:1px solid var(--line);padding-top:19px}dialog .credits{font-size:9px;color:#5d737f}.credits a{text-decoration:underline}.about-facts{display:flex;justify-content:space-between;margin:27px 0}.about-facts>span{font-size:24px;color:var(--accent);font-weight:300}.about-facts small{display:block;font-size:6px;letter-spacing:.08em;color:#7b929f;margin-top:9px}.about-cta{display:block;margin-top:25px;font-size:11px;color:var(--accent)}.about-cta span{float:right}body.story-mode .play-duration{display:none}body.story-mode #headline{font-size:clamp(55px,5.3vw,88px)}body.scene-4 .end-link{display:block}body.scene-4 .play-story{display:none}body.scene-0 .top-right-tools{opacity:.35}body.scene-0 .object-caption,body.scene-1 .object-caption{opacity:.4}
@media(min-width:1700px){.hero-copy{left:9%;top:25%}h1{font-size:110px}.model-note{bottom:26%}}
@media(max-width:1100px){header{height:90px}nav{margin-left:50px;gap:23px}.header-note{display:none}.top-right-tools{top:119px}.hero-copy{left:7%;top:24%;width:45%}h1{font-size:6.4vw}.eyebrow{font-size:7px;gap:7px}.edition{display:none}.object-caption{right:5%;top:37%}.caption-rule{display:none}.model-note{left:63%;bottom:29%}.playback-row{margin-bottom:24px}.footer-meta .muted{display:none}#orbit-toggle{display:none!important}.chapters button{font-size:9px;gap:8px}.vertical-note{right:1.2%}.caption-cross{font-size:17px}}
@media(max-width:700px){#experience{min-height:790px;height:100svh}header{height:77px;margin:0 6%}.brand{font-size:24px;gap:8px}.brand svg{width:31px}.brand-dot{font-size:7px}nav{margin-left:auto;gap:0}nav button{display:none}nav a{font-size:10px}#menu-btn{display:block;margin-left:20px;font-size:16px;color:#929da2}.editorial-guide{display:none}.hero-copy{left:7%;top:14.8%;width:86%;pointer-events:none}.eyebrow{font-size:7px;letter-spacing:.14em}.tiny-line{width:15px}h1{font-size:57px;line-height:1;letter-spacing:-.065em;margin:21px 0 16px;max-width:310px}#description{font-size:10px;line-height:1.7;max-width:210px}.play-story{margin-top:20px;font-size:10px;gap:10px}.circle-play{width:33px;height:33px}.play-duration{font-size:8px}.top-right-tools{top:102px;right:6%}.tool-label{display:none}.material-switch{padding:2px}.material-switch button{font-size:8px;padding:6px 8px;gap:5px}.material-switch i{height:7px;width:7px}.object-caption{right:8%;top:auto;bottom:33%;gap:7px}.caption-title{font-size:7px}.object-caption div>span:last-child{font-size:8px}.caption-cross{font-size:14px}.model-note{left:7%;bottom:26.5%;gap:6px}.model-note div>span{font-size:6px}.model-note small{font-size:7px}.vertical-note{display:none}.chapter-heading{bottom:188px;left:6%;gap:9px}.chapter-heading>span:first-child{font-size:22px}.chapter-divider{height:21px}.small-caps{font-size:6px}#chapter-title{font-size:9px}footer{left:6%;right:6%;height:161px}.playback-row{gap:9px;margin-bottom:23px}#pause{width:20px}#play-text{display:none}#sound{margin-left:6px;width:18px}#sound span{display:none}.time{font-size:7px}#progress{margin:0 1px}#fullscreen svg{width:15px}.chapters{gap:9px}.chapters button{font-size:0;padding-bottom:17px;height:24px;gap:0}.chapters button>span{font-size:9px}.chapters button.active{font-size:8px;white-space:nowrap}.chapters button.active>span{display:none}.chapters button:nth-child(4).active{font-size:7px}.chapters button:nth-child(5).active{font-size:7px}.footer-meta{height:55px;font-size:5px;letter-spacing:.05em}.footer-meta>div{gap:0}.footer-meta button{font-size:7px}#about span{margin-left:3px}.webgl-status{font-size:5px;gap:4px}.webgl-status i{height:3px;width:3px}dialog{padding:35px 28px}dialog h2{font-size:42px}body.story-mode #headline{font-size:46px;max-width:300px}body.scene-4 #description{max-width:220px}.end-link{margin-top:18px;font-size:10px;max-width:140px;padding:9px 0}}
@media(prefers-reduced-motion:reduce){.loader-ring{animation:none}*{scroll-behavior:auto!important}}
body.scene-3 .object-caption,body.scene-4 .object-caption{display:none}
#cinematic-black{position:absolute;inset:0;background:#000;z-index:7;pointer-events:none;opacity:0}

html[data-theme=light]{--bg:#f6f9f9;--fg:#212529;--muted:#6c757d;--accent:#008d89;--line:rgba(33,37,41,.14);color-scheme:light}
html[data-theme=light] #experience{background:radial-gradient(ellipse at 68% 43%,#fff 0%,#f6f9f9 40%,#e9f0f0 100%)}
html[data-theme=light] .vignette{background:linear-gradient(90deg,#f6f9f933,transparent 50%),linear-gradient(0deg,#f6f9f9cc,transparent 32%,transparent 85%,#f6f9f944)}
html[data-theme=light] h1 span{color:#008d89}
html[data-theme=light] :is(.eyebrow,.header-note,#description,.tool-label,.object-caption,.vertical-note,.model-note small,.small-caps,#chapter-title,.play-duration,.time,#play-text,.footer-meta,.muted,.footer-meta button,.model-note div>span,.chapters button,.chapters button span,.object-caption div>span:last-child,.playback-row svg,#sound){color:#52666a}
html[data-theme=light] .brand,html[data-theme=light] .chapters button.active{color:#212529}
html[data-theme=light] .material-switch{background:#ffffffb8;border-color:#b8cbcb}
html[data-theme=light] .material-switch button{color:#52666a}
html[data-theme=light] .material-switch button[aria-pressed=true]{background:#dceeed;color:#006d6b}
html[data-theme=light] .circle-play{border-color:#00a09d66}
html[data-theme=light] .play-story:hover .circle-play{background:#00a09d15}
html[data-theme=light] .end-link{border-color:#00a09d66}
html[data-theme=light] .chapter-track{background:#b8cbcb}
html[data-theme=light] .active .chapter-track{background:var(--accent)}
html[data-theme=light] :is(.loading,.fallback,dialog){background:#f6f9f9;color:#212529}
html[data-theme=light] dialog p{color:#52666a}
html[data-theme=light] dialog::backdrop{background:#bdd0d088}
html[data-theme=light] #cinematic-black{background:#f6f9f9}
html[data-theme=dark]{--bg:#111817;--fg:#edf3f0;--muted:#b3c1bc;--accent:#56bdb1;--line:rgba(220,239,232,.16);color-scheme:dark}
html[data-theme=dark] #experience{background:radial-gradient(ellipse at 68% 43%,#1b2926 0%,#121b19 38%,#0d1312 100%)}
html[data-theme=dark] .vignette{background:linear-gradient(90deg,rgba(9,17,15,.28),transparent 50%),linear-gradient(0deg,rgba(9,17,15,.72),transparent 32%,transparent 85%,rgba(9,17,15,.3))}
html[data-theme=dark] :is(.eyebrow,.header-note,#description,.tool-label,.object-caption,.vertical-note,.model-note small,.small-caps,#chapter-title,.play-duration,.time,#play-text,.footer-meta,.muted,.footer-meta button,.model-note div>span,.chapters button,.chapters button span,.object-caption div>span:last-child,.playback-row svg,#sound){color:#a9bbb5}
html[data-theme=dark] .brand,html[data-theme=dark] .chapters button.active{color:#edf3f0}
html[data-theme=dark] .play-story:hover .circle-play{background:#56bdb11a}
html[data-theme=dark] .circle-play,html[data-theme=dark] .end-link{border-color:#56bdb180}
html[data-theme=dark] h1 span{color:#73d0c3}
html[data-theme=dark] .material-switch{background:#1a2422d9;border-color:#52635d}
html[data-theme=dark] .material-switch button{color:#b3c1bc}
html[data-theme=dark] .material-switch button[aria-pressed=true]{background:#2b3b37;color:#e4f5ef}
html[data-theme=dark] #progress::-webkit-slider-thumb{background:#56bdb1;box-shadow:0 0 10px #56bdb177}
html[data-theme=dark] #progress::-moz-range-thumb{background:#56bdb1}
html[data-theme=dark] .loading{background:#111817;color:#edf3f0}
html[data-theme=dark] .loading .loader-ring{border-top-color:#56bdb1}
html[data-theme=dark] #cinematic-black{background:#111817}
html[data-theme=light] .top-right-tools .play-story{color:#243a39}
html[data-theme=light] .top-right-tools .play-duration{color:#52666a}
.top-right-tools .play-story{justify-content:flex-end;margin:17px 0 0 auto;padding:3px 0;font-size:11px;gap:9px}
.top-right-tools .play-story .circle-play{width:34px;height:34px}
.top-right-tools .play-story .play-duration{margin-left:4px}
@media(max-width:1100px){.header-note{display:flex;margin-left:auto;margin-right:15px;font-size:9px}}

html[data-embed=true],html[data-embed=true] body{height:100%;overflow:hidden}
html[data-embed=true] #experience{height:100%;min-height:0}
html[data-embed=true] header,html[data-embed=true] .editorial-guide{display:none}
html[data-embed=true] #canvas-wrap{touch-action:pan-y}
html[data-embed=true] .hero-copy{top:12%;left:7%;width:44%}
html[data-embed=true] h1,html[data-embed=true] body.story-mode #headline{font-size:clamp(44px,5.5vw,88px);margin:24px 0 20px}
html[data-embed=true] .top-right-tools{top:35px}
html[data-embed=true] .object-caption{top:28%}
html[data-embed=true] footer{height:144px}
html[data-embed=true] .chapter-heading{bottom:159px}
html[data-embed=true] .playback-row{margin-bottom:20px}
html[data-embed=true] .footer-meta{height:47px}
html[data-embed=true] .model-note{bottom:28%}
html[data-embed=true] .vertical-note{top:35%}
html[data-embed=true] #experience:fullscreen{height:100vh}
@media(max-height:610px) and (min-width:701px){
 html[data-embed=true] .hero-copy{top:9%}
 html[data-embed=true] h1,html[data-embed=true] body.story-mode #headline{font-size:clamp(40px,4.6vw,67px);margin:18px 0 12px}
 html[data-embed=true] .play-story{margin-top:18px}
 html[data-embed=true] .model-note,html[data-embed=true] .object-caption{display:none}
}
@media(max-width:700px){
 html[data-embed=true] .hero-copy{top:64px;left:7%;width:86%}
 html[data-embed=true] h1,html[data-embed=true] body.story-mode #headline{font-size:clamp(24px,7.5vw,34px);max-width:100%;margin:10px 0 8px}
 html[data-embed=true] #description{font-size:10px;line-height:1.5;max-width:85%}
 html[data-embed=true] .top-right-tools{top:12px;right:6%;left:7%;display:flex;align-items:center;justify-content:space-between;gap:8px}
 html[data-embed=true] .top-right-tools .play-story{margin:0!important}
 html[data-embed=true] .top-right-tools .play-story{margin-top:10px;font-size:9px;gap:6px}
 html[data-embed=true] .top-right-tools .play-story .circle-play{width:28px;height:28px}
 html[data-embed=true] .top-right-tools .play-story .play-duration{display:none}
 html[data-embed=true] .object-caption,html[data-embed=true] .model-note{display:none}
 html[data-embed=true] footer{height:108px}
 html[data-embed=true] .chapter-heading{bottom:116px}
 html[data-embed=true] .playback-row{margin-bottom:15px}
 html[data-embed=true] .chapters button.active{font-size:0!important}
 html[data-embed=true] .chapters button.active>span{display:inline;font-size:9px}
 html[data-embed=true] .footer-meta>span{max-width:45%;line-height:1.6}
}
@media(max-height:480px) and (min-aspect-ratio:1/1){
 html[data-embed=true] .hero-copy{top:45px;left:5%;width:43%}
 html[data-embed=true] h1,html[data-embed=true] body.story-mode #headline{font-size:clamp(20px,3.7vw,30px);margin:8px 0}
 html[data-embed=true] #description{font-size:9px;line-height:1.4}
 html[data-embed=true] .top-right-tools{top:10px;left:auto;right:5%}
 html[data-embed=true] .chapter-heading,html[data-embed=true] .object-caption,html[data-embed=true] .model-note,html[data-embed=true] .footer-meta{display:none}
 html[data-embed=true] footer{height:76px}
 html[data-embed=true] .playback-row{margin-bottom:12px}
}
@media(max-width:700px) and (max-height:560px){
 html[data-embed=true] .chapter-heading{display:none}
}