:root{
  color-scheme:light;
  --paper:#FFFFFF;
  --surface:#FCFCFA;
  --ink:#202127;
  --muted:#596168;
  --line:#E4E7E5;
  --line-dark:#45474D;
  --dark:#202127;
  --dark-raised:#282A30;
  --dark-ink:#F5F6F4;
  --dark-muted:#B9BEC2;
  --primary:#344A00;
  --accent:#155000;
  --accent-light:#E0EDBB;
  --pink:#F5E9E5;
  --pink-ink:#382825;
  --blue:#E7EFF5;
  --blue-ink:#233548;
  --cream:#F4EECF;
  --cream-ink:#3C3319;
  --lilac:#EEE8F5;
  --lilac-ink:#332945;
  --font-heading:Chivo,-apple-system,"PingFang SC","Hiragino Sans GB","Hiragino Kaku Gothic ProN","Apple SD Gothic Neo","Microsoft YaHei",sans-serif;
  --font-body:"Albert Sans",-apple-system,"PingFang SC","Hiragino Sans GB","Hiragino Kaku Gothic ProN","Apple SD Gothic Neo","Microsoft YaHei",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --text-xs:.6875rem;
  --text-sm:.8125rem;
  --text-base:.9375rem;
  --text-lg:1.125rem;
  --text-card:1.25rem;
  --text-section:1.6875rem;
  --text-display:3rem;
  --leading-tight:1.2;
  --leading-body:1.75;
  --space-1:.5rem;
  --space-2:1rem;
  --space-3:1.5rem;
  --space-4:2.5rem;
  --space-5:4rem;
  --space-6:6.5rem;
  --radius-sm:.625rem;
  --radius-md:1rem;
  --radius-lg:1.5625rem;
  --shadow-subtle:0 2px 9px rgba(32,33,39,.045);
  --gutter:clamp(1rem,3vw,2rem);
  --width-narrow:46rem;
  --width-standard:68rem;
  --width-wide:78rem;
  --hero-top:3rem;
  --hero-crumb-top:3rem;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--text-base)/var(--leading-body) var(--font-body);-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;overflow-wrap:break-word}
h1{font-size:var(--text-display);line-height:1.15;letter-spacing:-.035em;margin:0 0 var(--space-3)}
h2{font-size:var(--text-section);line-height:1.3;letter-spacing:-.025em;margin:0 0 var(--space-2)}
h3{font-size:var(--text-card);line-height:1.35;letter-spacing:-.015em;margin:0 0 var(--space-2)}
h4{font-size:var(--text-lg);line-height:1.4;margin:0 0 var(--space-2)}
h5,h6{font-size:var(--text-base);line-height:1.45;margin:0 0 var(--space-2)}
p{font-size:var(--text-base);line-height:var(--leading-body);margin:0 0 var(--space-2)}
li{font-size:var(--text-base);line-height:var(--leading-body)}
small{font-size:var(--text-xs);line-height:1.55}
figcaption{font-size:var(--text-sm);line-height:1.6}
blockquote{font-size:var(--text-base);line-height:var(--leading-body);margin:0}
code{font:400 var(--text-sm)/1.6 var(--font-mono);overflow-wrap:anywhere}
pre{max-width:100%;overflow-x:auto;font:400 var(--text-sm)/1.65 var(--font-mono)}
pre code{font-size:inherit;white-space:pre;overflow-wrap:normal}
th,td{font-size:var(--text-sm);line-height:1.55}
dt{font-size:var(--text-base);line-height:1.5;font-weight:700}
dd{font-size:var(--text-sm);line-height:1.7;margin:0}
label{font-size:var(--text-sm);line-height:1.5}
.shell,.container-wide{width:min(calc(100% - 2 * var(--gutter)),var(--width-wide));margin-inline:auto}
.container,.container-standard{width:min(calc(100% - 2 * var(--gutter)),var(--width-standard));margin-inline:auto}
.container-narrow{width:min(calc(100% - 2 * var(--gutter)),var(--width-narrow));margin-inline:auto}
.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-2);align-items:stretch}
.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-2>*,.grid-3>*,.grid-4>*{min-width:0}
.flow>*+*{margin-top:var(--space-2)}
.stack-sm>*+*{margin-top:var(--space-1)}
.mt-2{margin-top:var(--space-2)}
.mt-3{margin-top:var(--space-3)}
.mt-4{margin-top:var(--space-4)}
.text-center{text-align:center}
.text-muted{color:var(--muted)}
.mono,.price,.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}
.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}
.reveal.reveal-pending{opacity:0;transform:translateY(12px);transition:opacity .38s ease,transform .38s ease}
.reveal.reveal-left.reveal-pending{transform:translate(-12px,0)}
.reveal.reveal-right.reveal-pending{transform:translate(12px,0)}
.reveal.reveal-visible{opacity:1;transform:none}
@media(max-width:64rem){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
  :root{--text-display:clamp(2.15rem,8vw,3rem);--space-6:4rem;--hero-top:2rem;--hero-crumb-top:3rem}
  .grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .reveal.reveal-pending{opacity:1;transform:none;transition:none}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
