@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-opsz-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dm-sans-latin-opsz-normal.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:#0C0B0A url(/img/night-desk-2400.webp) center/cover no-repeat;color:#F3EEE4;font:17px/1.5 "DM Sans",system-ui,sans-serif;display:flex;flex-direction:column;min-height:100vh}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(12,11,10,.88),rgba(12,11,10,.45) 60%,rgba(12,11,10,.15));z-index:-1}
.nw{white-space:nowrap}
header{padding:24px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#F3EEE4;text-decoration:none;font:600 22px Fraunces,Georgia,serif}
.brand img{border-radius:8px}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 24px;max-width:640px}
.eyebrow{color:#D6B670;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
h1{font:400 clamp(40px,9vw,76px)/1.05 Fraunces,Georgia,serif;margin:12px 0}
.lede{font-size:clamp(17px,2.4vw,21px);color:#E2DACB;margin-bottom:28px}
.btn{align-self:flex-start;min-height:48px;display:inline-flex;align-items:center;padding:0 26px;border-radius:999px;background:#D6B670;color:#0C0B0A;font-weight:600;text-decoration:none}
.btn:hover{background:#E7CA88}
footer{padding:20px 24px;font-size:13px;color:#BEB4A5}
footer a{color:#BEB4A5}
@media (max-width:600px){body{background-image:url(/img/night-desk-phone.webp)}body::before{background:linear-gradient(180deg,rgba(12,11,10,.55),rgba(12,11,10,.85))}}