:root{
  --bg:#fff;--ink:#1c1a17;--soft:#6b655b;--rule:rgba(28,26,23,0.22);--mark:#e6ddd0;
  --serif:'Newsreader',Georgia,serif;--sans:'Inter',system-ui,-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;padding:56px 56px 48px}
::selection{background:var(--mark)}

.home-link{width:fit-content}
.wordmark{display:inline-flex;flex-direction:column;align-items:stretch;text-decoration:none;color:var(--ink);font-family:var(--serif);font-weight:400;text-transform:uppercase;line-height:1}
.wordmark .wm-top{font-size:24px;letter-spacing:.13em;margin-right:-.13em}
.wordmark .wm-sub{display:flex;align-items:center;gap:14px;margin-top:9px;font-size:13px;letter-spacing:.42em}
.wordmark .wm-sub::before,.wordmark .wm-sub::after{content:'';flex:1;height:1px;background:currentColor}
.wordmark .wm-sub::after{margin-left:-.42em}
main{flex:1 0 auto;max-width:700px;margin-top:72px}
p{font-size:clamp(18px,1.55vw,22px);line-height:1.5;letter-spacing:-.008em;margin-bottom:1.3em}
p.lead,p b{font-weight:500}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--rule);text-decoration-thickness:1px;text-underline-offset:.2em;transition:text-decoration-color .2s}
a:hover{text-decoration-color:var(--ink)}

h2{font-family:var(--sans);font-weight:400;font-size:13px;color:var(--soft);margin:2.2em 0 1.1em}

/* plain entries: a name, then a sentence */
.entries{list-style:none;margin-bottom:1.3em}
.entries li{font-size:clamp(18px,1.55vw,22px);line-height:1.5;letter-spacing:-.008em;margin-bottom:.9em}
.entries li b{font-weight:500}
.entries li span{display:block;color:var(--soft)}

.cta{display:inline-flex;align-items:center;gap:.35em;font-size:clamp(20px,1.75vw,25px);line-height:1.2;text-decoration:none;margin-top:.1em}
.cta span{background:linear-gradient(transparent 62%,var(--mark) 62%)}
.cta svg{width:.5em;height:.5em;transition:transform .2s}
.cta:hover svg{transform:translateX(3px)}

footer{margin-top:80px;display:flex;flex-wrap:wrap;gap:12px 36px;font-family:var(--sans);font-size:13px}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}

@media(max-width:640px){
  body{padding:32px 16px 32px}
  .wordmark .wm-top{font-size:20px}
  .wordmark .wm-sub{font-size:10px;gap:10px;margin-top:7px}
  main{margin-top:56px}
  footer{margin-top:64px}
}