/* ============================================================================
   thebaxtage.com — shared/styles/site.css
   The single stylesheet for every page. Tokens first, then base, layout,
   components, utilities. No gradients, no drop shadows, no blur: the site is
   flat porcelain and aubergine with oxblood, brass and citron doing the work.
   ========================================================================= */

/* ── 1 · TOKENS ──────────────────────────────────────────────────────────── */
:root{
  /* palette (kept from the previous system — the founder likes it) */
  --porcelain:#F2EEE6;
  --porcelain-2:#E9E5DE;
  --porcelain-3:#DFDAD2;
  --aubergine:#171118;
  --plane-2:#221C22;
  --plane-3:#2C252D;
  --ink:#111012;
  --titanium:#A9A7A2;
  --oxblood:#69253B;
  --oxblood-press:#5D2235;
  --oxblood-tint:#F0E3E7;
  --brass:#C7A96B;
  --brass-dim:#8F7A4E;
  --citron:#C7F36B;
  --citron-press:#B1D860;

  /* text on light */
  --text:#111012;
  --text-2:#4E484C;
  --text-3:#6B6764;
  /* text on dark */
  --text-d:#F2EEE6;
  --text-d2:#BDB8B1;
  --text-d3:#8F8B87;

  /* rules */
  --rule:#CFCAC2;
  --rule-strong:#827F7C;
  --rule-d:#3A3033;
  --rule-d-strong:#C7A96B;

  /* semantic */
  --bg:var(--porcelain);
  --bg-alt:var(--porcelain-2);
  --accent:var(--oxblood);
  --on-accent:var(--porcelain);
  --signal:var(--citron);

  /* type */
  --font-display:'Epilogue','Helvetica Neue',Arial,sans-serif;
  --font-prose:'Epilogue','Helvetica Neue',Arial,sans-serif;
  --font-mono:'Azeret Mono',ui-monospace,Menlo,Consolas,monospace;

  --fs-h1:clamp(2.5rem,1.55rem + 3.9vw,4.75rem);
  --fs-h2:clamp(1.9rem,1.35rem + 2.1vw,3.1rem);
  --fs-h3:clamp(1.25rem,1.12rem + .5vw,1.55rem);
  --fs-h4:1.125rem;
  --fs-lead:clamp(1.1rem,1.02rem + .4vw,1.3rem);
  --fs-body:1rem;           /* Epilogue 16px */
  --fs-ui:.9375rem;         /* Epilogue 15px */
  --fs-small:.875rem;
  --fs-mono:.75rem;         /* 12px labels */
  --fs-mono-lg:.8125rem;

  --lh-display:1.04;
  --lh-title:1.15;
  --lh-body:1.65;
  --lh-ui:1.5;

  /* space */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
  --sec:clamp(64px,5vw + 32px,112px);      /* section padding */
  --sec-sm:clamp(40px,4vw + 16px,72px);

  /* layout */
  --max:1200px;
  --max-wide:1360px;
  --max-prose:740px;
  --gutter:clamp(20px,4vw,40px);
  --header-h:64px;

  /* shape */
  --r:6px;
  --r-lg:12px;
  --r-pill:999px;

  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:160ms;
  --t-med:320ms;
}

/* ── 2 · BASE ────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-display);
  font-size:var(--fs-ui);
  line-height:var(--lh-ui);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.022em;line-height:var(--lh-title);color:var(--text);text-wrap:balance}
h1{font-size:var(--fs-h1);line-height:var(--lh-display);font-weight:800;letter-spacing:-.03em}
h2{font-size:var(--fs-h2);letter-spacing:-.028em}
h3{font-size:var(--fs-h3)}
h4{font-size:var(--fs-h4);letter-spacing:-.01em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}
::selection{background:var(--citron);color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}
.section--dark :focus-visible,.site-footer :focus-visible,.nav-sheet :focus-visible{outline-color:var(--citron)}
.skip-link{position:absolute;left:-999px;top:8px;z-index:200;background:var(--ink);color:var(--porcelain);padding:10px 14px;border-radius:var(--r)}
.skip-link:focus{left:8px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* prose (long copy) uses the serif */
.prose{font-family:var(--font-prose);font-size:var(--fs-body);line-height:1.7;color:var(--text-2);font-weight:400;letter-spacing:-.005em}
.prose p{max-width:66ch}
.prose p + p{margin-top:1em}
.prose strong{font-weight:600}
.prose a{text-decoration:underline;text-underline-offset:.15em;text-decoration-color:var(--rule-strong)}
.prose a:hover{text-decoration-color:var(--accent)}
.prose ul,.prose ol{padding-left:1.25em;margin:.75em 0}
.prose ul{list-style:disc}.prose ol{list-style:decimal}
.prose li + li{margin-top:.35em}
.prose h2,.prose h3{margin:1.6em 0 .6em}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.section--dark .prose{color:var(--text-d2)}
.section--dark .prose strong{color:var(--text-d)}

