@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";.scene-app{--app-font-sans:"Space Grotesk", sans-serif;--app-font-mono:"DM Mono", monospace;z-index:40;color:#f5f0d9;isolation:isolate;min-height:100dvh;font-family:var(--app-font-sans);-webkit-font-smoothing:antialiased;background:#10131f;position:fixed;inset:0;overflow:hidden}.scene-app,.scene-app *{box-sizing:border-box}.scene-app h1,.scene-app p,.scene-app button,.scene-app span,.scene-app div{font-family:var(--app-font-sans)}.scene-app button,.scene-app canvas{-webkit-tap-highlight-color:transparent}.scene-app button{font:inherit}.scene-app:before{content:"";pointer-events:none;z-index:20;opacity:.045;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:fixed;inset:0}.scene-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:24px 34px;display:flex;position:fixed;top:0;left:0;right:0}.scene-brand,.scene-header-actions{pointer-events:auto}.scene-brand{align-items:center;gap:13px;display:flex}.brand-mark{border:1px solid #f5f0d9a6;border-radius:50%;width:31px;height:31px;position:relative}.brand-mark:before,.brand-mark:after{content:"";opacity:.8;background:#f5f0d9;position:absolute}.brand-mark:before{width:1px;height:100%;top:0;left:14px}.brand-mark:after{width:100%;height:1px;top:14px;left:0}.brand-copy{line-height:1.05}.brand-name{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}.brand-sub{font:10px var(--app-font-mono);color:#8e94a6;letter-spacing:.03em;margin-top:4px}.header-button,.reset-button{color:#dcd8c6;cursor:pointer;background:#10131f59;border:1px solid #f5f0d92e;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;transition:border-color .25s,background .25s,transform .25s;display:inline-flex}.header-button:hover,.reset-button:hover{background:#f5f0d914;border-color:#f5f0d980;transform:translateY(-1px)}.header-button:focus-visible,.reset-button:focus-visible{outline-offset:3px;outline:2px solid #62e6ef}.header-button svg,.reset-button svg{width:14px;height:14px}.scene-main{min-height:100dvh;position:relative}.scene-stage{cursor:crosshair;touch-action:none;width:100%;height:100dvh;min-height:600px;position:relative}.scene-canvas{width:100%;height:100%;display:block}.scene-fallback{--pointer-x:0;--pointer-y:0;z-index:1;opacity:0;pointer-events:none;perspective:900px;transition:opacity .35s;position:absolute;inset:0}.scene-fallback.is-visible{opacity:1}.fallback-form{aspect-ratio:1;width:clamp(72px,10vw,142px);transform-style:preserve-3d;filter:drop-shadow(0 26px 20px #00000047);transition:transform .28s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.fallback-cube{transform:translate(-50%, -50%) rotateX(calc(var(--pointer-y) * -18deg)) rotateY(calc(var(--pointer-x) * 18deg)) rotateZ(-9deg);background:linear-gradient(135deg,#ff8c6d,#d83c56 58%,#7d234f);border:1px solid #fff8de85;top:25%;left:25%;box-shadow:inset -17px -18px 30px #2b0c2c40,inset 14px 12px 24px #ffffff30}.fallback-sphere{width:clamp(66px,9vw,126px);transform:translate(-50%, -50%) rotateX(calc(var(--pointer-y) * -13deg)) rotateY(calc(var(--pointer-x) * 13deg));background:radial-gradient(circle at 31% 25%,#c5fbff 0 6%,#5bd8f1 24%,#3675d0 62%,#17256b 100%);border:1px solid #d6fcff94;border-radius:50%;top:25%;left:75%;box-shadow:inset -14px -22px 30px #1318654d,inset 13px 10px 20px #fff3}.fallback-pyramid{clip-path:polygon(50% 2%,98% 92%,2% 92%);filter:drop-shadow(0 26px 20px #00000047)drop-shadow(0 0 8px #83c95b1f);width:clamp(84px,11vw,150px);transform:translate(-50%, -50%) rotateX(calc(var(--pointer-y) * -20deg)) rotateY(calc(var(--pointer-x) * 20deg)) rotateZ(4deg);background:linear-gradient(125deg,#d3ff99 0 12%,#83c95b 37%,#317c5c 100%);border:1px solid #e2ffc6b3;top:75%;left:25%}.fallback-cylinder{aspect-ratio:auto;width:clamp(62px,8vw,114px);height:clamp(92px,12vw,164px);transform:translate(-50%, -50%) rotateX(calc(var(--pointer-y) * -15deg)) rotateY(calc(var(--pointer-x) * 15deg)) rotateZ(-4deg);background:linear-gradient(90deg,#968321 0%,#f4d84a 25%,#fff39a 50%,#c8a92f 84%,#72601b 100%);border:1px solid #fffab9b3;border-radius:50%/12%;top:75%;left:75%;box-shadow:inset -13px 0 22px #5d450a38,inset 14px 0 18px #ffffff2e}.fallback-cylinder:before,.fallback-cylinder:after{content:"";border:inherit;border-radius:50%;height:22%;position:absolute;left:-1px;right:-1px}.fallback-cylinder:before{background:linear-gradient(135deg,#fff5a3,#b39122);top:-1px}.fallback-cylinder:after{background:#71571147;bottom:-1px}.scene-vignette{pointer-events:none;background:radial-gradient(circle,#0000 34%,#07091014 70%,#070910b3 125%);position:absolute;inset:0}.scene-grid{pointer-events:none;opacity:.12;background-image:linear-gradient(#ccd2e229 1px,#0000 1px),linear-gradient(90deg,#ccd2e229 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 74%);mask-image:radial-gradient(#000 0%,#0000 74%)}.quadrant-label{pointer-events:none;z-index:2;color:#f5f0d98f;font:10px var(--app-font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;display:flex;position:absolute}.quadrant-label:before{content:"";opacity:.55;background:currentColor;width:20px;height:1px}.label-tl{top:28%;left:4.5%}.label-tr{flex-direction:row-reverse;top:28%;right:4.5%}.label-bl{bottom:17%;left:4.5%}.label-br{flex-direction:row-reverse;bottom:17%;right:4.5%}.stage-crosshair{pointer-events:none;opacity:.6;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-crosshair:before,.stage-crosshair:after{content:"";background:#f5f0d98c;position:absolute}.stage-crosshair:before{width:1px;height:22px;top:0;left:10px}.stage-crosshair:after{width:22px;height:1px;top:10px;left:0}.stage-caption{pointer-events:none;color:#f5f0d96b;font:9px var(--app-font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,28px)}.scene-intro{z-index:3;pointer-events:none;max-width:355px;animation:.8s cubic-bezier(.2,.8,.2,1) .1s both rise-in;position:absolute;bottom:38px;left:34px}.scene-kicker{color:#62e6ef;font:10px var(--app-font-mono);letter-spacing:.17em;text-transform:uppercase;margin:0 0 12px}.scene-title{max-width:340px;font-family:var(--app-font-sans);letter-spacing:-.055em;margin:0;font-size:clamp(32px,4.4vw,62px);font-weight:500;line-height:.97}.scene-description{color:#a7abb9;max-width:300px;font-family:var(--app-font-sans);margin:17px 0 0;font-size:13px;line-height:1.55}.scene-status{z-index:4;pointer-events:none;color:#b5b7c2;font:10px var(--app-font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;display:flex;position:absolute;bottom:39px;right:34px}.status-dot{background:#62e6ef;border-radius:50%;width:6px;height:6px;transition:background .3s,box-shadow .3s;box-shadow:0 0 0 4px #62e6ef1f}.scene-status.is-centered .status-dot{background:#f4dd57;box-shadow:0 0 0 4px #f4dd571f}.scene-footer{z-index:5;pointer-events:none;color:#f5f0d95c;font:9px var(--app-font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:18px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.footer-line{background:#f5f0d947;width:38px;height:1px}.reset-button{pointer-events:auto;color:#f5f0d9;background:#f5f0d90d;padding:8px 12px}.mobile-hint{display:none}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.scene-header{padding:18px}.brand-sub{display:none}.scene-stage{min-height:560px}.scene-intro{max-width:260px;bottom:82px;left:20px}.scene-title{max-width:250px;font-size:39px}.scene-description{max-width:235px;margin-top:13px;font-size:12px}.scene-status{bottom:34px;right:20px}.scene-footer{gap:10px;bottom:17px}.footer-line{width:18px}.footer-copy{display:none}.label-tl,.label-tr{top:29%}.label-bl,.label-br{bottom:24%}.quadrant-label{letter-spacing:.1em;font-size:8px}.quadrant-label:before{width:12px}.mobile-hint{color:#f5f0d973;font:9px var(--app-font-mono);letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;display:block;position:absolute;top:76px;right:20px}}@media (prefers-reduced-motion:reduce){.scene-app *,.scene-app :before,.scene-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.scene-app--stack{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.scene-block{height:100dvh;min-height:600px;position:relative}.scene-app--stack .scene-header{position:absolute}.scene-app--shared-gpu{pointer-events:none;background:0 0}.scene-app--shared-gpu,.scene-app--shared-gpu *{pointer-events:none}.scene-app--shared-gpu .scene-header-actions,.scene-app--shared-gpu .scene-header-actions *,.scene-app--shared-gpu .reset-button,.scene-app--shared-gpu .reset-button *,.scene-app--shared-gpu .header-button,.scene-app--shared-gpu .header-button *,.scene-app--shared-gpu .site-page-ui-kit,.scene-app--shared-gpu .site-page-ui-kit *{pointer-events:auto}.scene-app--shared-gpu .scene-stage{pointer-events:none;cursor:default;touch-action:auto}.site-page-slot{z-index:1;pointer-events:none;width:18vmin;height:18vmin;position:absolute;transform:translate(-50%,-50%)}.site-page-slot.slot-tl,.site-page-slot.slot-tr{width:max(7.11vh,min(11.5vw,9.5vh));height:max(7.11vh,min(11.5vw,9.5vh))}.site-page-slot.slot-tl{top:28.5%;left:27%}.site-page-slot.slot-tr{top:28.5%;left:73%}.site-page-slot.slot-bl{top:71.5%;left:27%}.site-page-slot.slot-br{top:71.5%;left:73%}.site-page-slot-pin{z-index:1;pointer-events:none;width:min(18vmin,14vw);height:min(18vmin,14vw);position:absolute;top:50%;transform:translateY(-50%)}.site-page-slot-pin--after{margin-left:8vmin;left:100%}.site-page-slot-pin--before{margin-right:8vmin;right:100%}html,body{color:#f5f0d9;background:#10131f;min-height:100%;margin:0;padding:0;overflow-x:clip}#vp.canvasVP{z-index:1;pointer-events:none;position:fixed;inset:0}#ThreeJS,#ThreeJS canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.scene-app.scene-app--host{z-index:2;pointer-events:none;background:0 0;min-height:0;position:relative;inset:auto;overflow:visible}.scene-app.scene-app--host .scene-header-actions,.scene-app.scene-app--host .scene-header-actions *,.scene-app.scene-app--host .reset-button,.scene-app.scene-app--host .reset-button *,.scene-app.scene-app--host .header-button,.scene-app.scene-app--host .header-button *,.scene-app.scene-app--host .site-page-ui-kit,.scene-app.scene-app--host .site-page-ui-kit *{pointer-events:auto}.segment-debug-badge{z-index:50;pointer-events:none;letter-spacing:.12em;text-transform:uppercase;color:#10131f;background:#62e6ef;padding:4px 7px;font:9px/1.2 DM Mono,monospace;position:absolute;top:10px;left:10px}.scene-block{position:relative}.water-plate{height:220dvh;position:relative}.water-plate__hold{justify-content:center;align-items:center;height:100dvh;display:flex;position:sticky;top:0}.water-plate__paper{width:min(720px,100% - 48px);height:min(56dvh,420px);position:relative;overflow:hidden}.water-plate__video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.water-plate__copy{z-index:3;pointer-events:none;background:linear-gradient(#10131fc7 0%,#10131f47 62%,#10131f00 100%);padding:16px 18px 52px;position:absolute;top:0;left:0;right:0}html.is-water-hull-front #vp.canvasVP{z-index:2}html.is-water-hull-front .scene-app.scene-app--host{z-index:auto;isolation:auto}html.is-water-hull-front .water-plate__video{z-index:0}html.is-water-hull-front .water-plate__copy{z-index:3}html.is-water-hull-front .scene-app.scene-app--host .scene-header-actions,html.is-water-hull-front .scene-app.scene-app--host .site-page-ui-kit{z-index:4;position:relative}.water-plate .scene-title{max-width:12em;font-size:clamp(28px,3vw,40px)}@media (width<=720px){.water-plate__paper{aspect-ratio:16/9;width:calc(100% - 28px);height:auto}}@media (prefers-reduced-motion:reduce){.water-plate{height:100dvh}}.site-page-ui-kit input[type=checkbox],.site-page-ui-kit input[type=radio]{accent-color:#4de5ee;width:16px;height:16px;min-height:0;padding:0;display:inline-block}.site-page-ui-kit input[type=range]{accent-color:#4de5ee;width:100%;max-width:28rem;height:8px;min-height:0;padding:0}.site-page-ui-kit select.site-page-ui-kit__field,.site-page-ui-kit .site-page-ui-kit__field{color:#f5f0d9;width:100%;min-height:36px;font:14px / 1.4 var(--app-font-sans,"Space Grotesk", sans-serif);background:#10131fb8;border:1px solid #f5f0d938;border-radius:6px;padding:8px 12px;display:block}.site-page-ui-kit .site-page-ui-kit__field--area{min-height:120px}.site-page-ui-kit__native-btn{color:#f5f0d9;height:36px;font:500 14px / 1 var(--app-font-sans,"Space Grotesk", sans-serif);cursor:pointer;background:#f5f0d914;border:1px solid #f5f0d947;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.site-page-ui-kit__native-btn--sm{height:32px;padding:0 12px;font-size:12px}.site-page-ui-kit__native-btn--cyan{color:#4de5ee;background:#4de5ee26;border-color:#4de5ee66}