.dh{--leaf:#9be08f;--cyan:#7fe3d0;height:180svh;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;cursor:crosshair;background:#070d0a;position:relative}.dh-scene{--exit:0;isolation:isolate;background:#070d0a;height:100svh;position:sticky;top:0;overflow:hidden}.dh-scene .dh-rain{transform:scale(calc(1 + var(--exit) * .36));transform-origin:52% 47%;filter:grayscale(calc(.78 + var(--exit) * .15)) saturate(calc(.56 - var(--exit) * .28)) brightness(calc(.62 - var(--exit) * .2)) contrast(1.08);will-change:transform,filter}.dh-scene .dh-copy.in{transform:scale(calc(1 + var(--exit) * .14)) translateY(calc(var(--exit) * -5vh));opacity:calc(1 - var(--exit) * 1.45);filter:blur(calc(var(--exit) * 6px));transition:filter .12s linear}.dh-exit-veil{z-index:8;pointer-events:none;opacity:calc(var(--exit) * 1.12);background:radial-gradient(circle at 52% 47%,#0000 0%,#02050338 35%,#050807 100%);position:absolute;inset:0}.dh-scene .dh-scrollcue{opacity:calc(1 - var(--exit) * 2.4)}.dh-scene .dh-viewwork{opacity:calc(1 - var(--exit) * 2);transform:translateY(calc(var(--exit) * 18px));pointer-events:auto}.dh-scene .dh-sign-layer{transform:translate(-50%,-50%) scale(calc(1 + var(--exit) * .12));opacity:calc(1 - var(--exit) * 1.6)}.dh-rain{z-index:1;filter:grayscale(.78)saturate(.56)brightness(.62)contrast(1.08);width:100%;height:100%;display:block;position:absolute;inset:0}.dh-color-bloom{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(58% 55% at 61% 45%,#72aa673d,#0000 71%);animation:2.6s 2.2s forwards dhBloom;position:absolute;inset:0}@keyframes dhBloom{to{opacity:1}}.dh-motes{z-index:5;pointer-events:none;position:absolute;inset:0}.dh-motes canvas{display:block}.dh-rainfail{background:#070d0a url(/avatar.jpg) 50% 30%/cover no-repeat}.dh-rainfail:after{content:"";z-index:1;background:linear-gradient(#070d0a66,#070d0ab8);position:absolute;inset:0}.dh-canvas{z-index:3;touch-action:none;position:absolute;inset:0}.dh-copy{z-index:4;pointer-events:none;opacity:0;filter:blur(16px);justify-content:flex-start;align-items:center;padding-left:clamp(30px,7vw,110px);transition:opacity 1.1s,filter 1.2s;display:flex;position:absolute;inset:0}.dh-copy.in{opacity:1;filter:blur();-webkit-mask-image:none;mask-image:none}.dh-title-block{text-align:left;width:min(34vw,560px);position:relative}.dh-title-block:before{content:"";z-index:-1;pointer-events:none;filter:blur(16px);background:radial-gradient(at 38%,#030806d1,#03080680 46%,#03080624 76%,#0000 94%);position:absolute;inset:-16% -34% -14% -40%}.dh-index,.dh-eyebrow b,.dh-sub,.dh-scrollcue span,.dh-viewwork span{font-variation-settings:"opsz" 12,"SOFT" 18,"WONK" 0}.dh-index{font-family:var(--font-mono);letter-spacing:.24em;color:#e4eee4e6;opacity:0;font-size:clamp(14px,1.5vw,27px);transform:translateY(7px)}.dh-rule{opacity:0;background:#d6e6d86b;width:clamp(26px,2.6vw,46px);height:1px;margin:clamp(15px,1.5vw,26px) 0 clamp(19px,1.9vw,32px);display:block}.dh-stem{opacity:0;background:#d6e6d857;width:1px;height:clamp(34px,3.4vw,58px);margin:clamp(6px,.6vw,12px) 0 clamp(20px,2vw,34px);display:block}.dh-eyebrow{font-family:var(--font-display);letter-spacing:.42em;color:#eef5ecf0;opacity:0;margin:0;font-size:clamp(19px,2.1vw,40px);font-weight:400;transform:translateY(7px)}.dh-eyebrow b{font-family:var(--font-mono);letter-spacing:.42em;color:#c8d8cb80;margin-top:clamp(9px,.9vw,16px);font-size:clamp(10px,1.15vw,21px);font-weight:400;display:block}.dh-name{letter-spacing:-.055em;color:#f2f4ee;text-shadow:0 5px 32px #0000007a;opacity:0;filter:blur(11px);will-change:opacity,filter,-webkit-mask-position;margin:0;font-size:clamp(52px,7.2vw,100px);font-weight:720;line-height:.94;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 13% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 13% 84%,#0000 100%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:270% 100%;mask-size:270% 100%}.dh-name span{letter-spacing:.42em;color:#dae7dec2;opacity:0;margin:18px 0 0 5px;font-size:.23em;font-weight:420;display:block;transform:translateY(8px)}.dh-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.dh-sign-layer{z-index:4;pointer-events:none;opacity:0;width:min(48vw,980px);transition:opacity 1.2s .2s;position:absolute;top:50%;left:56%;transform:translate(-50%,-50%)}.dh-sign-layer.in{opacity:1}.dh-sign-layer .dh-water-signature{width:100%;margin:0}.dh-water-signature{aspect-ratio:1240/580;opacity:0;filter:drop-shadow(0 3px 7px #00000038);width:min(72vw,610px);margin:-18px 0 -4px -13px;display:block;position:relative;transform:translateY(8px)}.dh-sign-layer .dh-water-signature{opacity:1;transform:none}.dh-water-canvas,.dh-cleared-stroke{width:100%;height:100%;display:block;position:absolute;inset:0}.dh-cleared-stroke{opacity:0;mix-blend-mode:screen;filter:blur(.25px);background:#e2f0e56b;-webkit-mask:url(/zoe-handwriting-outline.svg) 50%/contain no-repeat;mask:url(/zoe-handwriting-outline.svg) 50%/contain no-repeat}.dh-water-signature.active .dh-cleared-stroke{animation:2.7s cubic-bezier(.32,.04,.18,1) .18s forwards dhClearStroke}@keyframes dhClearStroke{0%{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%)}12%{opacity:.3}to{opacity:.46;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.dh-tagline{font-family:var(--font-display);color:#f3f8f0f2;letter-spacing:.08em;opacity:0;margin:0;font-size:clamp(25px,2.65vw,50px);font-weight:300;line-height:1.5;transform:translateY(10px)}.dh-tagline em{color:var(--leaf);font-style:normal;font-weight:400}.dh-sub{font-family:var(--font-mono);color:#cddacf9e;letter-spacing:.22em;opacity:0;margin:0;font-size:clamp(9px,1vw,18px);transform:translateY(8px)}.dh-copy.in .dh-water-signature{animation:.55s .15s forwards dhWaterIn}@keyframes dhWaterIn{to{opacity:1;transform:none}}.dh-copy.in .dh-index{animation:.7s cubic-bezier(.16,1,.3,1) .1s forwards dhSubtitleIn}.dh-copy.in .dh-rule{animation:.6s cubic-bezier(.16,1,.3,1) .28s forwards dhRuleIn}.dh-copy.in .dh-eyebrow{animation:.75s cubic-bezier(.16,1,.3,1) .42s forwards dhSubtitleIn}.dh-copy.in .dh-stem{animation:.6s cubic-bezier(.16,1,.3,1) .9s forwards dhRuleIn}.dh-copy.in .dh-tagline{animation:.9s cubic-bezier(.16,1,.3,1) 1.05s forwards dhSubtitleIn}.dh-copy.in .dh-rule:last-of-type{animation-delay:1.5s}.dh-copy.in .dh-sub{animation:.8s cubic-bezier(.16,1,.3,1) 1.62s forwards dhSubtitleIn}@keyframes dhRuleIn{to{opacity:1}}@keyframes dhDevelopName{0%{opacity:0;filter:blur(16px);letter-spacing:-.01em;-webkit-mask-position:100% 0;mask-position:100% 0}22%{opacity:.64;filter:blur(7px)}68%{opacity:1;filter:blur(1.5px);-webkit-mask-position:24% 0;mask-position:24% 0}to{opacity:1;filter:blur();letter-spacing:-.055em;-webkit-mask-image:none;mask-image:none;-webkit-mask-position:0 0;mask-position:0 0}}@keyframes dhSubtitleIn{to{opacity:1;transform:translateY(0)}}.dh-hint{z-index:5;font-family:var(--font-display);letter-spacing:.24em;color:#b4c8c080;pointer-events:none;font-size:12.5px;animation:1.2s both dhFadeIn,2.6s ease-in-out 1.2s infinite dhPulse;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}@keyframes dhPulse{0%,to{opacity:.4}50%{opacity:.72}}@keyframes dhFadeIn{0%{opacity:0}to{opacity:.5}}.dh-boot{z-index:10;cursor:pointer;background:#050806;flex-direction:column;justify-content:center;padding:0 8vw;transition:opacity .85s,filter .85s;display:flex;position:absolute;inset:0}.dh-boot.leaving{opacity:0;filter:blur(6px);pointer-events:none}.dh-curtain{z-index:9;opacity:1;pointer-events:none;background:#050806;place-items:center;transition:opacity 1.4s;display:grid;position:absolute;inset:0}.dh-curtain.out{opacity:0}.dh-loading{opacity:0;flex-direction:column;align-items:center;gap:15px;animation:.7s .5s forwards dhLoadIn;display:flex}.dh-loading span{font:9px/1 var(--font-mono);letter-spacing:.34em;color:#5c6a60}.dh-loading i{background:#9be08f29;width:118px;height:1px;display:block;position:relative;overflow:hidden}.dh-loading i:after{content:"";opacity:.5;background:#9be08f;width:38%;animation:1.6s ease-in-out infinite dhLoadSweep;position:absolute;top:0;bottom:0}.dh-curtain.out .dh-loading{opacity:0;transition:opacity .35s}@keyframes dhLoadIn{to{opacity:1}}@keyframes dhLoadSweep{0%{transform:translate(-110%)}to{transform:translate(270%)}}@media (prefers-reduced-motion:reduce){.dh-loading i:after{opacity:.28;width:100%;animation:none}}.dh-boot-lines{font-family:var(--font-mono);color:var(--leaf);text-shadow:0 0 14px #9be08f59;font-size:clamp(13px,1.5vw,17px);line-height:2.1}.dh-boot-line{animation:.3s both dhLine}@keyframes dhLine{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.dh-caret{color:var(--cyan);animation:1s step-end infinite dhBlink}@keyframes dhBlink{50%{opacity:0}}.dh-boot-skip{font-family:var(--font-mono);color:#5f7168;letter-spacing:.1em;font-size:12px;position:absolute;bottom:8vh;right:8vw}.dh-grain{z-index:6;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(3,end) infinite dhGrain;position:absolute;inset:0}@keyframes dhGrain{0%{transform:translate(0)}33%{transform:translate(-4%,2%)}66%{transform:translate(3%,-3%)}}.dh-vignette{z-index:6;pointer-events:none;background:radial-gradient(130% 110% at 50% 45%,#0000 68%,#00000047 100%);position:absolute;inset:0}.dh-scrollcue{z-index:7;pointer-events:none;border-top:1px solid #d6e6d84d;flex-direction:column;align-items:center;gap:9px;min-width:210px;padding-top:11px;animation:1s 2s both dhCueIn;display:flex;position:absolute;bottom:clamp(26px,4vh,52px);left:50%;transform:translate(-50%)}.dh-scrollcue span{font-family:var(--font-mono);letter-spacing:.32em;color:#dbe6dcb8;font-size:clamp(10px,1.1vw,19px)}.dh-scrollcue i{color:#d6e6d880;font-size:clamp(12px,1.25vw,21px);font-style:normal;animation:2.4s ease-in-out infinite dhCueNudge}@keyframes dhCueIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)}}@keyframes dhCueNudge{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.85;transform:translateY(4px)}}.dh-viewwork{z-index:7;border-top:1px solid #d6e6d86b;flex-direction:column;align-items:flex-end;gap:7px;min-width:150px;padding-top:11px;text-decoration:none;transition:border-color .25s;animation:1s 2.15s both dhCueIn2;display:flex;position:absolute;bottom:clamp(26px,4vh,52px);right:clamp(24px,5vw,72px)}.dh-viewwork span{font-family:var(--font-mono);letter-spacing:.3em;color:#cbd9cd99;font-size:clamp(9px,1vw,17px)}.dh-viewwork b{font-family:var(--font-display);letter-spacing:.1em;color:#eef4ec;font-size:clamp(13px,1.4vw,25px);font-weight:400;transition:color .25s}.dh-viewwork:hover{border-color:var(--leaf)}.dh-viewwork:hover b{color:var(--leaf)}@keyframes dhCueIn2{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:820px){.dh{cursor:default;height:150svh}.dh-copy{justify-content:flex-start;align-items:flex-end;padding:0 8vw 20vh}.dh-title-block{width:100%}.dh-sign-layer{width:80vw;top:30%;left:50%}.dh-tagline{font-size:clamp(24px,7vw,32px)}.dh-scrollcue{min-width:0;bottom:22px}.dh-viewwork{align-items:flex-start;min-width:0;bottom:78px;left:8vw;right:auto}}@media (prefers-reduced-motion:reduce){.dh{height:100svh}.dh-scene{position:relative}.dh-exit-veil{display:none}.dh-grain{animation:none}.dh-copy{transition:opacity .4s}.dh-color-bloom{opacity:.35;animation:none}.dh-copy.in .dh-index,.dh-copy.in .dh-rule,.dh-copy.in .dh-eyebrow,.dh-copy.in .dh-stem,.dh-copy.in .dh-tagline,.dh-copy.in .dh-sub{opacity:1;filter:none;animation:none;transform:none}.dh-scrollcue,.dh-viewwork{opacity:1;animation:none;transform:none}.dh-scrollcue{transform:translate(-50%)}.dh-scrollcue i{animation:none}.dh-water-signature.active .dh-cleared-stroke{opacity:.46;clip-path:none;animation:none}}