:root{color-scheme:dark;--forest:#17271f;--paper:#f1efe8;--muted:#b1bdb3;--terracotta:#c67b57;--body:'Plus Jakarta Sans',sans-serif;--display:'Fraunces',Georgia,serif}
*{box-sizing:border-box}
body{margin:0;background:var(--forest);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}
.hero{min-height:100svh;display:grid;place-items:center;text-align:center;padding:46px 24px 70px}
.hero-copy{width:100%;max-width:700px}
.eyebrow{margin:0 0 25px;color:var(--terracotta);font-size:11px;font-weight:600;letter-spacing:.22em;line-height:1.5}
h1{font-family:var(--display);font-size:clamp(64px,7.6vw,108px);line-height:1.04;font-weight:400;letter-spacing:-.055em;margin:0}
h1 em{font-weight:400}
.description{color:var(--muted);font-size:14px;line-height:1.95;font-weight:400;margin:29px 0 0}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive 1s both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:600px){.hero{padding:35px 20px 55px}.eyebrow{font-size:10px;margin-bottom:25px}h1{font-size:clamp(54px,12vw,76px)}.description{font-size:12px;line-height:1.9;margin-top:27px}}
@media(max-height:700px){.hero{padding-block:24px 40px}h1{font-size:clamp(54px,8vw,82px)}}

.brand{display:flex;justify-content:center;margin:0 auto 48px;line-height:0}
.brand-symbol{display:block;width:35px;height:55px;color:var(--paper)}
@media(max-width:600px){.brand{margin-bottom:40px}.brand-symbol{width:30px;height:47px}}