.system-module__5z9yLW__page{max-width:1280px}.system-module__5z9yLW__hero{border-bottom:1px solid var(--ink);isolation:isolate;gap:40px;margin-bottom:8px;padding-bottom:64px;display:grid;position:relative}.system-module__5z9yLW__topo{z-index:-1;inset:-56px calc(var(--gutter) * -1) 0;width:calc(100% + var(--gutter) * 2);height:calc(100% + 56px);color:var(--stone);position:absolute;-webkit-mask-image:linear-gradient(#000 0%,#0000 95%);mask-image:linear-gradient(#000 0%,#0000 95%)}.system-module__5z9yLW__heroText{align-content:start;gap:16px;display:grid}.system-module__5z9yLW__title{letter-spacing:-.05em;margin:4px 0 0;font-size:clamp(56px,11vw,132px);font-weight:200;line-height:.9}.system-module__5z9yLW__tagline{letter-spacing:-.015em;margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:300}.system-module__5z9yLW__heroLinks{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.system-module__5z9yLW__principles{align-content:end;gap:0;margin:0;padding:0;list-style:none;display:grid}.system-module__5z9yLW__principles li{border-top:1px solid var(--line);color:var(--ink-soft);grid-template-columns:36px 1fr;gap:12px;padding:14px 0;font-size:15px;line-height:1.5;display:grid}.system-module__5z9yLW__principles strong{color:var(--ink);font-weight:500}.system-module__5z9yLW__pNum{font-family:var(--font-mono);color:var(--mute);padding-top:2px;font-size:12px}@media (min-width:1024px){.system-module__5z9yLW__hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;padding-bottom:80px}}.system-module__5z9yLW__section{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 12px);gap:24px;padding:56px 0;display:grid}@media (min-width:1024px){.system-module__5z9yLW__section{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:56px;padding:72px 0}.system-module__5z9yLW__sectionMeta{align-self:start;position:sticky;top:40px}}.system-module__5z9yLW__sectionMeta{align-content:start;gap:10px;display:grid}.system-module__5z9yLW__num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--mute);font-size:12px}.system-module__5z9yLW__sectionTitle{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:300}.system-module__5z9yLW__intro{color:var(--mute);max-width:26em;margin:0;font-size:14.5px}.system-module__5z9yLW__sectionBody{gap:24px;min-width:0;display:grid}.system-module__5z9yLW__swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.system-module__5z9yLW__swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.system-module__5z9yLW__swatch{gap:4px;display:grid}.system-module__5z9yLW__chip{border-radius:var(--r-s);height:88px;margin-bottom:8px;display:block;box-shadow:inset 0 0 0 1px #2222211a}.system-module__5z9yLW__swatchName{font-size:15px;font-weight:500}.system-module__5z9yLW__swatchMeta{font-family:var(--font-mono);color:var(--mute);font-size:11.5px}.system-module__5z9yLW__swatchRole{color:var(--ink-soft);font-size:13.5px}.system-module__5z9yLW__typeList{display:grid}.system-module__5z9yLW__typeRow{border-bottom:1px solid var(--line);gap:8px;min-width:0;padding:18px 0;display:grid}.system-module__5z9yLW__typeRow:first-child{padding-top:0}@media (min-width:720px){.system-module__5z9yLW__typeRow{grid-template-columns:200px minmax(0,1fr);align-items:baseline;gap:24px}}.system-module__5z9yLW__typeMeta{font-family:var(--font-mono);color:var(--mute);font-size:11.5px}.system-module__5z9yLW__typeDisplay{font-size:clamp(96px,16vw,168px)}.system-module__5z9yLW__typeNumerals{font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em;font-size:28px;font-weight:250}.system-module__5z9yLW__icons{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));margin:0;padding:0;list-style:none;display:grid}.system-module__5z9yLW__icons li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--mute);justify-items:center;gap:10px;padding:20px 6px 14px;font-size:12px;display:grid}.system-module__5z9yLW__icons li svg{color:var(--ink)}.system-module__5z9yLW__photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.system-module__5z9yLW__row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.system-module__5z9yLW__focusDemo button{outline:2px solid var(--focus);outline-offset:3px}.system-module__5z9yLW__inline{color:var(--ink-soft);align-items:center;gap:8px;font-size:14px;display:inline-flex}.system-module__5z9yLW__inputs{gap:28px;max-width:560px;display:grid}.system-module__5z9yLW__fieldsetReset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.system-module__5z9yLW__fieldsetReset legend{margin-bottom:8px;padding:0}.system-module__5z9yLW__formFrame{background:var(--paper);border-radius:var(--r-m);max-width:640px;padding:28px 22px}@media (min-width:640px){.system-module__5z9yLW__formFrame{padding:36px}}.system-module__5z9yLW__badges{gap:0;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.system-module__5z9yLW__badges li{border-bottom:1px solid var(--line);color:var(--ink-soft);grid-template-columns:150px 1fr;align-items:center;gap:16px;padding:12px 0;font-size:14px;display:grid}.system-module__5z9yLW__progress{gap:28px;display:grid}@media (min-width:720px){.system-module__5z9yLW__progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.system-module__5z9yLW__progressCell{background:var(--paper);border-radius:var(--r-m);align-content:space-between;justify-items:start;gap:14px;min-height:210px;padding:22px;display:grid}.system-module__5z9yLW__segDemo{gap:10px;width:100%;display:grid}.system-module__5z9yLW__segDemoLabel{color:var(--ink-soft);justify-content:space-between;font-size:14px;display:flex}.system-module__5z9yLW__phaseDemo{max-width:640px;padding-top:8px}.system-module__5z9yLW__cards{gap:14px;display:grid}@media (min-width:720px){.system-module__5z9yLW__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.system-module__5z9yLW__cardTonal,.system-module__5z9yLW__cardLine,.system-module__5z9yLW__cardDashed,.system-module__5z9yLW__cardInk{border-radius:var(--r-m);align-content:start;gap:8px;min-height:150px;padding:22px 24px;display:grid}.system-module__5z9yLW__cardTonal{background:var(--paper)}.system-module__5z9yLW__cardLine{border-top:1px solid var(--ink);border-radius:0;padding-inline:0}.system-module__5z9yLW__cardDashed{border:1px dashed var(--line-strong);color:var(--ink-soft)}.system-module__5z9yLW__cardInk{background:var(--ink);color:var(--snow)}.system-module__5z9yLW__cardInk p:first-child{color:#bdbab3}.system-module__5z9yLW__cardBig{font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.04em;margin:0;font-size:40px;font-weight:250}.system-module__5z9yLW__cardRow{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:0;padding:10px 0;font-size:15px;display:flex}.system-module__5z9yLW__cardInkTitle{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:300}