.dh-hero{--bust-x:.29;--bust-y:.575;--bust-h:.84;--stage-h:250svh;--hero-deep:#2a1e12;--hero-mid:#120d08;--hero-dot:#d4a24e33;--hero-glow:#e6b85a42;--hero-gold:var(--gold-hot);--hero-gold-2:var(--gold-pale);--hero-line:#d4a24eb3;--hero-rule:var(--line);height:var(--stage-h);background:var(--bg);position:relative;overflow:clip}html[data-theme=day] .dh-hero{--hero-deep:#f8f2e4;--hero-mid:#ece1c4;--hero-dot:#8c5e3533;--hero-glow:#fff0cdd9;--hero-gold:#8a5a2b;--hero-gold-2:#c8963f;--hero-line:#8c5e35bf}@media (min-width:901px) and (max-width:1399px){.dh-hero{--bust-x:.275;--bust-h:.8}}@media (min-width:901px) and (max-aspect-ratio:3/2){.dh-hero{--bust-x:.26;--bust-y:.585;--bust-h:.74}}@media (max-width:900px){.dh-hero{--bust-x:.5;--bust-y:.345;--bust-h:.54}}@media (min-width:641px) and (max-width:900px){.dh-hero{--bust-y:.3;--bust-h:.42}}@media (min-width:641px) and (max-width:900px) and (max-aspect-ratio:5/7){.dh-hero{--bust-y:.315;--bust-h:.47}}@media (max-width:640px){.dh-hero{--bust-x:.5;--bust-y:.37;--bust-h:.57}}@media (prefers-reduced-motion:reduce){.dh-hero{--stage-h:100svh}}.dh-hero[data-mode=still]{--stage-h:100svh}.dh-hero__back,.dh-hero__front{width:100%;height:100svh;position:sticky;top:0}.dh-hero__back{z-index:0;background:radial-gradient(52% 64% at calc(var(--bust-x) * 100%) 54%, var(--hero-deep) 0%, var(--hero-mid) 55%, var(--bg) 100%);overflow:hidden}.dh-hero__front{z-index:2;pointer-events:none;margin-top:-100svh}.dh-hero__front a,.dh-hero__front button{pointer-events:auto}.dh-hero__grid{background:radial-gradient(circle at 1px 1px, var(--hero-dot) 1px, transparent 1.5px) 0 0 / 22px 22px;-webkit-mask-image:radial-gradient(58% 70% at calc(var(--bust-x) * 100%) 55%, #000 28%, transparent 78%);-webkit-mask-image:radial-gradient(58% 70% at calc(var(--bust-x) * 100%) 55%, #000 28%, transparent 78%);mask-image:radial-gradient(58% 70% at calc(var(--bust-x) * 100%) 55%, #000 28%, transparent 78%);position:absolute;inset:0}.dh-hero__glow{left:calc(var(--bust-x) * 100%);top:calc((var(--bust-y) - var(--bust-h) * .18) * 100%);width:calc(var(--bust-h) * 100svh * .95);aspect-ratio:1;background:radial-gradient(circle, var(--hero-glow), transparent 66%);animation:dh-hero-glow 5.5s var(--ease-stone) infinite;border-radius:50%;position:absolute;translate:-50% -50%}@keyframes dh-hero-glow{0%,to{opacity:.82}45%{opacity:1}62%{opacity:.74}}.dh-hero__nimbus{left:calc(var(--bust-x) * 100%);top:calc((var(--bust-y) - var(--bust-h) * .215) * 100%);width:calc(var(--bust-h) * 100svh * .66);aspect-ratio:1;color:var(--accent);opacity:0;animation:dh-hero-nimbus 2.2s .6s var(--ease-stone) forwards;position:absolute;translate:-50% -50%}@keyframes dh-hero-nimbus{0%{opacity:0;scale:.94}to{opacity:.62;scale:1}}.dh-hero__nimbus svg{width:100%;height:100%;overflow:visible}.dh-hero__rays{left:calc(var(--bust-x) * 100%);width:calc(var(--bust-h) * 100svh * 1.5);opacity:0;background:conic-gradient(from 168deg at 50% -6%, transparent 0deg, var(--hero-glow) 3deg, transparent 6deg, transparent 9deg, var(--hero-glow) 11deg, transparent 15deg, transparent 18deg, var(--hero-glow) 19.5deg, transparent 23deg);filter:blur(14px);mix-blend-mode:screen;height:100%;position:absolute;top:0;translate:-50%;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 85%);mask-image:linear-gradient(#000 0% 35%,#0000 85%)}html[data-theme=day] .dh-hero__rays{mix-blend-mode:normal}.dh-hero__still{left:calc(var(--bust-x) * 100% - var(--bust-h) * .42 * 100svh);top:calc((var(--bust-y) - var(--bust-h) * .58) * 100%);width:calc(var(--bust-h) * .98 * 100svh);height:calc(var(--bust-h) * 1.1 * 100%);pointer-events:none;transition:opacity 1.1s var(--ease-stone);background:50%/100% 100% no-repeat;position:absolute}.dh-hero__stillNight{background-image:var(--still-night)}.dh-hero__stillDay{background-image:var(--still-day);display:none}@supports (background-image:image-set(url("x.avif") type("image/avif"))){.dh-hero__stillNight{background-image:image-set(var(--still-night-avif) type("image/avif"), var(--still-night) type("image/webp"))}.dh-hero__stillDay{background-image:image-set(var(--still-day-avif) type("image/avif"), var(--still-day) type("image/webp"))}@media (max-width:640px){.dh-hero__stillNight{background-image:image-set(var(--still-night-sm) type("image/avif"), var(--still-night) type("image/webp"))}.dh-hero__stillDay{background-image:image-set(var(--still-day-sm) type("image/avif"), var(--still-day) type("image/webp"))}}}html[data-theme=day] .dh-hero__stillNight{display:none}html[data-theme=day] .dh-hero__stillDay{display:block}.dh-hero[data-live][data-mode=live] .dh-hero__still{opacity:0}.dh-hero__copy{align-content:center;width:min(640px,47vw);padding:clamp(96px,13svh,140px) 0 clamp(88px,12svh,128px);display:grid;position:absolute;top:0;bottom:0;right:clamp(24px,3.4vw,56px);container-type:inline-size}.dh-hero__intro,.dh-hero__verse{grid-area:1/1;align-self:center}.dh-hero__intro{--out:clamp(0, (var(--hp,0) - .08) / .22, 1);opacity:calc(1 - var(--out));translate:0 calc(var(--out) * -28px);filter:blur(calc(var(--out) * 6px))}.dh-hero__name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0;margin-block:-.04em -.12em;padding:.04em .08em .12em 0;font-size:min(9.4cqi,66px);font-weight:300;line-height:1.02;overflow:hidden}.dh-hero__lineInner{animation:dh-hero-rise 1.25s var(--ease-silk) both;display:inline-block}.dh-hero__body{max-width:34em;color:var(--ink-2);text-wrap:pretty;animation:dh-hero-fade 1.2s .35s var(--ease-stone) both;margin:clamp(18px,3svh,28px) 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.6}.dh-hero__invite{color:var(--hero-gold);font-family:var(--font-display);white-space:nowrap;text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, var(--hero-gold) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--hero-gold) 40%, transparent);transition:text-decoration-color .4s var(--ease-stone);font-size:1.22em;font-style:italic}@media (hover:hover){.dh-hero__invite:hover{-webkit-text-decoration-color:var(--hero-gold);text-decoration-color:var(--hero-gold)}}.dh-hero__invite:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}.dh-hero__verse{gap:clamp(26px,4.5svh,44px);display:grid}.dh-hero[data-act=intro] .dh-hero__verse,.dh-hero:not([data-act]) .dh-hero__verse,.dh-hero[data-act=verse] .dh-hero__intro{visibility:hidden}.dh-hero__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0;font-size:min(8.1cqi,74px);font-weight:300;line-height:1.02}.dh-hero__line{--c:clamp(0, (var(--hp,0) - .34 - var(--li) * .1) / .14, 1);white-space:nowrap;clip-path:inset(0 calc((1 - var(--c)) * 100%) 0 0);opacity:calc(.25 + var(--c) * .75);filter:blur(calc((1 - var(--c)) * 3px));margin:-.04em 0 -.14em;padding:.04em .1em .14em 0;display:block}.dh-hero__verse .dh-runes{--r:clamp(0, (var(--hp,0) - .68) / .12, 1);opacity:var(--r);translate:0 calc((1 - var(--r)) * 10px)}.dh-hero__gold{--g:clamp(0, (var(--hp,0) - .6) / .3, 1);letter-spacing:-.03em;color:var(--hero-gold);background:linear-gradient(100deg, var(--hero-gold) 0 42%, var(--hero-gold-2) 50%, var(--hero-gold) 58% 100%) calc(100% - var(--g) * 140%) 0 / 260% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:400}.dh-hero[data-mode=still] .dh-hero__copy{gap:clamp(28px,5svh,48px)}.dh-hero[data-mode=still] :is(.dh-hero__intro,.dh-hero__verse){visibility:visible;--hp:1;grid-area:auto}.dh-hero[data-mode=still] .dh-hero__intro{--hp:0}.dh-hero[data-mode=still] .dh-hero__title{font-size:min(6.4cqi,54px)}@media (forced-colors:active){.dh-hero__gold{-webkit-text-fill-color:currentColor;background:0 0}}.dh-hero__floor{background:linear-gradient(to bottom, transparent, var(--bg) 92%);pointer-events:none;height:22%;position:absolute;inset:auto 0 0}.dh-hero__scrim{--col:calc(100% - min(640px, 47vw) - clamp(24px, 3.4vw, 56px));pointer-events:none;background:linear-gradient(90deg, transparent calc(var(--col) - 160px), color-mix(in oklab, var(--bg) 66%, transparent) calc(var(--col) + 24px), color-mix(in oklab, var(--bg) 30%, transparent) 100%);position:absolute;inset:0}.dh-hero__bust{left:calc(var(--bust-x) * 100%);top:calc(var(--bust-y) * 100%);height:calc(var(--bust-h) * 100% * .9);aspect-ratio:.72;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:46% 46% 12% 12%/34% 34% 10% 10%;padding:0;position:absolute;translate:-50% -50%}.dh-hero__bust:focus-visible{outline:2px solid var(--focus);outline-offset:6px}.dh-hero:not([data-mode=live]) .dh-hero__bust{display:none}@media (max-width:900px){.dh-hero__copy{align-content:end;width:auto;padding:0 0 clamp(92px,12svh,116px);inset:auto 16px 0}.dh-hero__intro,.dh-hero__verse{align-self:end}.dh-hero__title{font-size:min(8.1cqi,60px)}.dh-hero__name{font-size:min(10cqi,56px)}.dh-hero__body{font-size:15.5px;line-height:1.55}.dh-hero__scrim{display:none}.dh-hero__floor{background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--bg) 82%, transparent) 38%, var(--bg) 70%);height:58%}}.dh-runes{max-width:520px;color:var(--hero-gold);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 0 -2px;padding:0;list-style:none;display:grid}.dh-runes__cell{transition:opacity .6s calc(var(--i) * 80ms) var(--ease-stone)}.dh-runes__btn{min-width:44px;min-height:44px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center start;padding:0;display:grid}.dh-runes__btn>*{grid-area:1/1}.dh-runes__btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.dh-runes__sigil{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;width:26px;height:26px;transition:opacity .5s var(--ease-stone), filter .6s var(--ease-stone), transform .6s var(--ease-stone);transform-origin:13px;overflow:visible}.dh-runes__fill{fill:currentColor;stroke:none}.dh-runes__word{font-family:var(--font-inscription);letter-spacing:.5em;text-transform:uppercase;white-space:nowrap;color:var(--ink);opacity:0;filter:blur(4px);transition:opacity .5s 80ms var(--ease-stone), filter .6s 80ms var(--ease-stone), letter-spacing .7s 80ms var(--ease-stone);font-size:11px}.dh-runes__btn:is(:focus-visible,[aria-pressed=true]) .dh-runes__sigil{opacity:0;filter:blur(5px);transform:scale(1.35)}.dh-runes__btn:is(:focus-visible,[aria-pressed=true]) .dh-runes__word{opacity:1;filter:none;letter-spacing:.24em}@media (hover:hover){.dh-runes__btn:hover .dh-runes__sigil{opacity:0;filter:blur(5px);transform:scale(1.35)}.dh-runes__btn:hover .dh-runes__word{opacity:1;filter:none;letter-spacing:.24em}}@media (max-width:640px){.dh-runes__word{letter-spacing:.3em;font-size:10px}.dh-runes__btn:is(:focus-visible,[aria-pressed=true]) .dh-runes__word{letter-spacing:.12em}}@media (max-width:900px){.dh-hero__intro,.dh-hero__line{filter:none}}@media (forced-colors:active){.dh-runes{color:canvastext}}@media (prefers-reduced-motion:reduce){.dh-runes__cell{animation:none}.dh-runes__sigil,.dh-runes__word{filter:none;letter-spacing:.24em;transition:opacity .2s linear;transform:none}}@keyframes dh-hero-fade{0%{opacity:0;translate:0 10px}}@keyframes dh-hero-rise{0%{transform:translateY(108%)}to{transform:none}}@keyframes dh-hero-gild{0%{background-position:100% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.dh-hero__glow{animation:none}}@media (max-width:640px){.dh-hero[data-mode=still]{--bust-y:.25;--bust-h:.38}.dh-hero[data-mode=still] .dh-hero__copy{gap:24px}.dh-hero[data-mode=still] .dh-hero__verse{gap:14px}}
