:root{--cream: #f0ead6;--dusk: #1a2438}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;background:var(--dusk);color:var(--cream);font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}canvas#scene{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}main#overlay{position:relative;z-index:1;width:100%}.frame{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8vh 8vw;pointer-events:none}.frame--intro{justify-content:flex-end;padding-bottom:14vh}.frame--end{min-height:60vh;justify-content:center;align-items:center}.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;opacity:.55;margin-bottom:1.4rem}.title{font-size:clamp(4rem,14vw,12rem);font-weight:200;letter-spacing:-.04em;line-height:.9;mix-blend-mode:difference;color:var(--cream)}.lede{margin-top:1.6rem;font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;opacity:.7}.phrase{font-size:clamp(1.4rem,3.4vw,2.6rem);font-weight:200;line-height:1.3;max-width:28ch;letter-spacing:-.01em}.signature{font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;opacity:.5}#scroll-hint{position:fixed;bottom:3vh;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;pointer-events:none;transition:opacity .6s ease}#scroll-hint.hidden{opacity:0}#scroll-hint .line{width:1px;height:36px;background:var(--cream);opacity:.7;animation:drip 2.4s ease-in-out infinite;transform-origin:top center}#scroll-hint .label{font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;opacity:.55}@keyframes drip{0%,to{transform:scaleY(.2);opacity:.3}50%{transform:scaleY(1);opacity:.75}}@media (prefers-reduced-motion: reduce){#scroll-hint .line{animation:none}}