.lead{font-family:var(--font-prose);font-size:var(--fs-lead);line-height:1.5;color:var(--text-2);max-width:60ch;font-weight:400;letter-spacing:-.01em}
.section--dark .lead{color:var(--text-d2)}
.eyebrow{font-family:var(--font-mono);font-size:var(--fs-mono);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.section--dark .eyebrow{color:var(--brass)}
.mono{font-family:var(--font-mono);font-size:var(--fs-mono-lg);letter-spacing:.02em}
.muted{color:var(--text-3)}
.section--dark .muted{color:var(--text-d3)}

/* ── 3 · LAYOUT ──────────────────────────────────────────────────────────── */
.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.container--wide{max-width:var(--max-wide)}
.container--prose{max-width:var(--max-prose)}
.section{padding-block:var(--sec)}
.section--sm{padding-block:var(--sec-sm)}
.section--flush-top{padding-top:0}
.section--tint{background:var(--bg-alt)}
.section--dark{background:var(--aubergine);color:var(--text-d)}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--text-d)}
.section--ink{background:var(--ink);color:var(--text-d)}
.section--ink h2,.section--ink h3{color:var(--text-d)}
.section + .section:not(.section--dark):not(.section--tint):not(.section--ink){border-top:1px solid var(--rule)}

.section__head{max-width:760px;margin-bottom:clamp(32px,4vw,56px)}
.section__head .eyebrow{margin-bottom:14px}
.section__head h2{margin-bottom:16px}
.section__head--center{margin-inline:auto;text-align:center}
.section__head--center .lead{margin-inline:auto}
.section__head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap}
.section__head--row > div{max-width:720px}

.grid{display:grid;gap:var(--s3)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--gap-lg{gap:var(--s4)}
@media (max-width:1024px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}}

.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
.split--even{grid-template-columns:repeat(2,minmax(0,1fr))}
.split--start{align-items:start}
@media (max-width:900px){.split,.split--even{grid-template-columns:minmax(0,1fr)}}

.stack > * + *{margin-top:var(--s2)}
.stack--lg > * + *{margin-top:var(--s4)}

/* ── 4 · HEADER / NAV ────────────────────────────────────────────────────── */
.site-header{
  position:sticky;top:0;z-index:100;
  background:var(--porcelain);
  border-bottom:1px solid var(--rule);
  height:var(--header-h);
}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--s3)}
.brand{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.035em;color:var(--ink);display:inline-flex;align-items:center;gap:8px}
.brand__dot{width:8px;height:8px;border-radius:50%;background:var(--oxblood);display:inline-block;margin-top:2px}
.nav{display:flex;align-items:center;gap:var(--s3)}
.nav__list{display:flex;align-items:center;gap:4px}
.nav__link{display:inline-block;padding:8px 12px;border-radius:var(--r);font-weight:500;font-size:var(--fs-ui);color:var(--text-2);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
.nav__link:hover{color:var(--ink);background:var(--porcelain-2)}
.nav__link[aria-current="page"]{color:var(--ink);font-weight:600}
.nav__cta{margin-left:8px}
.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--r)}
.nav-toggle span{position:relative;display:block;width:22px;height:2px;background:var(--ink);transition:transform var(--t-fast) var(--ease)}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--ink);transition:transform var(--t-fast) var(--ease),top var(--t-fast) var(--ease)}
.nav-toggle span::before{top:-7px}.nav-toggle span::after{top:7px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.nav-sheet{display:none}
@media (max-width:420px){.nav .nav__cta{display:none}}
@media (max-width:960px){
  .nav__list{display:none}
  .nav-toggle{display:inline-flex}
  .nav-sheet{
    display:block;position:fixed;inset:var(--header-h) 0 0 0;z-index:90;
    background:var(--aubergine);color:var(--text-d);
    padding:var(--s4) var(--gutter) var(--s6);
    transform:translateY(-8px);opacity:0;pointer-events:none;
    transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease);
    overflow:auto;
  }
  .nav-sheet.is-open{opacity:1;transform:none;pointer-events:auto}
  .nav-sheet__list li + li{border-top:1px solid var(--rule-d)}
  .nav-sheet__link{display:block;padding:18px 0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-d)}
  .nav-sheet__link[aria-current="page"]{color:var(--citron)}
  .nav-sheet__cta{margin-top:var(--s4)}
  .nav-sheet__meta{margin-top:var(--s5);color:var(--text-d3);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;line-height:2}
  body.nav-open{overflow:hidden}
}

