.dh{z-index:5;pointer-events:none;--leaf:#9be08f;--cyan:#7fe3d0;height:260svh;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;cursor:crosshair;background:0 0;margin-bottom:-135svh;position:relative}.dh-scene{pointer-events:auto;--exit:0;--x:clamp(0,calc((var(--exit) - .55) / .45),1);isolation:isolate;height:100svh;opacity:clamp(0,calc((1 - var(--x)) * 4.6),1);-webkit-mask-image:linear-gradient(#000,#000),radial-gradient(132% 116% at 52% 47%,#000 calc((var(--x) - .15) * 150% - 34%),#0000 calc((var(--x) - .15) * 150%)),var(--ink-tex);-webkit-mask-image:linear-gradient(#000,#000),radial-gradient(132% 116% at 52% 47%,#000 calc((var(--x) - .15) * 150% - 34%),#0000 calc((var(--x) - .15) * 150%)),var(--ink-tex);mask-image:linear-gradient(#000,#000),radial-gradient(132% 116% at 52% 47%,#000 calc((var(--x) - .15) * 150% - 34%),#0000 calc((var(--x) - .15) * 150%)),var(--ink-tex);-webkit-mask-composite:xor,source-in,source-over;background:#070d0a;position:sticky;top:0;overflow:hidden;-webkit-mask-position:50%,50%,38% 44%;mask-position:50%,50%,38% 44%;-webkit-mask-size:100% 100%,100% 100%,170% 170%;mask-size:100% 100%,100% 100%,170% 170%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out,source-in,source-over;mask-composite:subtract,intersect,add}@supports not ((mask-composite:subtract) or (-webkit-mask-composite:xor)){.dh-scene{opacity:clamp(0,calc((1 - var(--x)) * 1.35),1);-webkit-mask-image:none;mask-image:none}}.dh-scene .dh-rain{transform:scale(calc(1 + var(--x) * .36));transform-origin:52% 47%;filter:grayscale(calc(.46 + var(--x) * .34)) saturate(calc(.72 - var(--x) * .4)) brightness(calc(.58 - var(--x) * .18)) contrast(1.1);will-change:transform}.dh-scene .dh-copy.in{transform:scale(calc(1 + var(--x) * .14)) translateY(calc(var(--x) * -5vh));opacity:calc(1 - var(--x) * 2.9);filter:blur(calc(var(--x) * 14px));transition:filter .12s linear}.dh-exit-veil{z-index:8;pointer-events:none;opacity:calc(var(--x) * .78);background:radial-gradient(circle at 52% 47%,#0000 0%,#0205032e 42%,#050807db 100%);position:absolute;inset:0}.dh-scene .dh-scrollcue{opacity:calc(1 - var(--x) * 3.6)}.dh-scene .dh-sign-layer,.dh-scene .dh-sign-layer.in{transform:translate(-50%,-50%) scale(calc(1 + var(--x) * .36));opacity:calc(1 - var(--x) * 3.2)}.dh-rain{z-index:1;filter:grayscale(.46)saturate(.72)brightness(.58)contrast(1.1);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{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}.dh-off .dh-grain{animation-play-state:paused}@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:calc(1 - var(--x) * 3.6);transform:translate(-50%)}}@keyframes dhCueNudge{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.85;transform:translateY(4px)}}@keyframes dhCueIn2{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:820px){.dh{cursor:default;height:210svh;margin-bottom:-125svh}.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:calc(18px + var(--qn-bar));gap:5px;padding-top:9px}.dh-scrollcue span{letter-spacing:.24em;font-size:9.5px}}@media (prefers-reduced-motion:reduce){.dh{height:100svh;margin-bottom:0}.dh-scene{opacity:1;position:relative;-webkit-mask-image:none;mask-image:none}.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{opacity:1;animation:none;transform:translate(-50%)}.dh-scrollcue i{animation:none}.dh-water-signature.active .dh-cleared-stroke{opacity:.46;clip-path:none;animation:none}}@media (max-width:820px){.dh-hint{font-size:13.5px}.dh-loading span{font-size:11.5px}.dh-boot-skip{font-size:13.5px}.dh-sub{letter-spacing:.1em;font-size:11px}.dh-scrollcue span,.dh-eyebrow b{font-size:11px}}@media (max-width:360px){.dh-sub{letter-spacing:.03em}.dh-scrollcue span{letter-spacing:.12em;white-space:nowrap}}