:root{font-family:Manrope,Arial,sans-serif;color:#e9e5d9;background:#10120f;font-synthesis:none;font-weight:400;--gold:#d4b67b;--muted:#929587;--line:rgba(225,218,192,.14)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{cursor:wait}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.045;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#experience{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 68% 44%,#262b20,#161a14 33%,#10120f 68%);transition:opacity .6s}.masthead{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 4.2%;position:relative;z-index:2}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:3px}.brand svg{width:30px;stroke:var(--gold);stroke-width:1.5}.brand-period{color:var(--gold)}.masthead-note,.status,.eyebrow,.object-note,.interaction-kicker,.rotation-hint,.footer,.cinema-label,.cinema-caption{font-size:10px;font-weight:600;letter-spacing:1.7px}.masthead-note{color:#777e6e;margin-left:-15px}.status{display:flex;gap:10px;align-items:center;color:#b7bca9;letter-spacing:1.1px}.status i,.cinema-label i{width:5px;height:5px;background:#c7d399;border-radius:50%;box-shadow:0 0 12px #b4cb6e66}.stage{position:relative;flex:1;min-height:660px;max-height:1100px;isolation:isolate}.intro{position:absolute;left:8%;top:17%;z-index:2;pointer-events:none;transition:opacity .65s,transform .65s}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);margin:0 0 25px;font-size:10px}.eyebrow span{width:22px;height:1px;background:var(--gold)}h1{font-size:clamp(45px,5.1vw,80px);letter-spacing:-3.7px;line-height:1.1;font-weight:500;margin:0}h1 em{font-family:Playfair Display,Georgia,serif;font-weight:500;color:var(--gold)}.intro-copy{font-size:13px;line-height:1.95;color:var(--muted);margin-top:26px;letter-spacing:.1px}.scene-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.scene-loading{position:absolute;inset:45% 0 auto 42%;text-align:center;color:var(--muted);font-size:12px;letter-spacing:2px;pointer-events:none}.scene-loading span{animation:pulse 1s infinite}.object-note{position:absolute;right:4.5%;top:12%;writing-mode:vertical-rl;display:flex;gap:18px;align-items:center;color:#737b69;font-size:8px;z-index:2;pointer-events:none}.note-line{height:45px;width:1px;background:#65715666}.interaction{position:absolute;z-index:3;bottom:8.5%;left:8%;width:390px;max-width:84%;border:1px solid #c2b88c30;background:linear-gradient(130deg,#292d2355,#15191377);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px 24px 15px;border-radius:3px;transition:border-color .6s,background .6s}.interaction-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.interaction-kicker{font-size:8px;letter-spacing:1.2px;color:#a8ad98}.counter{font-size:17px;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:1px}.counter span{color:#737966;font-size:11px}.progress{display:flex;gap:5px;margin:17px 0 12px}.progress i{height:3px;flex:1;background:#4a513e;transition:background .25s,box-shadow .25s}.progress i.filled{background:var(--gold);box-shadow:0 0 9px #d4b67b55}.interaction-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.interaction-bottom p{font-size:10px;color:#a5ab96;line-height:1.7;margin:0;max-width:205px}.action{border:0;background:none;padding:10px 0 10px 12px;font-size:11px;white-space:nowrap;display:flex;gap:13px;align-items:center}.action span{font-size:19px;color:var(--gold);transition:transform .25s}.action:hover span{transform:translate(2px,-2px)}.rotation-hint{position:absolute;right:18%;bottom:10%;display:flex;align-items:center;gap:10px;color:#8e9780;z-index:2;font-size:8px;pointer-events:none;transition:opacity .4s}.rotation-hint svg{width:30px;stroke:var(--gold);stroke-width:1}.footer{margin:0 4.2%;min-height:66px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#727b68;font-size:8px;gap:20px}.footer-star{font-size:19px;vertical-align:middle;margin-left:10px;color:var(--gold)}.footer button{background:none;border:0;color:#999e8a;font-size:10px;padding:12px 0}.footer button:hover{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.opened .intro{opacity:.35;transform:translateY(-10px)}.opened .interaction{border-color:#d4b67b66;background:#3d382344}.opened .interaction-kicker{color:var(--gold)}.opened .rotation-hint{opacity:0}.immersion{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse,#fff7d1 0%,#f5dc9c 23%,#cab476 50%,transparent 75%);opacity:0;z-index:12;transform:scale(.3);transition:opacity 1s,transform 1.5s cubic-bezier(.3,0,.2,1)}.diving .immersion{opacity:1;transform:scale(3)}.diving #experience{opacity:0}.cinema{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a08;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 7% 65px;opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}.cinema.visible{opacity:1;visibility:visible}.cinema-top{position:absolute;left:4.2%;right:4.2%;top:34px;display:flex;justify-content:space-between;align-items:center}.cinema-label{display:flex;align-items:center;gap:12px;color:var(--gold)}.close{border:1px solid var(--line);background:#ffffff04;padding:12px 18px;border-radius:3px;font-size:11px;color:#bfc5b4}.close span{color:var(--gold);margin-left:14px}.video-frame{width:min(1100px,100%);aspect-ratio:16/9;max-height:calc(100svh - 210px);position:relative;background:#030403;box-shadow:0 0 100px #d4b67b0a;border:1px solid #cbb47722;border-radius:4px;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:contain}.cinema-caption{font-size:9px;color:#727c67;margin:26px 0 0;text-align:center;line-height:1.8}.play-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 25px;border:1px solid #d4b67b55;background:#151910ef;border-radius:4px;color:var(--gold);font-size:13px}.video-message{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#11160f;padding:20px}.video-message[hidden],.play-prompt[hidden],.fallback[hidden]{display:none}.video-message>span{font-size:clamp(22px,4vw,45px);line-height:1.25;color:var(--gold)}.video-message p{font-size:12px;color:var(--muted);line-height:1.7}.video-message a{font-size:12px;margin-top:15px;text-underline-offset:5px}.fallback{position:absolute;left:46%;top:28%;width:40%;padding:35px;text-align:center;border:8px double #8a805e;background:#665f40;transform:rotate(-8deg);z-index:2}.fallback>span{font-size:35px;letter-spacing:12px;color:#15170f}.fallback p{font-size:12px;line-height:1.8}.no-webgl .scene-wrap{visibility:hidden}.no-webgl .rotation-hint{display:none}@keyframes pulse{50%{opacity:.2}}@media(min-width:1600px){.stage{min-height:750px}.interaction{bottom:12%}.rotation-hint{bottom:13%}}@media(max-width:1000px){.masthead-note{display:none}.intro{left:6%;top:12%}h1{font-size:54px}.interaction{left:6%;bottom:6%;width:350px}.rotation-hint{right:10%;bottom:8%}.object-note{right:3%}.stage{min-height:650px}.intro-copy{font-size:12px}.footer>span:nth-child(2){display:none}}@media(max-width:640px){.masthead{height:80px;margin:0 6%}.brand{font-size:20px;gap:9px}.brand svg{width:25px}.status{font-size:7px;letter-spacing:.7px;gap:7px}.stage{min-height:690px;max-height:none}.intro{top:6%;left:8%}.eyebrow{font-size:8px;margin-bottom:17px}h1{font-size:45px;letter-spacing:-2px}.intro-copy{margin-top:16px;font-size:11px;line-height:1.8}.object-note{display:none}.interaction{bottom:40px;left:8%;width:84%;padding:17px 18px 12px}.interaction-kicker{font-size:7px}.interaction-bottom p{font-size:9px;max-width:175px}.action{font-size:10px;gap:7px}.rotation-hint{bottom:190px;right:0;width:100%;justify-content:center;font-size:7px}.footer{margin:0 6%;min-height:57px;font-size:7px;letter-spacing:1px}.footer button{font-size:9px}.fallback{top:45%;left:13%;width:74%;padding:20px}.cinema{padding:85px 4% 60px}.cinema-top{top:24px;left:6%;right:6%}.close{font-size:9px;padding:10px 12px}.cinema-label{font-size:9px}.cinema-caption{font-size:8px;letter-spacing:1px}.opened .intro{opacity:.2}.play-prompt{font-size:11px;width:220px}.video-frame{max-height:calc(100svh - 200px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#scene{touch-action:pan-y pinch-zoom}