/* ── 5 · BUTTONS ─────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;padding:0 22px;border-radius:var(--r);
  font-family:var(--font-display);font-weight:600;font-size:var(--fs-ui);letter-spacing:-.005em;
  border:1.5px solid transparent;white-space:nowrap;
  transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);
}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--oxblood);color:var(--on-accent);border-color:var(--oxblood)}
.btn--primary:hover{background:var(--oxblood-press);border-color:var(--oxblood-press)}
.btn--secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--secondary:hover{background:var(--ink);color:var(--porcelain)}
.btn--ghost{background:transparent;color:var(--text);border-color:var(--rule-strong)}
.btn--ghost:hover{border-color:var(--ink)}
.btn--sm{min-height:38px;padding:0 16px;font-size:var(--fs-small)}
.btn--lg{min-height:54px;padding:0 28px;font-size:1.0625rem}
.btn .arrow{font-family:var(--font-mono);font-weight:500}
/* on dark grounds */
.section--dark .btn--primary,.section--ink .btn--primary,.nav-sheet .btn--primary{background:var(--porcelain);color:var(--ink);border-color:var(--porcelain)}
.section--dark .btn--primary:hover,.section--ink .btn--primary:hover,.nav-sheet .btn--primary:hover{background:var(--citron);border-color:var(--citron)}
.section--dark .btn--secondary,.section--ink .btn--secondary{color:var(--text-d);border-color:var(--text-d2)}
.section--dark .btn--secondary:hover,.section--ink .btn--secondary:hover{background:var(--porcelain);color:var(--ink);border-color:var(--porcelain)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);border-bottom:1.5px solid var(--rule-strong);padding-bottom:2px;transition:border-color var(--t-fast) var(--ease)}
.link-arrow:hover{border-color:var(--oxblood);color:var(--oxblood)}
.section--dark .link-arrow{color:var(--text-d);border-color:var(--rule-d-strong)}
.section--dark .link-arrow:hover{color:var(--citron);border-color:var(--citron)}

/* ── 6 · HERO ────────────────────────────────────────────────────────────── */
.hero{padding-block:clamp(48px,6vw,96px) clamp(48px,6vw,88px)}
.hero__eyebrow{margin-bottom:20px}
.hero__title{max-width:14ch}
.hero__lead{margin-top:22px;max-width:52ch}
.hero__actions{margin-top:32px}
.hero__note{margin-top:20px;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);line-height:1.8}
.hero--split .split{align-items:center}
.hero--center{text-align:center}
.hero--center .hero__title,.hero--center .hero__lead{margin-inline:auto}
.hero--center .hero__actions{justify-content:center}
.hero--page{padding-bottom:clamp(32px,4vw,56px)}
.hero--page .hero__title{max-width:18ch}
@media (max-width:900px){.hero__title{max-width:none}}

/* ── 7 · MEDIA ───────────────────────────────────────────────────────────── */
.frame{
  position:relative;border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;
  background:var(--porcelain-2);
}
.frame img,.frame video{width:100%;height:auto}
.frame--dark{border-color:var(--rule-d);background:var(--plane-2)}
.frame--window::before{
  content:"";display:block;height:28px;background:var(--porcelain-3);border-bottom:1px solid var(--rule);
  background-image:radial-gradient(circle,var(--rule-strong) 4px,transparent 4.5px),radial-gradient(circle,var(--rule-strong) 4px,transparent 4.5px),radial-gradient(circle,var(--rule-strong) 4px,transparent 4.5px);
  background-size:12px 12px;background-repeat:no-repeat;background-position:12px 8px,28px 8px,44px 8px;
}
.frame--window.frame--dark::before{background-color:var(--plane-3);border-color:var(--rule-d)}
.frame--phone{max-width:320px;margin-inline:auto;border-radius:28px;border-width:6px;border-color:var(--ink);background:var(--ink)}
.frame--phone img,.frame--phone video{border-radius:22px}
figure{margin:0}
figcaption,.caption{margin-top:12px;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.04em;color:var(--text-3);line-height:1.7}
.section--dark figcaption,.section--dark .caption{color:var(--text-d3)}
.video-wrap{position:relative}
.video-wrap video{background:var(--ink)}
.ratio-16x9{aspect-ratio:16/9;object-fit:cover}
.ratio-9x16{aspect-ratio:9/16;object-fit:cover}

/* horizontal gallery */
.gallery{display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:thin}
.gallery > *{flex:0 0 min(78vw,640px);scroll-snap-align:start}
.gallery--sm > *{flex-basis:min(70vw,420px)}

