html,body{margin:0;height:100%;overflow:hidden;background:#0f1d14;font-family:Inter,sans-serif;color:#f7f5f0}
body{display:grid;place-items:center}
main{height:100vh;max-width:900px;padding:3vh 24px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;position:relative;z-index:2}
.brand{font-family:'Space Grotesk';letter-spacing:.45rem;color:#d7a33d;font-size:.95rem}
h1{font:700 clamp(2.8rem,5vw,5rem) 'Cormorant Garamond',serif;line-height:1.05;margin:0}
.line{width:80px;height:4px;background:#d7a33d}
.sub{margin:0;color:#bcc6bc;font-size:clamp(1rem,1.8vw,1.35rem);max-width:700px}
.strong{color:#fff;font-weight:600}
.status{text-transform:uppercase;letter-spacing:.18rem;font-weight:600}
.dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#d7a33d;margin-right:10px;animation:p 1.5s infinite}
.btn{padding:16px 34px;border:1px solid #d7a33d;border-radius:999px;color:#fff;text-decoration:none;transition:.3s}
.btn:hover{background:#d7a33d;color:#0f1d14}
.mail,footer{color:#98a798;text-decoration:none}
#particles,.spot{position:fixed;inset:0}.spot{pointer-events:none;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.08),transparent 28%)}
@keyframes p{50%{transform:scale(1.5)}}