@font-face{font-family:"EB Garamond";src:url(assets/eb-garamond.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(assets/eb-garamond-italic.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:"IM Fell English";src:url(assets/im-fell-italic.woff2) format("woff2");font-style:italic;font-display:swap}
:root{--paper:#f2e9d6;--paper-2:#ebe0c8;--ink:#3b2a1e;--sepia:#5c3e28;--muted:#7a6250;--oxblood:#5c1e22;--gold:#b0843a}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);
  font:400 1.125rem/1.6 "EB Garamond",Garamond,Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:var(--oxblood)}
main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);
  max-width:1120px;width:100%;margin:0 auto;padding:clamp(2rem,6vw,5rem) 1rem}
.copy{text-align:center;max-width:30rem;justify-self:center}
.lockup{width:min(300px,70%);height:auto;display:block;margin:0 auto 1.75rem}
.tagline{font-family:"IM Fell English","EB Garamond",Georgia,serif;font-style:italic;font-size:clamp(1.45rem,2.8vw,1.85rem);color:var(--sepia);margin:0 0 1.25rem;line-height:1.3}
.lede{margin:0 0 2rem;color:var(--ink)}
.rule{width:4rem;height:1px;background:var(--gold);border:0;margin:0 auto 1.75rem}
.btn{display:inline-block;padding:.8rem 1.7rem;border:1px solid var(--sepia);border-radius:2px;background:var(--sepia);
  color:var(--paper);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:.9rem;font-weight:500;
  transition:background .2s,color .2s}
.btn{position:relative;box-shadow:0 0 14px 2px rgba(224,160,70,.35);animation:glow 3.6s ease-in-out infinite}
.btn::before{content:"\2726";margin-right:.6em;color:#f0c46a}
.btn:hover,.btn:focus-visible{background:#6b4630;color:#fff6e2;box-shadow:0 0 26px 6px rgba(240,170,70,.6);animation:none}
@keyframes glow{50%{box-shadow:0 0 26px 7px rgba(240,170,70,.55)}}
@media (prefers-reduced-motion:reduce){.btn{animation:none}}
.soon{display:block;margin-top:1rem;font-size:.95rem;color:var(--muted);font-style:italic}
figure{margin:0;justify-self:center}
figure img{display:block;width:100%;max-width:520px;height:auto;mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%)}
footer{text-align:center;padding:1.5rem 1rem 2rem;font-size:.9rem;color:var(--muted);border-top:1px solid var(--paper-2)}
footer a{color:var(--muted);margin:0 .6rem}
.legal{max-width:42rem;margin:0 auto;padding:3rem 1rem;display:block}
.legal h1{font-weight:500;color:var(--sepia)} .legal h2{font-weight:500;font-size:1.25rem;margin-top:2rem}
.legal .back{display:inline-block;margin-bottom:2rem}
.todo{background:#fff3c4;padding:0 .25rem}
@media (max-width:760px){main{grid-template-columns:1fr}figure img{max-width:320px}}