/* ── 8 · CARDS & TILES ───────────────────────────────────────────────────── */
.card{
  display:flex;flex-direction:column;
  background:var(--porcelain);border:1px solid var(--rule);border-radius:var(--r-lg);
  overflow:hidden;
  transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);
}
a.card:hover,.card--link:hover{border-color:var(--rule-strong);transform:translateY(-2px)}
.card__media{border-bottom:1px solid var(--rule);background:var(--porcelain-2)}
.card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.card__eyebrow{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.card__title{font-size:var(--fs-h4);font-weight:700;letter-spacing:-.015em}
.card__text{font-family:var(--font-prose);font-size:1rem;line-height:1.6;color:var(--text-2)}
.card__foot{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.card--tint{background:var(--porcelain-2)}
.card--dark,.section--dark .card{background:var(--plane-2);border-color:var(--rule-d);color:var(--text-d)}
.card--dark .card__title,.section--dark .card__title{color:var(--text-d)}
.card--dark .card__text,.section--dark .card__text{color:var(--text-d2)}
.card--dark .card__eyebrow,.section--dark .card__eyebrow{color:var(--brass)}
.card--dark .card__media,.section--dark .card__media{border-color:var(--rule-d);background:var(--plane-3)}
.section--dark a.card:hover{border-color:var(--rule-d-strong)}
.card--accent{border-top:4px solid var(--oxblood)}
.section--dark .card--accent{border-top-color:var(--citron)}

/* typographic tile (Lab, services) */
.tile{
  display:flex;flex-direction:column;gap:14px;
  padding:26px 24px 24px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--porcelain);
  min-height:220px;
}
.tile__index{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.12em;color:var(--text-3)}
.tile__title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}
.tile__text{font-family:var(--font-prose);font-size:1rem;line-height:1.55;color:var(--text-2)}
.tile__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}
.section--dark .tile{background:var(--plane-2);border-color:var(--rule-d)}
.section--dark .tile__title{color:var(--text-d)}
.section--dark .tile__text{color:var(--text-d2)}
.section--dark .tile__index{color:var(--brass)}
a.tile:hover{border-color:var(--rule-strong)}
.section--dark a.tile:hover{border-color:var(--rule-d-strong)}

/* ── 9 · CHIPS (status) ──────────────────────────────────────────────────── */
.chip{
  display:inline-flex;align-items:center;gap:7px;
  height:24px;padding:0 10px;border-radius:var(--r-pill);
  font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--rule-strong);color:var(--text-2);white-space:nowrap;
}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chip--live{border-color:var(--ink);color:var(--ink);background:var(--citron)}
.chip--live::before{background:var(--ink)}
.chip--proto{border-color:var(--brass-dim);color:var(--brass-dim)}
.chip--hold{border-color:var(--rule-strong);color:var(--text-3)}
.chip--concept{border-style:dashed;color:var(--text-3)}
.chip--design{border-color:var(--oxblood);color:var(--oxblood)}
.section--dark .chip{border-color:var(--rule-d-strong);color:var(--text-d2)}
.section--dark .chip--live{background:var(--citron);color:var(--ink);border-color:var(--citron)}
.section--dark .chip--proto{color:var(--brass);border-color:var(--brass)}
.section--dark .chip--hold,.section--dark .chip--concept{color:var(--text-d3);border-color:var(--rule-d)}
.section--dark .chip--design{color:var(--citron);border-color:var(--citron)}

/* ── 10 · FEATURE ROWS ───────────────────────────────────────────────────── */
.feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px);align-items:center;padding-block:clamp(40px,5vw,72px)}
.feature + .feature{border-top:1px solid var(--rule)}
.section--dark .feature + .feature{border-top-color:var(--rule-d)}
.feature--flip .feature__media{order:2}
.feature__text{max-width:520px}
.feature__text .eyebrow{margin-bottom:12px}
.feature__text h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);margin-bottom:14px;letter-spacing:-.025em}
.feature__text .prose{margin-top:14px}
.feature__list{margin-top:18px;display:grid;gap:10px}
.feature__list li{display:grid;grid-template-columns:18px 1fr;gap:12px;font-family:var(--font-prose);font-size:1rem;line-height:1.5;color:var(--text-2)}
.feature__list li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--oxblood-tint);border:1px solid var(--oxblood);margin-top:3px}
.section--dark .feature__list li{color:var(--text-d2)}
.section--dark .feature__list li::before{background:var(--plane-3);border-color:var(--citron)}
@media (max-width:900px){.feature{grid-template-columns:minmax(0,1fr);gap:var(--s4)}.feature--flip .feature__media{order:0}}

/* ── 11 · SWITCHER (module explorer) ─────────────────────────────────────── */
.switcher{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s4);align-items:start}
.switcher__list{display:grid;gap:4px;max-height:640px;overflow:auto;padding-right:6px;scrollbar-width:thin}
.switcher__btn{
  display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;text-align:left;
  padding:12px 14px;border-radius:var(--r);border:1px solid transparent;
  transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);
}
.switcher__btn:hover{background:var(--porcelain-2)}
.switcher__btn[aria-selected="true"]{background:var(--ink);color:var(--porcelain);border-color:var(--ink)}
.switcher__btn strong{display:block;font-weight:600;font-size:var(--fs-ui)}
.switcher__btn span{display:block;font-family:var(--font-prose);font-size:.9rem;color:var(--text-3);line-height:1.4}
.switcher__btn[aria-selected="true"] span{color:var(--text-d2)}
.switcher__panel{position:sticky;top:calc(var(--header-h) + 24px)}
.switcher__panel [data-panel]{display:none}
.switcher__panel [data-panel].is-active{display:block}
.section--dark .switcher__btn:hover{background:var(--plane-3)}
.section--dark .switcher__btn[aria-selected="true"]{background:var(--porcelain);color:var(--ink);border-color:var(--porcelain)}
.section--dark .switcher__btn[aria-selected="true"] span{color:var(--text-2)}
.section--dark .switcher__btn span{color:var(--text-d3)}
@media (max-width:900px){.switcher{grid-template-columns:minmax(0,1fr)}.switcher__panel{position:static}.switcher__list{max-height:none;display:flex;overflow-x:auto;gap:8px;padding-bottom:8px}.switcher__btn{flex:0 0 auto;grid-template-columns:1fr}.switcher__btn span{display:none}}

