.dwf{--lip:clamp(20px, 2.4vw, 32px);margin-top:calc(var(--lip) * -1);border-radius:var(--lip) var(--lip) 0 0;background:#1c1620;padding-top:clamp(56px,7vw,96px);overflow:clip;box-shadow:inset 0 1px #ffffff1a}.dwf-name{margin-top:clamp(48px,7vw,96px);padding-top:.2em;font-size:clamp(96px,25.5vw,372px);line-height:1;overflow:hidden}.dwf-word{letter-spacing:-.055em;color:var(--color-dw-bg);text-shadow:0 .025em 0 var(--color-dw-pink);white-space:nowrap;text-align:center;margin-bottom:-.1em;font-weight:700;display:block}.dwf-l{display:inline-block;position:relative}.dwf-p{--s:.3em;left:var(--x);width:var(--s);height:var(--s);pointer-events:none;filter:drop-shadow(0 .02em .03em #00000059);transform-origin:50% 100%;animation:.7s cubic-bezier(.2,.8,.2,1) both dwf-perch;animation-delay:calc(var(--k) * 80ms + .2s);animation-timeline:view();animation-range:entry 10% cover 40%;position:absolute;translate:-50%}.dwf-p div{width:100%!important;height:100%!important}.dwf-p.is-sit{top:calc(.4em - var(--s))}.dwf-p.is-tall{--s:.28em;top:calc(.2em - var(--s));left:calc(var(--x) + .2em)}.dwf-p.is-peek{z-index:-1;top:calc(.4em - var(--s) * .62)}.dwf-p.is-dot{--s:.21em;top:calc(.34em - var(--s) - .02em)}@keyframes dwf-perch{0%{opacity:0;transform:translateY(.12em)scale(.8)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dwf-p{animation:none}}