@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-500-normal.woff2) format("woff2")}

:root{
  --paper:#f4f1ec;
  --ink:#24231f;
  --muted:#5e5b54;
  --rule:#cfc9be;
  --serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:16px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--paper:#181916;--ink:#f2efe9;--muted:#b1aca3;--rule:#3a3935}
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 20px/1.6 var(--serif);font-synthesis:none;overflow-wrap:break-word}
.wrap{width:min(1120px,100% - 2*var(--gutter));margin-inline:auto}
img{display:block;max-width:100%;height:auto}
h1,p{margin:0}
h1{font-weight:400}

a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}

.masthead{padding-block:28px 24px}
.logo{width:200px;height:auto}

h1{font-size:clamp(42px,11.4vw,112px);line-height:.98;letter-spacing:-.025em;max-width:13ch}





footer{display:grid;gap:4px;padding-block:24px 40px;border-top:1px solid var(--rule);font:400 13px/1.6 var(--sans);color:var(--muted)}
footer p{margin:0}

@media (min-width:760px){
  :root{--gutter:40px}
  .masthead{padding-block:44px 28px}
  .logo{width:240px}
  footer{grid-template-columns:1fr 1fr}
  footer p:last-child{text-align:right}
}

.soon{min-height:100svh;display:flex;flex-direction:column}
.soon-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:48px 64px}
.soon-line{margin-top:44px;font:400 15px/1.4 var(--sans);letter-spacing:.04em;color:var(--muted)}
.soon footer a{color:inherit}