/* ── 12 · TABLES ─────────────────────────────────────────────────────────── */
.spec{border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;background:var(--porcelain)}
.spec th,.spec td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--rule);vertical-align:top;font-size:var(--fs-ui);line-height:1.5}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.spec th{width:32%;font-family:var(--font-mono);font-size:var(--fs-mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);background:var(--porcelain-2)}
.spec td{font-family:var(--font-prose);font-size:.95rem;color:var(--text);font-weight:500}
.section--dark .spec{background:var(--plane-2);border-color:var(--rule-d)}
.section--dark .spec th{background:var(--plane-3);color:var(--brass);border-color:var(--rule-d)}
.section--dark .spec td{color:var(--text-d);border-color:var(--rule-d)}
.table{border-top:1px solid var(--rule)}
.table th,.table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--rule);vertical-align:top;font-size:var(--fs-ui)}
.table thead th{font-family:var(--font-mono);font-size:var(--fs-mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.table td{font-family:var(--font-prose);font-size:1rem}
.table-wrap{overflow-x:auto}
@media (max-width:640px){.spec th{width:38%;padding:12px 14px}.spec td{padding:12px 14px}}

/* ── 13 · LISTS ──────────────────────────────────────────────────────────── */
.rules{counter-reset:rule;display:grid;gap:0}
.rules > li{counter-increment:rule;display:grid;grid-template-columns:64px 1fr;column-gap:var(--s3);row-gap:4px;padding:22px 0;border-top:1px solid var(--rule)}
.rules > li:last-child{border-bottom:1px solid var(--rule)}
.rules > li::before{content:counter(rule,decimal-leading-zero);grid-column:1;grid-row:1 / span 2;font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--oxblood);padding-top:3px}
.rules > li > *{grid-column:2}
.rules h3,.rules h4{font-size:var(--fs-h4);margin-bottom:6px}
.rules p{font-family:var(--font-prose);font-size:1rem;line-height:1.6;color:var(--text-2);max-width:66ch}
.section--dark .rules > li{border-color:var(--rule-d)}
.section--dark .rules > li::before{color:var(--citron)}
.section--dark .rules p{color:var(--text-d2)}
@media (max-width:640px){.rules > li{grid-template-columns:40px 1fr;column-gap:var(--s2)}}

.checklist{display:grid;gap:12px}
.checklist li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-family:var(--font-prose);font-size:1rem;line-height:1.5;color:var(--text-2)}
.checklist li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--citron);border:1px solid var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111012' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat;margin-top:1px}
.section--dark .checklist li{color:var(--text-d2)}

.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills li{padding:8px 14px;border:1px solid var(--rule-strong);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:500;color:var(--text)}
.section--dark .pills li{border-color:var(--rule-d-strong);color:var(--text-d)}

.replace{display:grid;gap:0;border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden}
.replace__row{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:var(--s2);padding:16px 20px;background:var(--porcelain)}
.replace__row + .replace__row{border-top:1px solid var(--rule)}
.replace__from{font-family:var(--font-prose);font-size:1rem;color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--oxblood);text-decoration-thickness:1.5px}
.replace__arrow{font-family:var(--font-mono);color:var(--oxblood);text-align:center}
.replace__to{font-weight:600}
@media (max-width:640px){.replace__row{grid-template-columns:1fr;gap:6px}.replace__arrow{text-align:left}}

/* ── 14 · PHASES / TIMELINE ──────────────────────────────────────────────── */
.phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.phase{padding:24px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--porcelain);position:relative}
.phase__num{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oxblood);margin-bottom:12px}
.phase h3{font-size:1.3rem;margin-bottom:10px}
.phase p{font-family:var(--font-prose);font-size:1rem;line-height:1.55;color:var(--text-2)}
.phase ul{margin-top:14px;display:grid;gap:8px}
.phase li{font-family:var(--font-prose);font-size:.95rem;line-height:1.45;color:var(--text-2);padding-left:16px;position:relative}
.phase li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--brass)}
.section--dark .phase{background:var(--plane-2);border-color:var(--rule-d)}
.section--dark .phase__num{color:var(--citron)}
.section--dark .phase p,.section--dark .phase li{color:var(--text-d2)}
@media (max-width:900px){.phases{grid-template-columns:minmax(0,1fr)}}

