.styles{padding-bottom:14vh}.styles__probe{position:absolute;left:-9999px;width:1px;height:1px}.styles__head{padding-top:22vh;padding-bottom:6vh;row-gap:18px}.styles__meta{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--ink)}.styles__title{font-family:var(--font-sans);font-weight:900;font-size:40px;line-height:.95;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(44px,9vw,90px);margin:0}.styles__lede{font-family:var(--font-serif);font-weight:400;font-size:var(--type-body);line-height:1.32;letter-spacing:-.01em;text-wrap:balance;font-size:30px;line-height:1.2;max-width:40ch;margin-top:3vh}.styles__section{padding-block:5vh 2vh;align-items:start}.styles__h{font-family:var(--font-sans);font-weight:900;font-size:40px;line-height:.95;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(24px,2.4vw,32px)}.styles__note{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance;color:var(--muted);max-width:58ch}.styles__note code{font-family:var(--font-sans);color:var(--ink)}.styles__sublabel{display:block;padding-bottom:10px;border-bottom:1px solid var(--ink);margin-bottom:14px}.styles__type{padding-block:4vh;border-top:1px solid var(--rule);align-items:start}.styles__typemeta .label{display:block;margin-bottom:10px}.styles__use{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance;color:var(--muted);max-width:30ch;margin-bottom:16px}.styles__clamp{font-size:12px;color:var(--muted)}.styles__caveat{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance;color:var(--muted);max-width:28ch;margin-top:12px;padding-top:10px;border-top:1px solid var(--rule)}.styles__spec{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance;display:grid;grid-template-columns:8ch 1fr;gap:3px 10px;margin:0}.styles__spec dt{color:var(--muted)}.styles__spec dd{margin:0;font-variant-numeric:tabular-nums}.styles__sample{margin:0}.styles__sample--display{font-family:var(--font-sans);font-weight:900;font-size:40px;line-height:.95;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(44px,9vw,90px)}.styles__sample--title{font-family:var(--font-sans);font-weight:900;font-size:40px;line-height:.95;letter-spacing:-.03em;text-wrap:balance}.styles__sample--body-large{font-family:var(--font-serif);font-weight:400;font-size:var(--type-body);line-height:1.32;letter-spacing:-.01em;text-wrap:balance;font-size:30px;line-height:1.2;max-width:40ch}.styles__sample--body{font-family:var(--font-serif);font-weight:400;font-size:var(--type-body);line-height:1.32;letter-spacing:-.01em;text-wrap:balance;max-width:46ch}.styles__sample--small{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance}.styles__swatches{list-style:none;margin:0;padding:0}.styles__swatches--dark{background:var(--paper);color:var(--ink);padding:16px}.styles__swatch{display:grid;grid-template-columns:34px 10ch 9ch 1fr;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule)}.styles__swatch:last-child{border-bottom:0}.styles__chip{width:34px;height:22px;border:1px solid var(--rule)}.styles__swatchname{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance}.styles__hex{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance;color:var(--muted);font-variant-numeric:tabular-nums;text-transform:uppercase}.styles__swatchnote{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance;color:var(--muted)}.styles__plates{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}.styles__plates li{display:grid;gap:6px}.styles__platechip{height:90px;margin-bottom:6px}.styles__gridshow{padding-block:2vh 6vh}.styles__col{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance;grid-column:span 1;background:var(--muted);color:var(--paper);opacity:.18;text-align:center;padding:22px 0;font-variant-numeric:tabular-nums}.styles__foot{padding-top:6vh;border-top:1px solid var(--rule)}@media(max-width:767px){.styles__plates{grid-template-columns:repeat(2,1fr)}.styles__swatch{grid-template-columns:28px 8ch 1fr}.styles__swatchnote{display:none}}