.Rq48Ua_page{color:var(--txt-1)}.Rq48Ua_hero,.Rq48Ua_section{max-width:72rem;margin-inline:auto;padding:5rem 1.5rem}.Rq48Ua_hero{padding-top:6rem}.Rq48Ua_hero h1{font-size:clamp(2.375rem, 5.6vw, var(--ds-font-size-web-hero));max-width:60rem;margin-block:1.5rem;line-height:1.1}.Rq48Ua_intro{max-width:43rem;color:var(--txt-2);font-size:1.25rem;line-height:1.7}.Rq48Ua_links{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.Rq48Ua_section{border-top:1px solid var(--hairline);scroll-margin-top:6rem}.Rq48Ua_heading{max-width:44rem;margin-bottom:2rem}.Rq48Ua_heading h2{font-size:clamp(1.875rem, 3.8vw, var(--ds-font-size-web-section));margin-block:1rem;line-height:1.15}.Rq48Ua_heading>p:last-child,.Rq48Ua_specimen>p{line-height:1.75}.Rq48Ua_heading>p:last-child{color:var(--txt-2)}.Rq48Ua_typeGrid,.Rq48Ua_colorGrid,.Rq48Ua_componentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.Rq48Ua_specimen,.Rq48Ua_palette{border:1px solid var(--hairline);background:var(--bg-surface);border-radius:1.25rem;min-width:0;padding:2rem}.Rq48Ua_label{color:var(--txt-2);font-size:.875rem;font-weight:600}.Rq48Ua_displaySample{font-family:var(--font-montserrat), var(--ds-font-family-display);letter-spacing:-.03em;margin-block:1.75rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.15!important}.Rq48Ua_bodySample{margin-block:1.75rem;font-size:1.125rem}.Rq48Ua_scale{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.Rq48Ua_scale span{color:var(--txt-2);gap:.25rem;font-size:.875rem;display:grid}.Rq48Ua_scale strong{color:var(--txt-1);font-size:1.25rem}.Rq48Ua_note{color:var(--txt-2);max-width:54rem;margin-top:1.5rem;font-size:.9375rem;line-height:1.75}.Rq48Ua_palette h3,.Rq48Ua_specimen h3{align-items:center;gap:.625rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.Rq48Ua_palette>p{margin-bottom:1.5rem;line-height:1.7}.Rq48Ua_colorRow{align-items:center;gap:.75rem;padding-block:1rem;display:flex}.Rq48Ua_swatch{border-radius:.5rem;flex-shrink:0;width:2rem;height:2rem}.Rq48Ua_colorRow code{margin-top:.25rem;font-size:.875rem;display:block}.Rq48Ua_colorRow strong{text-align:right;font-variant-numeric:tabular-nums;margin-left:auto}.Rq48Ua_colorRow strong span{font-size:.875rem;font-weight:400;display:block}.Rq48Ua_specimen h3{margin-top:1rem}.Rq48Ua_motionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.Rq48Ua_motionSample{text-align:left;cursor:pointer}.Rq48Ua_duration{margin-block:.5rem;font-size:2.5rem;font-weight:500;display:block}.Rq48Ua_duration span{margin-left:.25rem;font-size:1rem}.Rq48Ua_motionTrack{background:var(--hairline);border-radius:1rem;height:.5rem;display:block;overflow:hidden}.Rq48Ua_motionTrack span{background:var(--brand-fill);border-radius:inherit;width:25%;height:100%;transition:transform var(--ds-motion-easing-standard);display:block}.Rq48Ua_specimen:hover .Rq48Ua_motionTrack span,.Rq48Ua_specimen:focus-within .Rq48Ua_motionTrack span{transform:translate(300%)}@media (max-width:767px){.Rq48Ua_hero,.Rq48Ua_section{padding:3.5rem 10%}.Rq48Ua_hero{padding-top:4rem}.Rq48Ua_typeGrid,.Rq48Ua_colorGrid,.Rq48Ua_componentGrid,.Rq48Ua_motionGrid{grid-template-columns:1fr}.Rq48Ua_specimen,.Rq48Ua_palette{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.Rq48Ua_motionTrack span{transition:none}}