/* ── 15 · PROFILES ───────────────────────────────────────────────────────── */
.profile{display:grid;grid-template-columns:96px 1fr;gap:var(--s3);padding:28px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--porcelain)}
.profile__mark{width:96px;height:96px;border-radius:var(--r-lg);background:var(--aubergine);color:var(--brass);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:2rem;letter-spacing:-.04em}
.profile__mark--ox{background:var(--oxblood);color:var(--porcelain)}
.profile__name{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}
.profile__role{margin-top:4px;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.profile__text{margin-top:14px;font-family:var(--font-prose);font-size:1rem;line-height:1.6;color:var(--text-2)}
.profile__owns{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}
.profile__owns li{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--rule);border-radius:var(--r);color:var(--text-2)}
.profile--sm{grid-template-columns:64px 1fr;padding:22px}
.profile--sm .profile__mark{width:64px;height:64px;font-size:1.4rem}
.profile--sm .profile__name{font-size:1.15rem}
@media (max-width:560px){.profile{grid-template-columns:minmax(0,1fr)}.profile__mark{width:72px;height:72px}}

/* ── 16 · FAQ ────────────────────────────────────────────────────────────── */
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:16px;padding:20px 0;font-weight:600;font-size:1.0625rem;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-mono);font-size:1.2rem;color:var(--oxblood);text-align:center;transition:transform var(--t-fast) var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .prose{padding:0 0 22px;max-width:66ch}
.section--dark .faq,.section--dark .faq details{border-color:var(--rule-d)}
.section--dark .faq summary::after{color:var(--citron)}

/* ── 17 · NOTICE / DISCLOSURE ────────────────────────────────────────────── */
.notice{border-left:3px solid var(--brass);background:var(--porcelain-2);padding:20px 24px;border-radius:0 var(--r-lg) var(--r-lg) 0;font-family:var(--font-prose);font-size:1rem;line-height:1.6;color:var(--text-2);max-width:72ch}
.notice strong{color:var(--text);font-weight:600}
.notice .eyebrow{display:block;margin-bottom:8px}
.section--dark .notice{background:var(--plane-2);color:var(--text-d2);border-left-color:var(--citron)}
.section--dark .notice strong{color:var(--text-d)}
.notice--ox{border-left-color:var(--oxblood)}

/* ── 18 · CTA BAND ───────────────────────────────────────────────────────── */
.cta-band{background:var(--aubergine);color:var(--text-d);padding-block:clamp(56px,6vw,96px)}
.cta-band .container{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s5);align-items:center}
.cta-band h2{color:var(--text-d);font-size:clamp(1.9rem,1.3rem + 2.2vw,3.2rem);max-width:16ch}
.cta-band p{margin-top:14px;font-family:var(--font-prose);font-size:var(--fs-lead);color:var(--text-d2);max-width:48ch;line-height:1.5}
.cta-band__actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cta-band__actions .btn{width:100%;max-width:340px}
.cta-band__contact{margin-top:8px;font-family:var(--font-mono);font-size:var(--fs-mono-lg);letter-spacing:.04em;color:var(--text-d2);line-height:1.9}
.cta-band__contact a:hover{color:var(--citron)}
.cta-band .btn--primary{background:var(--citron);color:var(--ink);border-color:var(--citron)}
.cta-band .btn--primary:hover{background:var(--citron-press);border-color:var(--citron-press)}
.cta-band .btn--secondary{color:var(--text-d);border-color:var(--text-d2)}
.cta-band .btn--secondary:hover{background:var(--porcelain);color:var(--ink);border-color:var(--porcelain)}
@media (max-width:900px){.cta-band .container{grid-template-columns:minmax(0,1fr)}.cta-band__actions{align-items:stretch}.cta-band__actions .btn{max-width:none}}

/* ── 19 · FOOTER ─────────────────────────────────────────────────────────── */
.site-footer{background:var(--ink);color:var(--text-d2);padding-block:var(--s6) var(--s4)}
.site-footer__grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--s4)}
.site-footer__brand .brand{color:var(--porcelain);font-size:1.5rem}
.site-footer__brand .brand__dot{background:var(--citron)}
.site-footer__tag{margin-top:14px;font-family:var(--font-prose);font-size:1rem;line-height:1.55;color:var(--text-d2);max-width:30ch}
.site-footer__head{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:14px}
.site-footer__list li + li{margin-top:9px}
.site-footer__list a{color:var(--text-d2);font-size:var(--fs-ui);transition:color var(--t-fast) var(--ease)}
.site-footer__list a:hover{color:var(--porcelain)}
.site-footer__legal{margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid var(--rule-d);display:grid;grid-template-columns:1fr auto;gap:var(--s3);align-items:start}
.site-footer__legal p{font-family:var(--font-prose);font-size:.9rem;line-height:1.6;color:var(--text-d3);max-width:80ch}
.site-footer__legal .mono{color:var(--text-d3);white-space:nowrap}
@media (max-width:1024px){.site-footer__grid{grid-template-columns:repeat(3,1fr)}.site-footer__brand{grid-column:1 / -1}}
@media (max-width:640px){.site-footer__grid{grid-template-columns:repeat(2,1fr)}.site-footer__legal{grid-template-columns:1fr}}

