:root{--navy:#102a46;--forest:#17362f;--cream:#faf8f3;--taupe:#a78b6b;--olive:#898764;--line:rgba(16,42,70,.14);--serif:"Newsreader",Didot,"Bodoni 72",Georgia,serif;--sans:"Manrope","Avenir Next",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{background:var(--cream)}
body{min-height:100vh;margin:0;background:var(--cream);color:var(--navy);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}
main{position:relative;z-index:2;width:min(1180px,calc(100vw - 80px));min-height:100vh;margin:auto;padding:56px 0 44px;display:grid;grid-template-rows:auto 1fr auto}
header{width:max-content;text-align:center;color:var(--forest)}
.lockup{display:block;width:168px;height:auto}
section{align-self:center;max-width:880px;padding:50px 0 70px}
.eyebrow{margin:0 0 30px;color:var(--taupe);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
h1{margin:0;font-family:var(--serif);font-size:clamp(62px,7.2vw,112px);font-weight:300;line-height:.97;letter-spacing:-.035em;text-wrap:balance}
.intro{max-width:620px;margin:38px 0 0;color:#526575;font-size:17px;line-height:1.75}
footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;color:#687783;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
footer p{margin:0}.soon{color:var(--taupe)}
.arc{position:fixed;z-index:1;width:min(64vw,850px);aspect-ratio:1;border:1px solid rgba(167,139,107,.5);border-radius:50%;right:-18vw;top:-34vw;box-shadow:0 0 0 75px rgba(167,139,107,.035),0 0 0 150px rgba(167,139,107,.022)}
.field{position:fixed;inset:0;opacity:.28;background:linear-gradient(90deg,transparent 0 49.95%,rgba(16,42,70,.04) 50%,transparent 50.05%),linear-gradient(transparent 0 49.95%,rgba(16,42,70,.035) 50%,transparent 50.05%);background-size:210px 210px;mask-image:linear-gradient(to bottom right,transparent 25%,black 100%)}
@media(max-width:700px){main{width:calc(100vw - 40px);padding:34px 0 28px}.lockup{width:116px}section{padding:70px 0 90px}h1{font-size:clamp(52px,15vw,76px)}.intro{font-size:16px}footer{align-items:flex-start;flex-direction:column;gap:10px}.arc{width:105vw;right:-54vw;top:-42vw}}
@media(prefers-reduced-motion:no-preference){header,section,footer{animation:arrive .9s cubic-bezier(.2,.7,.2,1) both}section{animation-delay:.08s}footer{animation-delay:.16s}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}