/* Drop Hint — base element styles + brand utility classes. */
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-heading);margin:0;font-weight:var(--fw-bold);text-wrap:balance}
h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}
h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}
h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}
h4{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4)}
p{margin:0;text-wrap:pretty}
a{color:var(--text-link);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--text-link-hover)}
::selection{background:var(--rose-300);color:var(--navy-900)}
.dh-overline{font-family:var(--font-display);font-size:var(--fs-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--coral-700)}
.dh-display{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-bold);color:var(--text-heading)}
.dh-bg-aura{background:radial-gradient(60% 80% at 8% 55%,rgba(255,156,170,.22),transparent 60%),radial-gradient(55% 70% at 30% 45%,rgba(183,163,230,.18),transparent 65%),radial-gradient(50% 60% at 60% 30%,rgba(184,234,247,.22),transparent 70%),var(--white)}
.dh-bg-cream{background:var(--cream-100)}
.dh-bg-mist{background:var(--mist-100)}
.dh-bg-navy{background:var(--navy-900);color:var(--text-inverse)}