:root{
  --ink:#26232A;
  --muted:#5C5660;
  --paper:#FCFBF7;
  --white:#FFFDFC;
  --primary:#A126BF;
  --primary-button:#85209F;
  --accent:#62319B;
  --sand:#F4E9DD;
  --sand-ink:#302821;
  --mint:#E5F2ED;
  --mint-ink:#203630;
  --peach:#F9E8E1;
  --peach-ink:#392B29;
  --blue:#E8EDF5;
  --blue-ink:#252F40;
  --cream:#F3F0DB;
  --cream-ink:#363421;
  --line:color-mix(in srgb,var(--ink) 13%,transparent);
  --line-dark:rgba(255,255,255,.19);
  --font-heading:"Outfit","PingFang SC","PingFang TC","Hiragino Sans","Noto Sans CJK SC",sans-serif;
  --font-body:"Outfit",-apple-system,"PingFang SC","PingFang TC","Hiragino Sans GB","Hiragino Kaku Gothic ProN","Apple SD Gothic Neo","Microsoft YaHei",sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --text-xs:.75rem;
  --text-sm:.875rem;
  --text-base:1rem;
  --text-lg:1.125rem;
  --text-card:1.3rem;
  --text-section:clamp(2rem,3.4vw,3.2rem);
  --text-display:clamp(2.7rem,4.25vw,4.25rem);
  --leading-tight:1.15;
  --leading-body:1.7;
  --space-1:.5rem;
  --space-2:1rem;
  --space-3:1.5rem;
  --space-4:2.5rem;
  --space-5:4rem;
  --space-6:6rem;
  --radius-sm:.75rem;
  --radius-md:1.125rem;
  --radius-lg:2rem;
  --radius-pill:100rem;
  --shadow:0 18px 42px rgba(38,35,42,.075);
  --gutter:clamp(1.25rem,4vw,3rem);
  --container:72.5rem;
  --container-wide:84rem;
  --container-reading:46rem;
  --hero-top:6rem;
  --hero-crumb-top:3rem;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
img,svg{max-width:100%}
img{display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.04em;overflow-wrap:break-word}
h1{font-size:var(--text-display);line-height:var(--leading-tight)}
h2{font-size:var(--text-section);line-height:var(--leading-tight)}
h3{font-size:var(--text-card);line-height:1.25}
h4{font-size:var(--text-lg);line-height:1.3}
h5,h6{font-size:var(--text-base);line-height:1.35}
p,li,dd,dt,label,blockquote{font-size:var(--text-base);line-height:var(--leading-body)}
small,figcaption{font-size:var(--text-xs);line-height:1.5}
code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.65}
th,td{font-size:var(--text-sm);line-height:1.55}
blockquote{margin-inline:0;padding-inline:var(--space-3);border-left:2px solid var(--accent)}
.container,.container-wide,.container-reading{width:min(calc(100% - var(--gutter)*2),var(--container));margin-inline:auto}
.container-wide{width:min(calc(100% - var(--gutter)*2),var(--container-wide))}
.container-reading{width:min(calc(100% - var(--gutter)*2),var(--container-reading))}
.grid-two,.grid-three,.grid-five{display:grid;align-items:stretch;gap:var(--space-3)}
.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid-two>*,.grid-three>*,.grid-five>*{min-width:0}
.serif{font-family:var(--font-heading)}
.mono,.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.flow>*+*{margin-block-start:var(--space-3)}
.section{padding-block:var(--space-6)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-4)}
.section-head h2{margin:var(--space-2) 0 0}
.section-head p{max-width:32rem;margin:0;color:var(--muted)}
.section-head.is-centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}
.section-head.is-centered .c-kicker{margin-inline:auto}
.section-head.is-centered .c-actions{justify-content:center}
.section-head.is-centered p{margin-inline:auto}
.c-kicker{display:inline-flex;align-items:center;gap:.55rem;width:fit-content;max-width:100%;font:700 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.c-kicker.is-filled{padding:.45em .9em;border-radius:var(--radius-pill);background:var(--cream);color:var(--cream-ink)}
.c-kicker.is-filled::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--accent);flex:none}
.c-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.c-actions.is-centered{justify-content:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:64rem){
  .grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section{padding-block:var(--space-5)}
}
@media(max-width:42rem){
  .grid-two,.grid-three,.grid-five{grid-template-columns:minmax(0,1fr)}
  .section-head{display:block}
  .section-head p{margin-top:var(--space-2)}
  .section{padding-block:var(--space-4)}
}