:root{--color-background:#f2f2ee;--color-text:#111;--color-muted:#777;--color-border:#c8c8c3;--page-padding:16px;--grid-gap:12px;--grid-columns:12;--space-xs:8px;--space-sm:16px;--space-md:32px;--space-lg:64px;--space-xl:120px;--font-display:Arial, Helvetica, sans-serif;--font-body:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}.grid{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));gap:var(--grid-gap);padding-inline:var(--page-padding);display:grid}@media (max-width:768px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.display-xl{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(54px,9vw,150px);font-weight:400;line-height:.88}.heading-lg{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(36px,5vw,80px);font-weight:400;line-height:.95}.heading-md{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,3vw,48px);font-weight:400;line-height:1}.body-lg{font-family:var(--font-body);font-size:clamp(18px,1.6vw,24px);font-weight:400;line-height:1.2}.body{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.35}.body-sm{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:1.35}.label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:400;line-height:1.2}.muted{color:var(--color-muted)}.typography-specimen{max-width:1440px;margin:0 auto;padding:32px 16px 64px}.typography-specimen__intro{border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:24px}.typography-specimen__intro .label{margin-bottom:12px;display:block}.typography-specimen__intro .display-xl{overflow-wrap:anywhere;max-width:100%}.typography-specimen__section{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}.typography-specimen__section:first-of-type{margin-top:0}.typography-specimen__meta{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.typography-specimen__meta .label,.typography-specimen__meta .body-sm{display:inline-block}.typography-specimen__block{flex-direction:column;gap:8px;display:flex}.typography-specimen__inner{border:1px solid var(--color-border);background:#11111105;padding:24px}.typography-specimen__inner p,.typography-specimen__inner h1,.typography-specimen__inner h2,.typography-specimen__inner h3,.typography-specimen__inner span{max-width:100%}@media (max-width:768px){.typography-specimen{padding-left:16px;padding-right:16px}.typography-specimen__inner{padding:18px}}