/* ── 20 · MOTION ─────────────────────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(14px);transition:opacity 520ms var(--ease),transform 520ms var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:160ms}.reveal-d3{transition-delay:240ms}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  *,*::before,*::after{transition-duration:0ms!important;animation:none!important}
}
html:not(.js) .reveal{opacity:1;transform:none}

/* ── 21 · UTILITIES ──────────────────────────────────────────────────────── */
.mt-1{margin-top:var(--s1)}.mt-2{margin-top:var(--s2)}.mt-3{margin-top:var(--s3)}.mt-4{margin-top:var(--s4)}.mt-5{margin-top:var(--s5)}.mt-6{margin-top:var(--s6)}
.mb-2{margin-bottom:var(--s2)}.mb-3{margin-bottom:var(--s3)}.mb-4{margin-bottom:var(--s4)}
.max-prose{max-width:66ch}
.text-center{text-align:center}
.divider{border:0;border-top:1px solid var(--rule);margin-block:var(--s5)}
.section--dark .divider{border-color:var(--rule-d)}
.copy-btn{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--rule-strong);border-radius:var(--r);color:var(--text-2)}
.copy-btn:hover{border-color:var(--ink);color:var(--ink)}
.section--dark .copy-btn{border-color:var(--rule-d-strong);color:var(--text-d2)}
.section--dark .copy-btn:hover{border-color:var(--citron);color:var(--citron)}
.contact-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:1rem}
.contact-row + .contact-row{margin-top:12px}
.two-col{columns:2;column-gap:var(--s5)}
@media (max-width:760px){.two-col{columns:1}}

