/* One look for the whole site: the landing page's look.
   Loaded last on every English page. The landing page itself does not need it.
   Dark ground #09090c, one violet, Archivo headlines at normal width, IBM Plex text, no uppercase headings. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("/assets/fonts/Archivo-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/IBMPlexSans-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/IBMPlexSans-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/IBMPlexSans-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--bg:#09090c;--bg2:#101016;--ink:#fff;--mut:#b6b6c2;--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.28);--card:#101016;--accent:#9372ff;--btn-r:999px;
 --btn-bg:#7f58ec;--btn-ink:#fff;--band-bg:#101016;--band-ink:#fff;--band-btn-bg:#7f58ec;--band-btn-ink:#fff;--ftr-bg:#09090c;--m1:#fff;--m2:#d4b4ff;--m3:#9372ff;
 --font-d:"Archivo","Helvetica Neue",Arial,sans-serif;--font-b:"IBM Plex Sans",system-ui,-apple-system,sans-serif}
html,body{background:#09090c}
body{font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif;color:#b6b6c2}
h1,h2,h3,h4,body h2,body h3,body .big,body .proof b,body .door h3,body .tick__in,body .ph h1,body .hero h1{font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-stretch:100%;text-transform:none}
h1,body .ph h1,body .hero h1{font-weight:800;letter-spacing:-.02em;line-height:1.02}
h2{font-weight:700;letter-spacing:-.02em}
body .ph h1,body .hero h1{font-size:clamp(40px,6vw,72px);max-width:20ch;text-wrap:balance}
.hero,.ph{background:#09090c;color:#fff}
.sec--alt{background:#0d0d12}
.btn,.btn--primary{border-radius:999px;font-weight:600}
.hero .btn:not(.btn--ghost),.band__in .btn,.ctacard .btn{background:#7f58ec;color:#fff}
.btn--ghost{border:1px solid rgba(255,255,255,.28);color:#fff;background:transparent}
.link{color:#d4b4ff}
.card,.glass,.proj,.post,.quote,.receipt{background:#101016;border-color:rgba(255,255,255,.08)}
.sys-nav__no{color:#b9a3ff}
.is-current>.sys-nav__no{color:#d4b4ff}
.ph{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(8px,1.5vw,20px)}
.sec{padding-block:clamp(40px,5vw,72px)}
.ph+.sec{padding-top:clamp(24px,3vw,40px)}

/* cookie bar on phones: compact, opaque, three buttons in one row (was about a quarter of the screen and let the call bar show through) */
@media(max-width:600px){
.mh-ck{background:#171230;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));font-size:12px}
.mh-ck__in{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mh-ck p{grid-column:1/-1;flex:none;font-size:12px;line-height:1.4}
.mh-ck__opts{grid-column:1/-1}
.mh-ck button{padding:8px 4px;min-height:44px;font-size:13px}
.mh-ck a.mh-ck__more{grid-column:1/-1;justify-self:start;font-size:12px;padding:2px 0;min-height:24px;display:inline-flex;align-items:center}
}

/* page headings stay left-aligned on phones too (the main stylesheet centres them under 640px) */
@media(max-width:639px){
.section-head{text-align:left}
.section-head .eyebrow{justify-content:flex-start}
.section-head .eyebrow::before{display:inline-block}
.section-head p{margin-inline:0}
.breadcrumb{justify-content:flex-start;text-align:left}
}
@media(max-width:639px){
.hero{text-align:left}
.hero__tags,.hero h1,.hero__sub{margin-inline:0}
.hero .eyebrow{justify-content:flex-start}
}
/* Old closing band (12 pages): same breathing room under it as a section has, so it no longer touches the footer */
main .wrap>.band{margin-block-end:clamp(40px,5vw,72px)}