*{box-sizing:border-box}
:root{--green:#082f22;--cream:#f5f2e9}
html,body{margin:0;min-height:100%;background:var(--green);color:var(--cream)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
main{min-height:100svh;display:grid;place-items:center;padding:48px 28px}
.hero{width:min(920px,100%);display:flex;flex-direction:column;align-items:center;text-align:center}
.logo{width:min(640px,72vw);height:auto;display:block;filter:brightness(0) invert(1);opacity:.98;margin:0 auto 4px;animation:intro 1.1s cubic-bezier(.2,.8,.2,1) both}
.copy{width:min(820px,92%);display:flex;flex-direction:column;align-items:center}
h1{font-size:clamp(27px,3.15vw,43px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0;text-wrap:balance;animation:intro 1.1s .08s cubic-bezier(.2,.8,.2,1) both}
h1 span{white-space:nowrap}
h1 .est{display:inline-block;font-family:Georgia,"Times New Roman",serif;font-size:.82em;font-style:italic;font-weight:400;letter-spacing:-.025em;margin-left:.08em}
.slogan{font-size:clamp(30px,4vw,54px);line-height:1.02;letter-spacing:-.05em;font-weight:600;max-width:780px;margin:28px 0 0;text-wrap:balance;animation:intro 1.1s .18s cubic-bezier(.2,.8,.2,1) both}
.soon{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:clamp(72px,10vh,118px);padding:10px 4px 18px;overflow:hidden}
.soon-text{font-size:clamp(28px,3.6vw,48px);line-height:1;letter-spacing:-.045em;font-weight:500;position:relative;opacity:.72;animation:slowGlow 9s ease-in-out infinite}
.soon-text:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:1px;background:rgba(245,242,233,.24)}
.soon-text:before{content:"";position:absolute;left:0;bottom:-14px;width:100%;height:1px;background:var(--cream);transform:scaleX(0);transform-origin:left;animation:loading 9s cubic-bezier(.4,0,.2,1) infinite}
.cursor{display:none}
.soon:after{content:"";position:absolute;top:0;bottom:8px;width:22%;left:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-16deg);animation:flash 9s ease-in-out infinite;pointer-events:none}
footer{width:100%;max-width:920px;margin:0 auto;text-align:center;padding-top:42px;font-size:10px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:rgba(245,242,233,.52)}
@keyframes slowGlow{
  0%,18%,100%{opacity:.64}
  48%,64%{opacity:1}
}
@keyframes loading{
  0%,10%{transform:scaleX(0);opacity:.35}
  68%{transform:scaleX(1);opacity:.9}
  84%,100%{transform:scaleX(1);opacity:0}
}
@keyframes flash{
  0%,38%{left:-30%;opacity:0}
  45%{opacity:.15}
  66%{left:112%;opacity:.3}
  72%,100%{left:112%;opacity:0}
}
@media(prefers-reduced-motion:reduce){.logo,h1,.slogan,.soon-text,.soon-text:before,.soon:after{animation:none}}
@media(max-width:650px){
 main{padding:38px 22px}
 .hero{width:100%}
 .logo{width:min(560px,94vw);margin-bottom:2px}
 .copy{width:min(520px,94%)}
 h1{font-size:clamp(26px,7.3vw,36px);line-height:1.06}
 .slogan{font-size:clamp(31px,9vw,44px);margin-top:25px}
 .soon{margin-top:76px}
 .soon-text{font-size:clamp(28px,8vw,38px)}
}