/* ── 22 · PRINT ──────────────────────────────────────────────────────────── */
@media print{
  .site-header,.nav-sheet,.site-footer,.cta-band,.btn,video{display:none!important}
  body{background:#fff;color:#000}
  .section{padding-block:24px}
}


/* ── 22 · MARKS (product logos) ─────────────────────────────────────────── */
.mark{width:28px;height:28px;display:inline-block;flex:none;color:currentColor;--ma:var(--oxblood);vertical-align:middle}
.mark--sm{width:20px;height:20px}.mark--lg{width:48px;height:48px}.mark--xl{width:72px;height:72px}
.mark--softsol,.mark--foreman,.mark--cleave{--ma:var(--brass)}
.mark--green-room{--ma:#5F7A61}
.mark--terminal,.mark--volt{--ma:#8FB33A}
.mark--lab{--ma:var(--oxblood)}
.section--dark .mark,.cta-band .mark,.card--dark .mark,.site-footer .mark{color:var(--text-d)}
.section--dark .mark--terminal,.section--dark .mark--volt,.cta-band .mark--volt,.cta-band .mark--terminal{--ma:var(--citron)}
.section--dark .mark--green-room{--ma:#9DD89A}
.section--dark .mark--baxtage,.section--dark .mark--nexus,.section--dark .mark--ledger,.section--dark .mark--finos,.section--dark .mark--lab{--ma:var(--brass)}
.brand .mark{width:24px;height:24px;--ma:var(--oxblood)}
.site-footer .brand .mark{color:var(--text-d);--ma:var(--brass)}
.tile .mark,.card .mark{margin-bottom:14px;display:block}
.tile .mark + .tile__index{margin-top:-4px}
.lockup{display:inline-flex;align-items:center;gap:12px}
.lockup .mark{width:44px;height:44px}
.lockup__name{font-family:var(--font-display);font-weight:800;font-size:1.55rem;letter-spacing:-.035em;line-height:1}
.lockup__sub{display:block;margin-top:5px;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:500}
.section--dark .lockup__sub,.cta-band .lockup__sub{color:var(--text-d3)}
.hero .lockup{margin-bottom:22px}
.marks-row{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center}
.marks-row a{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:var(--fs-ui);color:inherit;padding:8px 12px;border:1px solid var(--rule);border-radius:var(--r);transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.marks-row a:hover{border-color:var(--rule-strong);transform:translateY(-1px)}
.section--dark .marks-row a{border-color:var(--rule-d)}

/* ── 23 · WINDOW CHROME + FIGURE HOTSPOTS ───────────────────────────────── */
.frame--window:has(.frame__bar)::before{display:none}
.frame__bar{height:30px;display:flex;align-items:center;gap:7px;padding-inline:12px;background:var(--porcelain-3);border-bottom:1px solid var(--rule)}
.frame--dark .frame__bar{background:var(--plane-3);border-color:var(--rule-d)}
.frame__dot{width:11px;height:11px;border-radius:50%;border:0;padding:0;margin:0;background:var(--rule-strong);cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform 260ms var(--ease),background 220ms var(--ease),box-shadow 220ms var(--ease)}
.frame__dot:focus-visible{outline:2px solid var(--oxblood);outline-offset:2px}
.frame.is-focus .frame__dot[data-dot="1"]{background:#FF5F57}
.frame.is-focus .frame__dot[data-dot="2"]{background:#FEBC2E}
.frame.is-focus .frame__dot[data-dot="3"]{background:#28C840}
.frame.is-focus-1 .frame__dot[data-dot="1"],.frame.is-focus-2 .frame__dot[data-dot="2"],.frame.is-focus-3 .frame__dot[data-dot="3"]{transform:scale(1.45);box-shadow:0 0 0 3px rgba(17,16,18,.08)}
.frame__bar-title{margin-left:auto;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);transition:color 220ms var(--ease)}
.frame--dark .frame__bar-title{color:var(--text-d3)}
.frame.is-focus .frame__bar-title{color:var(--oxblood)}
.frame--dark.is-focus .frame__bar-title{color:var(--citron)}
.frame__view{position:relative;display:block;overflow:hidden}
.frame__view img,.frame__view video{display:block;width:100%;height:auto;transition:filter 360ms var(--ease),transform 600ms var(--ease)}
.frame.is-focus .frame__view img,.frame.is-focus .frame__view video{filter:brightness(.72) saturate(.9)}
.frame__spots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.frame__spots rect{fill:var(--citron);fill-opacity:0;stroke:var(--citron);stroke-width:2px;vector-effect:non-scaling-stroke;opacity:0;rx:.6;transform-box:fill-box;transform-origin:center;transform:scale(.96);transition:opacity 260ms var(--ease),fill-opacity 320ms var(--ease),transform 420ms var(--ease)}
.frame.is-focus-1 .frame__spots rect[data-dot="1"],.frame.is-focus-2 .frame__spots rect[data-dot="2"],.frame.is-focus-3 .frame__spots rect[data-dot="3"]{opacity:1;fill-opacity:.22;transform:scale(1);animation:spot-in 520ms var(--ease) both}
.frame.is-focus-1 .frame__spots rect[data-dot="1"]:nth-of-type(2),.frame.is-focus-2 .frame__spots rect[data-dot="2"]:nth-of-type(2),.frame.is-focus-3 .frame__spots rect[data-dot="3"]:nth-of-type(2){animation-delay:70ms}
.frame.is-focus-1 .frame__spots rect[data-dot="1"]:nth-of-type(3),.frame.is-focus-2 .frame__spots rect[data-dot="2"]:nth-of-type(3){animation-delay:140ms}
.frame.is-focus-1 .frame__spots rect[data-dot="1"]:nth-of-type(4){animation-delay:210ms}
@keyframes spot-in{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.03)}100%{opacity:1;transform:scale(1)}}
.frame__spots text{font-family:var(--font-mono);font-size:2.6px;font-weight:600;fill:var(--citron);opacity:0;letter-spacing:.08em;text-transform:uppercase;transition:opacity 260ms var(--ease) 120ms;paint-order:stroke;stroke:rgba(17,16,18,.75);stroke-width:.9px;stroke-linejoin:round}
.frame.is-focus-1 .frame__spots text[data-dot="1"],.frame.is-focus-2 .frame__spots text[data-dot="2"],.frame.is-focus-3 .frame__spots text[data-dot="3"]{opacity:1}
.frame.is-focus{transform:translateY(-3px)}
.frame{transition:transform 360ms var(--ease),border-color 220ms var(--ease)}
.frame.is-focus{border-color:var(--rule-strong)}
.frame__legend{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.frame__legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px;background:var(--rule-strong)}
.frame__legend span:nth-child(1)::before{background:#FF5F57}.frame__legend span:nth-child(2)::before{background:#FEBC2E}.frame__legend span:nth-child(3)::before{background:#28C840}
.section--dark .frame__legend{color:var(--text-d3)}
@media (prefers-reduced-motion:reduce){.frame,.frame__dot,.frame__spots rect,.frame__view img{transition:none;animation:none}}

/* ── 24 · FOUNDER CONTACT ───────────────────────────────────────────────── */
.profile__base{margin-top:6px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.profile__contact{margin-top:14px;display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--rule)}
.profile__contact a{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.02em;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.profile__contact a:hover{color:var(--oxblood);text-decoration:underline;text-underline-offset:.2em}
.profile__contact .muted{color:var(--text-3);font-size:.75rem}
.section--dark .profile{background:var(--plane-2);border-color:var(--rule-d)}
.section--dark .profile__name{color:var(--text-d)}
.section--dark .profile__text{color:var(--text-d2)}
.section--dark .profile__contact{border-color:var(--rule-d)}
.section--dark .profile__contact a{color:var(--text-d)}
.section--dark .profile__contact a:hover{color:var(--citron)}
.section--dark .profile__owns li{border-color:var(--rule-d);color:var(--text-d2)}
.founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
@media (max-width:900px){.founders{grid-template-columns:1fr}}
.section--dark .profile__role,.section--dark .profile__base,.section--dark .profile__contact .muted{color:var(--text-d3)}
.section--dark .profile__mark{background:var(--porcelain);color:var(--aubergine)}
.section--dark .profile__mark--ox{background:var(--oxblood);color:var(--porcelain)}
.mark--studio{--ma:var(--oxblood)}
.section--dark .mark--studio{--ma:var(--brass)}
.hero--center .hero__title{max-width:19ch;margin-inline:auto}