.mkt-styles-introduction .mkt-grid{align-items:center;gap:clamp(2rem,5vw,5rem)}.mkt-styles-introduction .mkt-h2{overflow-wrap:anywhere;max-width:13ch;font-size:clamp(3rem,5vw,4.5rem)}.mkt-styles-introduction .mkt-lede{font-size:1.1875rem;line-height:1.6}.mkt-styles-introduction .mkt-aside{font-size:.9375rem}.mkt-styles-introduction .mkt-runhead{font-size:1.25rem}.mkt-styles-future{color:var(--mkt-ink-3);max-width:34rem;margin:1.5rem 0;font-size:1rem;line-height:1.7}.mkt-styles-samples{gap:1.65rem;width:100%;min-width:0;max-width:38rem;margin:0 auto;display:grid}.mkt-style-figure{min-width:0;margin:0}.mkt-style-figure:nth-child(2){margin-left:clamp(0px,3vw,2rem)}.mkt-style-window{background:var(--nk-bg);color:var(--nk-text);border:1px solid var(--nk-border);border-radius:14px;padding:clamp(1rem,3vw,1.75rem)}.mkt-style-window[data-sample-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nk-shadow-card:0 10px 24px #4a332a1a}.mkt-style-window[data-sample-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nk-shadow-card:0 10px 24px #00000026}.mkt-style-window .style-art{aspect-ratio:1.9;width:100%}.mkt-style-window .style-sample{margin-top:1rem}.mkt-style-figure figcaption{color:var(--mkt-ink-3);flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;margin-top:.7rem;font-size:.875rem;line-height:1.5;display:flex}.mkt-style-figure figcaption strong{color:var(--mkt-ink);font-weight:550}.mkt-styles-sample-label{font:400 .75rem/1.6 var(--nk-font-mono);color:var(--mkt-ink-3);margin:-.4rem 0 0}@media (max-width:48rem){.mkt-styles-introduction .mkt-grid{gap:2rem}.mkt-style-figure:nth-child(2){margin-left:0}}@media (forced-colors:active){.mkt-style-window,.mkt-style-window .style-art{border:1px solid canvastext}}