.design-system-review{background:var(--design-surface-atmosphere-page),var(--design-surface-page);color:var(--design-text-default);padding:var(--design-space-section-mobile) var(--design-layout-gutter-mobile)}.design-system-review__inner{max-width:var(--design-layout-max-content);margin:0 auto;display:grid;gap:var(--design-space-24)}.design-system-review__panel{background:#ffffffeb;border:1px solid var(--design-border-default);border-radius:var(--design-radius-glass);padding:var(--design-space-24);box-shadow:var(--design-shadow-elevated)}.design-system-review__hero{background:var(--design-surface-atmosphere-hero)}.design-system-review__eyebrow{margin:0 0 var(--design-space-10);font-family:var(--design-font-family-body);font-size:var(--design-font-size-eyebrow-sm);font-weight:var(--design-font-weight-bold);letter-spacing:var(--design-letter-spacing-eyebrow-max);text-transform:uppercase;color:var(--design-color-ghk-accent-600)}.design-system-review__title,.design-system-review__section-title,.design-system-review__sample-title,.design-system-review__component-title,.design-system-review__context-title{margin:0;color:var(--design-text-heading)}.design-system-review__title{font-family:var(--design-font-family-body);font-size:var(--design-font-size-heading-section-mobile-lg);font-weight:var(--design-font-weight-heavy);line-height:1.05;max-width:12ch}.design-system-review__body,.design-system-review__note,.design-system-review__sample-copy,.design-system-review__component-copy,.design-system-review__context-copy,.design-system-review__meta,.design-system-review__token-label,.design-system-review__shadow-label{margin:0;font-family:var(--design-font-family-body);font-size:var(--design-font-size-body-md);line-height:var(--design-line-height-text);color:var(--design-text-muted)}.design-system-review__intro{margin-top:var(--design-space-16);display:grid;gap:var(--design-space-12)}.design-system-review__meta-grid,.design-system-review__type-grid,.design-system-review__component-grid,.design-system-review__token-grid,.design-system-review__radius-grid,.design-system-review__shadow-grid,.design-system-review__context-layout{display:grid;gap:var(--design-space-16)}.design-system-review__meta-grid,.design-system-review__component-grid,.design-system-review__token-grid,.design-system-review__radius-grid,.design-system-review__shadow-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.design-system-review__meta-item,.design-system-review__component,.design-system-review__token-item,.design-system-review__radius-item,.design-system-review__shadow-item{padding:var(--design-space-16);border:1px solid var(--design-border-default);border-radius:var(--design-radius-panel);background:var(--design-surface-card)}.design-system-review__meta-item strong,.design-system-review__token-label strong,.design-system-review__sample-spec strong,.design-system-review__swatch-value,.design-system-review__swatch-name,.design-system-review__button,.design-system-review__badge{color:var(--design-text-heading)}.design-system-review__section-title{margin-bottom:var(--design-space-18);font-family:var(--design-font-family-body);font-size:var(--design-font-size-heading-card-sm);font-weight:var(--design-font-weight-heavy);line-height:1.1}.design-system-review__type-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.design-system-review__type-sample{padding:var(--design-space-20);border-radius:var(--design-radius-card);border:1px solid var(--design-border-default);background:var(--design-surface-card);box-shadow:var(--design-shadow-default)}.design-system-review__type-label{margin:0 0 var(--design-space-12);font-size:var(--design-font-size-caption-lg);letter-spacing:var(--design-letter-spacing-eyebrow-wide);text-transform:uppercase;color:var(--design-text-subtle)}.design-system-review__type-line{margin:0}.design-system-review__type-line--display{font-family:var(--design-font-family-display);font-size:var(--design-font-size-heading-card-lg);line-height:1.05;color:var(--design-color-ghk-accent-800)}.design-system-review__type-line--heading{font-family:var(--design-font-family-body);font-size:var(--design-font-size-heading-card-md);font-weight:var(--design-font-weight-heavy);line-height:1.08}.design-system-review__type-line--body{font-family:var(--design-font-family-body);font-size:var(--design-font-size-body-lg);font-weight:var(--design-font-weight-regular)}.design-system-review__sample-spec{margin:var(--design-space-16) 0 0;font-size:var(--design-font-size-caption-xl);color:var(--design-text-subtle)}.design-system-review__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--design-space-16)}.design-system-review__swatch{overflow:hidden;border:1px solid var(--design-border-default);border-radius:var(--design-radius-card);background:var(--design-surface-card);box-shadow:var(--design-shadow-default)}.design-system-review__swatch-chip{aspect-ratio:4 / 3}.design-system-review__swatch-chip--ink{background:var(--design-color-ink-900)}.design-system-review__swatch-chip--neutral{background:var(--design-color-neutral-100)}.design-system-review__swatch-chip--ghk{background:linear-gradient(145deg,var(--design-color-ghk-accent-500),var(--design-color-ghk-accent-100))}.design-system-review__swatch-chip--pdrn{background:linear-gradient(145deg,var(--design-color-pdrn-accent-500),var(--design-color-pdrn-accent-100))}.design-system-review__swatch-chip--success{background:linear-gradient(145deg,var(--design-color-success-700),var(--design-color-success-200))}.design-system-review__swatch-meta{padding:var(--design-space-16);display:grid;gap:var(--design-space-6)}.design-system-review__swatch-name,.design-system-review__swatch-value{margin:0;font-family:var(--design-font-family-body)}.design-system-review__swatch-name{font-size:var(--design-font-size-caption-xl);font-weight:var(--design-font-weight-bold)}.design-system-review__swatch-value{font-size:var(--design-font-size-body-sm)}.design-system-review__sample-card{padding:var(--design-space-20);border-radius:var(--design-radius-card);background:var(--design-surface-atmosphere-card);border:1px solid var(--design-border-accent);box-shadow:var(--design-shadow-elevated)}.design-system-review__sample-title{font-family:var(--design-font-family-body);font-size:var(--design-font-size-heading-card-md);font-weight:var(--design-font-weight-heavy);line-height:1.08}.design-system-review__sample-title em,.design-system-review__context-title em{font-family:var(--design-font-family-display);font-style:normal;font-weight:var(--design-font-weight-regular);color:var(--design-color-pdrn-accent-700)}.design-system-review__sample-copy{margin-top:var(--design-space-14)}.design-system-review__actions{margin-top:var(--design-space-18);display:flex;flex-wrap:wrap;gap:var(--design-space-12)}.design-system-review__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:var(--design-space-12) var(--design-space-20);border-radius:var(--design-radius-button);border:1px solid transparent;font-family:var(--design-font-family-body);font-size:var(--design-font-size-caption-xl);font-weight:var(--design-font-weight-heavy);letter-spacing:var(--design-letter-spacing-eyebrow-regular);text-transform:uppercase;text-decoration:none}.design-system-review__button--primary{background:var(--design-action-primary-bg);color:var(--design-action-primary-text);box-shadow:var(--design-shadow-default)}.design-system-review__button--secondary{background:transparent;border-color:var(--design-border-interactive);color:var(--design-color-ghk-accent-700)}.design-system-review__component-title{font-family:var(--design-font-family-body);font-size:var(--design-font-size-body-lg);font-weight:var(--design-font-weight-bold)}.design-system-review__component-copy{margin-top:var(--design-space-10)}.design-system-review__component-demo{margin-top:var(--design-space-16)}.design-system-review__badge{display:inline-flex;align-items:center;gap:var(--design-space-8);padding:var(--design-space-8) var(--design-space-14);border-radius:var(--design-radius-pill);background:var(--design-color-success-50);color:var(--design-color-success-700);font-family:var(--design-font-family-body);font-size:var(--design-font-size-caption-xl);font-weight:var(--design-font-weight-bold)}.design-system-review__stats{display:flex;gap:var(--design-space-12);flex-wrap:wrap}.design-system-review__stat{flex:1 1 160px;min-width:0;padding:var(--design-space-16);border-radius:var(--design-radius-panel);background:var(--design-surface-atmosphere-stat);border:1px solid var(--design-border-default)}.design-system-review__stat-value{margin:0 0 var(--design-space-6);font-family:var(--design-font-family-body);font-size:var(--design-font-size-heading-card-sm);font-weight:var(--design-font-weight-heavy);line-height:1}.design-system-review__stat-label{margin:0;font-size:var(--design-font-size-body-sm);color:var(--design-text-muted)}.design-system-review__token-item{gap:var(--design-space-12)}.design-system-review__token-bar{height:12px;margin-top:var(--design-space-14);border-radius:999px;background:linear-gradient(90deg,var(--design-color-ghk-accent-100),var(--design-color-pdrn-accent-200))}.design-system-review__token-bar--sm{width:var(--design-space-16)}.design-system-review__token-bar--md{width:var(--design-space-32)}.design-system-review__token-bar--lg{width:var(--design-space-48)}.design-system-review__token-bar--xl{width:var(--design-space-88)}.design-system-review__radius-shape{width:100%;height:72px;margin-top:var(--design-space-14);background:var(--design-surface-gradient-soft);border:1px solid var(--design-border-default)}.design-system-review__radius-shape--button{border-radius:var(--design-radius-button)}.design-system-review__radius-shape--panel{border-radius:var(--design-radius-panel)}.design-system-review__radius-shape--card{border-radius:var(--design-radius-card)}.design-system-review__radius-shape--glass{border-radius:var(--design-radius-glass)}.design-system-review__shadow-surface{height:88px;margin-top:var(--design-space-14);border-radius:var(--design-radius-panel);background:var(--design-color-white)}.design-system-review__shadow-surface--sm{box-shadow:var(--design-shadow-default)}.design-system-review__shadow-surface--md{box-shadow:var(--design-shadow-elevated)}.design-system-review__shadow-surface--lg{box-shadow:var(--design-shadow-featured)}.design-system-review__context-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);align-items:start}.design-system-review__context-card{padding:var(--design-space-24);border-radius:var(--design-radius-glass);background:var(--design-surface-gradient-panel);border:1px solid var(--design-border-default);box-shadow:var(--design-shadow-featured)}.design-system-review__context-title{margin-top:var(--design-space-10);font-family:var(--design-font-family-body);font-size:var(--design-font-size-heading-card-lg);font-weight:var(--design-font-weight-heavy);line-height:1.05}.design-system-review__context-copy{margin-top:var(--design-space-16);max-width:50ch}.design-system-review__context-stack{margin-top:var(--design-space-20);display:grid;gap:var(--design-space-16)}.design-system-review__info-list{display:grid;gap:var(--design-space-12)}.design-system-review__info-item{padding:var(--design-space-16);border-radius:var(--design-radius-panel);background:var(--design-surface-card);border:1px solid var(--design-border-default)}.design-system-review__info-item strong{display:block;margin-bottom:var(--design-space-6);font-size:var(--design-font-size-caption-xl);letter-spacing:var(--design-letter-spacing-eyebrow-regular);text-transform:uppercase;color:var(--design-color-pdrn-accent-700)}@media(min-width:750px){.design-system-review{padding:var(--design-space-section-desktop) var(--design-layout-gutter-desktop)}.design-system-review__inner{gap:var(--design-space-32)}.design-system-review__panel,.design-system-review__context-card{padding:var(--design-space-32)}.design-system-review__title{font-size:var(--design-font-size-heading-section-desktop-md)}}@media(max-width:749px){.design-system-review__context-layout{grid-template-columns:1fr}.design-system-review__title{max-width:none}.design-system-review__type-line--display,.design-system-review__context-title{font-size:var(--design-font-size-heading-card-md)}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/section-design-system-review.css.map */