/* Sevren launch site, shared system. Colours and fonts come from theme.css
   (generated from tokens, do not edit) and fonts.css (self-hosted woff2). */

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:70px;}
body{background:var(--void);color:var(--ink);font-family:var(--sans);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .25s,color .25s;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px;}
h1,h2,h3{font-family:var(--grotesk);font-weight:500;letter-spacing:-.02em;line-height:1.08;color:var(--h1);}
.mono{font-family:var(--mono);}

/* nav */
nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--void) 80%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
nav .wrap{display:flex;align-items:center;height:64px;gap:22px;}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--grotesk);font-weight:700;
  letter-spacing:.16em;font-size:16px;color:var(--ink);}
.brand svg{width:22px;height:22px;}
nav .links{display:flex;gap:24px;margin-left:auto;}
nav .links a{font-size:14px;color:var(--ink2);}
nav .links a:hover,nav .links a[aria-current="page"]{color:var(--ink);}
nav .links a[aria-current="page"]{border-bottom:1px solid var(--accent);padding-bottom:2px;}
.themetoggle{width:36px;height:36px;border-radius:9px;border:1px solid var(--line2);background:transparent;
  color:var(--ink2);cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;
  justify-content:center;transition:.15s;}
.themetoggle:hover{color:var(--accent-text);border-color:var(--accent);}
@media(max-width:760px){
  nav .wrap{gap:12px;}
  nav .links{gap:12px;}
  nav .links a{font-size:12.5px;}
  .brand{font-size:14px;gap:8px;}
}
@media(max-width:440px){.brand .bt{display:none;}}

/* buttons */
.btn{font-family:var(--sans);font-size:13.5px;font-weight:600;padding:10px 17px;border-radius:9px;
  background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);cursor:pointer;display:inline-block;}
.btn:hover{background:var(--accent-hi);border-color:var(--accent-hi);}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2);}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent-text);}

/* page hero (inner pages) */
.pagehead{padding:84px 0 56px;border-bottom:1px solid var(--line);}
.pagehead h1{font-size:52px;margin:14px 0 18px;}
.pagehead .lede{font-size:17.5px;color:var(--ink2);max-width:640px;}
@media(max-width:680px){.pagehead h1{font-size:38px;}}

/* sections */
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);}
section{padding:80px 0;border-bottom:1px solid var(--line);}
.snum{font-family:var(--mono);font-size:12px;color:var(--accent-text);letter-spacing:.14em;}
section h2{font-size:34px;margin:10px 0 18px;}
.lede2{color:var(--ink2);font-size:16.5px;max-width:640px;}
p{color:var(--ink2);}
p b{color:var(--ink);font-weight:600;}
.prose p{margin-bottom:14px;max-width:620px;}
.more{font-family:var(--mono);font-size:13px;color:var(--ink2);}
.more:hover{color:var(--accent-text);}

/* cards */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;}
@media(max-width:820px){.duo{grid-template-columns:1fr;}}
.card{background:var(--s1);border:1px solid var(--line);border-radius:15px;padding:26px;}
.card .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent-text);margin-bottom:10px;}
.card h3{font-size:19px;margin-bottom:9px;}
.card p{font-size:14px;margin-bottom:14px;max-width:52ch;}
.card .more{font-size:12.5px;}

/* note rows (research-as-notes spine) */
.notes{margin-top:22px;border-top:1px solid var(--line);}
.noterow{display:flex;align-items:baseline;gap:18px;padding:18px 2px;border-bottom:1px solid var(--line);}
.noterow .nid{font-family:var(--mono);font-size:12px;color:var(--accent-text);letter-spacing:.1em;white-space:nowrap;}
.noterow .nt{font-family:var(--serif);font-size:18.5px;color:var(--ink);}
a .nt:hover,.noterow a:hover .nt{color:var(--accent-text);}
.noterow .nsub{font-size:13px;color:var(--ink3);margin-top:3px;max-width:56ch;}
.noterow .nstatus{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--ink3);
  border:1px solid var(--line2);border-radius:6px;padding:3px 8px;white-space:nowrap;}
@media(max-width:640px){.noterow{flex-wrap:wrap;} .noterow .nstatus{margin-left:0;}}

/* placeholder frame (things that arrive with launch) */
.placeholder{border:1px dashed var(--line2);border-radius:15px;padding:34px 26px;text-align:center;
  font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ink3);margin-top:24px;}

/* signup band */
.band{padding:96px 0;text-align:center;border-bottom:1px solid var(--line);}
.band h2{font-size:48px;margin-bottom:14px;}
.band h2 .am{color:var(--accent-text);}
.band p{color:var(--ink2);margin:0 auto 28px;max-width:460px;}
.signup{display:flex;gap:10px;max-width:420px;margin:0 auto;}
.signup input{flex:1;min-width:0;background:var(--s1);border:1px solid var(--line2);border-radius:9px;
  padding:11px 14px;color:var(--ink);font-family:var(--mono);font-size:13px;}
.signup input::placeholder{color:var(--ink3);}
.formnote{display:none;font-family:var(--mono);font-size:13px;color:var(--accent-text);margin-top:14px;}
@media(max-width:680px){.band h2{font-size:34px;}}

/* footer */
footer{padding:54px 0;}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
footer .brand{font-size:14px;}
footer .meta{font-family:var(--mono);font-size:12px;color:var(--ink3);}
footer .flinks{display:flex;gap:20px;font-family:var(--mono);font-size:12px;}
footer .flinks a{color:var(--ink2);}
footer .flinks a:hover{color:var(--accent-text);}

/* helpers */
.cut-rule{width:46px;height:3px;background:var(--accent);border:none;margin:0 0 26px;}
::selection{background:var(--accent);color:var(--accent-ink);}