:root{
--ink:#1C1B22;--muted:#5E5C68;--faint:#696773;--line:#E6E5EA;--input-line:#96939F;--brass:#6E5418;--brass-d:#57420F;--honey:#E3B23C;--honey-ink:#3B2F12;--white:#FFFFFF;--paper:#FFFFFF;--gray:#F5F5F7;--mint:#EEF7F0;--mint-ink:#1E3A2A;--mint-mut:#4B6A57;--lilac:#F1F0FA;--lilac-ink:#2A2650;--lilac-mut:#5D5986;--apri:#FBF1EC;--apri-ink:#4A2416;--apri-mut:#7E5644;--dark:#1C1B22;--dark-ink:#FFFFFF;--dark-muted:#D1CEDB;--line-dark:#55515F;--error:#4A2416;
--f-head:"Outfit",-apple-system,"Avenir Next","PingFang SC","Hiragino Sans GB","Microsoft YaHei","PingFang TC","Microsoft JhengHei","Hiragino Kaku Gothic ProN","Yu Gothic","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
--f-body:"Manrope",-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","PingFang TC","Microsoft JhengHei","Hiragino Kaku Gothic ProN","Yu Gothic","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
--f-mono:"SF Mono","JetBrains Mono",Menlo,Consolas,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-section:2.5rem;--text-display:3.5rem;
--lh-body:1.6;--lh-small:1.5;--lh-heading:1.2;--lh-display:1.15;--weight-heading:500;
--tracking-heading:-.03em;--tracking-display:-.0357em;
--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;--space-9:8rem;--space-close:8rem;--field-gap:.5rem;
--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.75rem;--radius-pill:999px;
--shadow-small:0 1px 3px rgba(28,27,34,.12);--shadow-card:0 1px 2px rgba(28,27,34,.06),0 28px 56px -16px rgba(28,27,34,.30);--shadow-window:0 1px 2px rgba(28,27,34,.05),0 40px 80px -40px rgba(28,27,34,.25);
--wrap:80rem;--wrap-wide:90rem;--wrap-narrow:49rem;--gutter:2rem;
--hero-top:2.5rem;--hero-crumb-top:3rem;--crumb-gap:1.5rem;--hero-stage:35rem;
--control-height:3.5rem;--control-small:2.75rem;--header-type:.8125rem;--motion:200ms;--ease:cubic-bezier(.2,.7,.2,1);--header-z:100;--overlay-z:120;
}
*,:before,:after{box-sizing:border-box}
html{font-size:16px;scroll-padding-top:9rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--f-body);font-size:var(--text-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote,pre{margin:0}
h1,h2,h3,h4,h5,h6{font-family:var(--f-head);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);overflow-wrap:break-word}
h1{font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display)}
h2{font-size:var(--text-section);line-height:var(--lh-display)}
h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
h4{font-size:var(--text-base);line-height:var(--lh-heading)}
h5,h6{font-size:var(--text-sm);line-height:var(--lh-heading)}
p,li,dt,dd,label{font-size:var(--text-base);line-height:var(--lh-body)}
small,figcaption{font-size:var(--text-xs);line-height:var(--lh-small)}
blockquote{font-size:var(--text-lg);line-height:1.55}
code{font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-small);font-variant-numeric:tabular-nums}
th,td{font-size:var(--text-sm);line-height:var(--lh-small)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button,input,select,textarea{font-size:var(--text-base);line-height:var(--lh-small)}
button{border:0}
input,select,textarea{max-width:100%;min-width:0}
textarea{resize:vertical}
img,svg{vertical-align:middle}
img{display:block;max-width:100%}
svg{flex-shrink:0}
ul,ol{padding:0;list-style:none}
table{border-collapse:collapse;border-spacing:0}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--brass);outline-offset:4px}
[hidden]{display:none!important}
::selection{background:var(--honey);color:var(--honey-ink)}
.wrap,.container,.container-wide,.container-narrow{width:100%;margin-inline:auto;padding-inline:var(--gutter)}
.wrap,.container{max-width:var(--wrap)}
.container-wide{max-width:var(--wrap-wide)}
.container-narrow{max-width:var(--wrap-narrow)}
.num{font-family:var(--f-head);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.text-xs{font-size:var(--text-xs);line-height:var(--lh-small)}
.text-sm{font-size:var(--text-sm);line-height:var(--lh-small)}
.text-base{font-size:var(--text-base);line-height:var(--lh-body)}
.text-lg{font-size:var(--text-lg);line-height:var(--lh-heading)}
.text-muted{color:var(--muted)}
.u-grid{display:grid;gap:var(--space-3)}
.u-grid>*{min-width:0}
.u-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.u-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.u-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.u-stack{display:flex;flex-direction:column;gap:var(--space-3)}
.u-stack>*{min-width:0}
.u-mt-3{margin-top:var(--space-3)}
.u-mt-4{margin-top:var(--space-4)}
.u-mt-6{margin-top:var(--space-6)}
.u-mt-7{margin-top:var(--space-7)}
.u-gap-1{gap:var(--space-1)}
.u-gap-3{gap:var(--space-3)}
.u-gap-7{gap:var(--space-7)}
.u-center{text-align:center}
.u-break{overflow-wrap:anywhere}
.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}
.skip-link{position:fixed;top:var(--space-2);left:var(--gutter);transform:translateY(-200%);z-index:200;padding:var(--space-1) var(--space-3);background:var(--white);color:var(--ink);border-radius:var(--radius-sm)}
.skip-link:focus{transform:none}
:where(.surface-white){background:#FFFFFF;color:#1C1B22;--ink:#1C1B22;--muted:#5E5C68;--line:#E6E5EA}
:where(.surface-gray){background:#F5F5F7;color:#1C1B22;--ink:#1C1B22;--muted:#5E5C68;--line:#E6E5EA}
:where(.surface-mint){background:#EEF7F0;color:#1E3A2A;--ink:#1E3A2A;--muted:#4B6A57;--line:#D3E9DA}
:where(.surface-lilac){background:#F1F0FA;color:#2A2650;--ink:#2A2650;--muted:#5D5986;--line:#DDD9EE}
:where(.surface-apri){background:#FBF1EC;color:#4A2416;--ink:#4A2416;--muted:#7E5644;--line:#E9DCD4}
:where(.surface-dark){background:#1C1B22;color:#FFFFFF;--ink:#FFFFFF;--muted:#D1CEDB;--line:color-mix(in srgb,#FFFFFF 18%,transparent)}
:where(.surface-honey){background:#E3B23C;color:#3B2F12;--ink:#3B2F12;--muted:#3B2F12;--line:color-mix(in srgb,#3B2F12 18%,transparent)}
pre{max-width:100%;overflow-x:auto;padding:var(--space-3);background:#1C1B22;color:#FFFFFF;border-radius:var(--radius-md);font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-body);tab-size:2}
pre code{display:block;width:max-content;min-width:100%;color:#FFFFFF}
:not(pre)>code{display:inline-block;max-width:100%;overflow-x:auto;vertical-align:middle}
.c-prose{max-width:var(--wrap-narrow);font-size:var(--text-base);line-height:var(--lh-body)}
.c-prose>*+*{margin-top:var(--space-3)}
.c-prose h2,.c-prose h3{font-size:var(--text-xl);line-height:var(--lh-heading);margin-top:var(--space-6)}
.c-prose ul{list-style:disc;padding-inline-start:var(--space-3)}
.c-prose ol{list-style:decimal;padding-inline-start:var(--space-3)}
.c-prose a{text-decoration:underline;text-underline-offset:.2em}
@media(max-width:64rem){
:root{--space-9:6rem;--space-close:6rem;--text-display:3rem;--hero-stage:32rem}
.u-grid-3,.u-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
:root{--gutter:1.25rem;--space-8:4rem;--space-9:4rem;--space-close:4rem;--text-display:2.25rem;--text-section:2rem}
.u-grid-2,.u-grid-3,.u-grid-4{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}