:root{--dw-duration:4.65s;--dw-ease:cubic-bezier(.16,.82,.14,1);--dw-impact-x:50%;--dw-impact-y:64%}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030201;color:#eee;font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}
.demo-home{position:relative;min-height:100svh;overflow:hidden;background:#070503}.demo-home__atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 46%,rgba(100,63,31,.27),transparent 24%),radial-gradient(ellipse at 63% 58%,rgba(68,45,26,.17),transparent 38%),linear-gradient(105deg,#050403 0%,#0a0705 46%,#0b0704 100%)}.demo-home__atmosphere:before{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 70% 60%,transparent 0 21%,rgba(0,0,0,.38) 59%,rgba(0,0,0,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.1) 58%,rgba(0,0,0,.24));filter:blur(1px)}.demo-home__object{position:absolute;right:9vw;bottom:4vh;width:min(31vw,460px);height:min(72vh,720px);filter:drop-shadow(0 30px 90px rgba(0,0,0,.78));opacity:.86}.demo-home__object i{position:absolute;left:50%;bottom:9%;width:42%;height:42%;transform:translateX(-50%);border-radius:46% 46% 41% 41%/37% 37% 58% 58%;background:radial-gradient(circle at 38% 26%,rgba(203,160,107,.25),transparent 17%),linear-gradient(120deg,#1a1008 4%,#3c2514 44%,#120b06 78%);box-shadow:inset 12px 0 26px rgba(245,190,119,.08),inset -18px -10px 30px rgba(0,0,0,.74),0 30px 80px rgba(0,0,0,.8)}.demo-home__object i:before,.demo-home__object i:after{content:"";position:absolute;top:22%;width:17%;height:20%;border:3px solid #2e1c0f;border-radius:50%}.demo-home__object i:before{left:-11%}.demo-home__object i:after{right:-11%}.demo-home__object b{position:absolute;left:50%;bottom:51%;width:16%;height:30%;transform:translateX(-50%);border-radius:48% 48% 18% 18%;background:linear-gradient(90deg,#120b06,#4a2f1a 42%,#1a0f08 78%);box-shadow:0 0 60px rgba(136,86,45,.16)}.demo-home__object b:after{content:"";position:absolute;left:50%;top:-43%;width:70%;height:58%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 100%,rgba(188,160,126,.35),rgba(84,72,58,.12) 42%,transparent 73%);filter:blur(14px)}.demo-header{position:absolute;z-index:2;left:4vw;right:4vw;top:29px;display:flex;align-items:center;justify-content:space-between}.demo-brand{font-family:"Bodoni 72",Didot,Georgia,serif;font-size:17px;letter-spacing:.26em;color:#eee;text-decoration:none}.demo-header nav{display:flex;gap:28px}.demo-header nav a{font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.68);text-decoration:none}.demo-copy{position:absolute;z-index:2;left:7vw;bottom:13vh}.demo-copy p{font-size:8px;letter-spacing:.30em;color:rgba(237,225,205,.56)}.demo-copy h1{margin:22px 0 28px;font-family:"Bodoni 72",Didot,Georgia,serif;font-weight:400;font-size:clamp(54px,6.5vw,108px);line-height:.93}.demo-copy>a{font-size:9px;letter-spacing:.25em;color:#e8ded0;text-decoration:none;border-bottom:1px solid rgba(232,222,208,.35);padding-bottom:7px}.demo-replay{position:absolute;z-index:3;right:20px;bottom:18px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);color:rgba(255,255,255,.65);font-size:9px;letter-spacing:.14em;padding:9px 12px;cursor:pointer}

html.dao-origin-v17-active,html.dao-origin-v17-active body{background:#030201!important}.deepwater{position:fixed!important;z-index:2147483000!important;inset:0!important;width:100vw!important;height:100svh!important;overflow:hidden!important;isolation:isolate;background:transparent!important;color:#eee;opacity:1;visibility:visible}.deepwater[hidden],.deepwater[data-state="done"]{display:none!important}.deepwater__filters{position:absolute;width:0;height:0;overflow:hidden}.deepwater__dark-bed,.deepwater__canvas,.deepwater__fallback,.deepwater__mist,.deepwater__grain,.deepwater__vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.deepwater__dark-bed{z-index:0;background:radial-gradient(ellipse at 67% 48%,rgba(51,34,19,.29),transparent 47%),radial-gradient(ellipse at 50% 66%,rgba(26,37,37,.14),transparent 55%),linear-gradient(135deg,#020303,#090604 66%,#030302);opacity:.92}.deepwater.is-releasing .deepwater__dark-bed{animation:dw-bed-out 1.55s ease-out both}@keyframes dw-bed-out{0%{opacity:1}55%{opacity:.36}100%{opacity:0}}
.deepwater__canvas{z-index:1;display:block;background:transparent}.deepwater.no-webgl .deepwater__canvas{display:none}.deepwater__fallback{z-index:1;background:radial-gradient(ellipse at 50% 34%,rgba(73,96,98,.21),transparent 43%),radial-gradient(ellipse at 65% 42%,rgba(131,88,47,.18),transparent 47%),linear-gradient(180deg,#030404,#080706 53%,#020303);opacity:1}.deepwater:not(.no-webgl) .deepwater__fallback{display:none}.deepwater__fallback i{position:absolute;left:50%;top:38%;width:78vmin;height:52vmin;border-radius:50%;transform:translate(-50%,-50%);filter:blur(56px);background:conic-gradient(from 22deg,transparent,rgba(155,180,183,.11),transparent 35%,rgba(166,118,67,.1),transparent 69%);animation:dw-fallback 10s linear infinite}.deepwater__fallback i:nth-child(2){top:74%;opacity:.32;transform:translate(-50%,-50%) scaleY(-.48);filter:blur(72px)}@keyframes dw-fallback{to{transform:translate(-50%,-50%) rotate(360deg)}}.deepwater.is-releasing .deepwater__fallback{animation:dw-fallback-out 1.45s ease both}@keyframes dw-fallback-out{to{opacity:0;filter:blur(18px)}}

.deepwater__lockup{position:absolute;z-index:3;left:50%;top:53.5%;width:min(54vw,760px);height:42vh;transform:translate(-50%,-50%);pointer-events:none;perspective:1600px}.deepwater__aureole{position:absolute;z-index:0;left:50%;top:20%;width:min(72vw,980px);height:min(25vw,300px);transform:translate(-50%,-50%) scale(.92);border-radius:50%;background:radial-gradient(ellipse at center,rgba(130,88,47,.095) 0%,rgba(82,55,31,.052) 27%,rgba(38,24,14,.018) 53%,transparent 76%);filter:blur(34px);opacity:0}.deepwater[data-state="running"] .deepwater__aureole{animation:dw-aureole var(--dw-duration) ease both}@keyframes dw-aureole{0%,13%{opacity:0;transform:translate(-50%,-50%) scale(.88)}30%{opacity:.46}50%{opacity:.68;transform:translate(-50%,-50%) scale(1)}67%{opacity:.34}82%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.deepwater__face,.deepwater__reflection{position:absolute;z-index:1;left:50%;width:100%;text-align:center;transform:translateX(-50%)}.deepwater__face{top:0;opacity:0;filter:blur(14px);transform:translateX(-50%) translateY(17px) scale(.965)}.deepwater[data-state="running"] .deepwater__face{animation:dw-face var(--dw-duration) var(--dw-ease) both}@keyframes dw-face{0%,17%{opacity:0;filter:blur(15px);transform:translateX(-50%) translateY(18px) scale(.962)}29%{opacity:.30;filter:blur(6px)}41%,56%{opacity:.88;filter:blur(0);transform:translateX(-50%) translateY(0) scale(1)}64%{opacity:.80}77%,100%{opacity:0;filter:blur(8px);transform:translateX(-50%) translateY(-4px) scale(1.006)}}.deepwater__mark{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:13px;font-family:"Songti SC","STSong",serif;font-size:8px;font-weight:400;letter-spacing:.34em;color:rgba(146,102,61,.44);text-shadow:0 0 16px rgba(116,76,41,.10)}.deepwater__mark i{width:3px;height:3px;border-radius:50%;background:rgba(182,139,86,.42);box-shadow:0 0 12px rgba(180,122,60,.18)}.deepwater__wordmark{position:relative;width:100%;margin:0 auto;line-height:0;transform:perspective(1100px) rotateX(-4deg);transform-origin:50% 64%;filter:drop-shadow(0 1px 0 rgba(238,210,158,.05)) drop-shadow(0 11px 24px rgba(0,0,0,.52))}.deepwater__wordmark-depth,.deepwater__wordmark-art,.deepwater__wordmark-glint{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.deepwater__wordmark-depth{position:absolute;inset:0;z-index:0;opacity:.58;transform:translateY(5px) scaleX(1.001);filter:brightness(.30) sepia(.62) saturate(.72) contrast(1.12) blur(.18px)}.deepwater__wordmark-art{position:relative;z-index:1;opacity:.88;filter:saturate(.90) contrast(1.04)}.deepwater__wordmark-glint{position:absolute;z-index:2;inset:0;opacity:0;filter:brightness(1.34) saturate(.72) contrast(1.04) drop-shadow(0 0 12px rgba(187,143,81,.08));clip-path:inset(0 100% 0 0)}.deepwater[data-state="running"] .deepwater__face .deepwater__wordmark-glint{animation:dw-wordmark-glint var(--dw-duration) cubic-bezier(.22,.66,.18,1) both}@keyframes dw-wordmark-glint{0%,22%{opacity:0;clip-path:inset(0 100% 0 0)}31%{opacity:.18;clip-path:inset(0 80% 0 10%)}43%{opacity:.31;clip-path:inset(0 47% 0 43%)}53%{opacity:.14;clip-path:inset(0 12% 0 78%)}60%,100%{opacity:0;clip-path:inset(0 0 0 100%)}}.deepwater__subtitle{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:12px;font-size:6px;letter-spacing:.34em;color:rgba(132,94,57,.30);text-shadow:0 0 13px rgba(103,64,35,.08)}.deepwater__subtitle i{display:block;width:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(155,111,64,.38),transparent)}.deepwater__reflection{top:64%;opacity:0;transform:translateX(-50%) translateY(34%) scaleY(-.50);transform-origin:50% 0;filter:url(#daoReflectionV17) brightness(.88) saturate(.78);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.90) 0%,rgba(0,0,0,.58) 31%,rgba(0,0,0,.24) 63%,transparent 96%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.90) 0%,rgba(0,0,0,.58) 31%,rgba(0,0,0,.24) 63%,transparent 96%);mix-blend-mode:normal}.deepwater[data-state="running"] .deepwater__reflection{animation:dw-reflection var(--dw-duration) linear both}@keyframes dw-reflection{0%,22%{opacity:0}33%{opacity:.28}43%,58%{opacity:.58}66%{opacity:.49}75%{opacity:.27}87%,100%{opacity:0}}.deepwater__reflection .deepwater__wordmark{filter:blur(.46px) drop-shadow(0 9px 19px rgba(31,20,12,.18));transform:scaleX(.994)}.deepwater__reflection .deepwater__wordmark-depth{display:none}.deepwater__reflection .deepwater__wordmark-art{opacity:.82;filter:brightness(.61) saturate(.82) sepia(.18) contrast(.90)}.deepwater__reflection .deepwater__mark{margin-bottom:15px;color:rgba(117,84,50,.22);text-shadow:none}.deepwater__reflection .deepwater__mark i{background:rgba(112,78,45,.16);box-shadow:none}.deepwater__reflection .deepwater__subtitle{margin-top:15px;color:rgba(103,75,47,.14);text-shadow:none}.deepwater__reflection .deepwater__subtitle i{background:linear-gradient(90deg,transparent,rgba(105,74,44,.14),transparent)}
.deepwater__mist{z-index:2;background:radial-gradient(ellipse at 50% 61%,rgba(147,174,174,.082),transparent 42%),radial-gradient(ellipse at 66% 45%,rgba(171,115,62,.064),transparent 47%);filter:blur(14px);opacity:.88;mix-blend-mode:screen}.deepwater__grain{z-index:8;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.deepwater__vignette{z-index:9;background:radial-gradient(ellipse at center,transparent 34%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.56) 100%)}
.deepwater__controls{position:absolute;z-index:12;inset:0;pointer-events:none}.deepwater__sound,.deepwater__skip{pointer-events:auto;position:absolute;border:0;background:transparent;color:rgba(255,255,255,.34);cursor:pointer}.deepwater__skip{right:24px;bottom:20px;font-size:8px;letter-spacing:.26em;padding:10px}.deepwater__sound{left:21px;bottom:19px;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;opacity:0;transition:opacity .25s ease}.deepwater.audio-blocked .deepwater__sound{opacity:.64}.deepwater.audio-on .deepwater__sound{opacity:.18}.deepwater__sound span{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:11px}.deepwater__sound i{display:block;width:1px;background:currentColor;animation:dw-meter .8s ease-in-out infinite alternate}.deepwater__sound i:nth-child(1){height:4px}.deepwater__sound i:nth-child(2){height:9px;animation-delay:.13s}.deepwater__sound i:nth-child(3){height:6px;animation-delay:.26s}@keyframes dw-meter{to{transform:scaleY(.35)}}
.deepwater.is-releasing .deepwater__mist,.deepwater.is-releasing .deepwater__grain,.deepwater.is-releasing .deepwater__vignette{animation:dw-overlay-out 1.45s ease both}@keyframes dw-overlay-out{to{opacity:0}}

@media(max-width:760px){.demo-header nav{display:none}.demo-copy{left:8vw;right:8vw;bottom:15vh}.demo-copy h1{font-size:clamp(43px,13.5vw,72px)}.demo-home__object{right:-8vw;width:63vw;height:66vh;opacity:.62}.deepwater__dark-bed{background:radial-gradient(ellipse at 62% 45%,rgba(68,46,25,.34),transparent 52%),radial-gradient(ellipse at 50% 69%,rgba(37,55,56,.20),transparent 57%),linear-gradient(145deg,#030404,#0b0806 64%,#040403);opacity:.88}.deepwater__canvas{filter:brightness(1.06) saturate(1.05)}.deepwater__mist{opacity:.96}.deepwater__grain{display:none}.deepwater__vignette{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.11) 76%,rgba(0,0,0,.42) 100%)}.deepwater__lockup{top:51.5%;width:82vw;height:40vh}.deepwater__aureole{width:110vw;height:52vw;top:25%}.deepwater__mark{font-size:9px;margin-bottom:14px;gap:9px}.deepwater__subtitle{margin-top:13px;letter-spacing:.27em;font-size:6px;gap:8px}.deepwater__subtitle i{width:13px}.deepwater__reflection{top:66%;transform:translateX(-50%) translateY(30%) scaleY(-.48);filter:url(#daoReflectionV17) brightness(1.02) saturate(.86)}.deepwater__skip{right:12px;bottom:10px}.deepwater__sound{left:12px;bottom:10px}}
@media(prefers-reduced-motion:reduce){:root{--dw-duration:3.1s}.deepwater__face,.deepwater__reflection{animation-duration:3.1s!important}.deepwater__grain{display:none}}
