@godxjp/ui 33.19.0 → 33.21.0

package/dist/tokens/components/editorial.css

@@ -0,0 +1,721 @@
+
+:root {
+
+  --editorial-ornament-color: initial;
+
+  --editorial-kicker-color: initial;
+
+  --editorial-kicker-font-family: initial;
+
+  --editorial-section-max-width: var(--centered-shell-landing-max-width, 80rem);
+  --editorial-section-inset-inline: var(--centered-shell-landing-inset-inline, 3rem);
+  --editorial-section-padding-block: calc(var(--space-20) - var(--space-2));
+  --editorial-section-border-width: var(--stroke-hairline);
+
+  --editorial-section-border-color: initial;
+
+  --editorial-section-surface-background: initial;
+
+  --editorial-section-subtle-background: initial;
+
+  --editorial-section-hero-background: initial;
+
+  --editorial-hero-track-size: minmax(0, 1.12fr) minmax(0, 1fr);
+  --editorial-hero-gap: var(--space-6);
+  --editorial-hero-min-height: 34.125rem;
+  --editorial-hero-padding-block-start: var(--space-12);
+  --editorial-hero-padding-block-end: var(--space-12);
+  --editorial-hero-copy-padding-block: var(--space-3);
+
+  --editorial-hero-copy-align: start;
+  --editorial-hero-kicker-letter-spacing: 0.13em;
+  --editorial-hero-title-font-size: 2.75rem;
+  --editorial-hero-title-line-height: 1.65;
+  --editorial-hero-title-letter-spacing: -0.04em;
+  --editorial-hero-title-font-weight: var(--font-weight-semibold);
+  --editorial-hero-title-space-block-start: var(--space-6);
+  --editorial-hero-title-space-block-end: var(--space-5);
+  --editorial-hero-description-font-size: calc(var(--font-size-base) + 0.0625rem);
+  --editorial-hero-description-line-height: 1.9;
+  --editorial-hero-description-max-width: 30rem;
+  --editorial-hero-search-space-block-start: calc(var(--space-6) + 0.25rem);
+  --editorial-hero-search-max-width: none;
+  --editorial-hero-footer-space-block-start: var(--space-3);
+  --editorial-hero-media-space-block-start: 0rem;
+  --editorial-hero-media-max-width: none;
+
+  --editorial-hero-copy-space-inline: 0;
+  --editorial-hero-footer-gap: calc(var(--space-3) + 0.125rem);
+  --editorial-hero-footer-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-hero-footer-link-min-height: 1.875rem;
+  --editorial-hero-footer-link-offset: 4px;
+
+  --editorial-eyebrow-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-eyebrow-line-height: 1.5;
+  --editorial-eyebrow-letter-spacing: 0.13em;
+  --editorial-eyebrow-font-weight: var(--font-weight-semibold);
+  --editorial-eyebrow-gap: var(--space-3);
+  --editorial-eyebrow-rule-width: var(--space-6);
+  --editorial-eyebrow-rule-height: var(--stroke-hairline);
+
+  --editorial-eyebrow-align: start;
+
+  --editorial-section-head-gap: var(--space-6);
+  --editorial-section-head-space-block-end: calc(var(--space-6) + 0.25rem);
+
+  --editorial-section-head-align: end;
+  --editorial-section-head-title-font-size: 2rem;
+  --editorial-section-head-title-line-height: 1.55;
+  --editorial-section-head-title-letter-spacing: -0.025em;
+  --editorial-section-head-title-space-block-start: var(--space-3);
+  --editorial-section-head-description-font-size: var(--font-size-base);
+  --editorial-section-head-description-space-block-start: calc(var(--space-2) + 0.125rem);
+  --editorial-section-head-action-space-block-start: 0rem;
+  --editorial-section-head-action-max-width: none;
+
+  --editorial-section-head-module-align: center;
+  --editorial-section-head-module-space-block-end: var(--space-6);
+  --editorial-section-head-module-kicker-line-height: 1.8;
+  --editorial-section-head-module-kicker-letter-spacing: 0.14em;
+  --editorial-section-head-module-title-font-size: 1.875rem;
+  --editorial-section-head-module-title-line-height: 1.65;
+  --editorial-section-head-module-title-space-block-start: var(--space-3);
+  --editorial-section-head-module-description-font-size: calc(var(--font-size-base) + 0.0625rem);
+  --editorial-section-head-module-description-space-block-start: var(--space-3);
+
+  --editorial-breadcrumb-padding-block-start: var(--space-6);
+  --editorial-breadcrumb-gap: var(--space-2);
+  --editorial-breadcrumb-line-height: 1.7;
+
+  --editorial-page-header-padding-block-start: calc(var(--space-6) + 0.25rem);
+  --editorial-page-header-padding-block-end: var(--space-8);
+
+  --editorial-page-header-row-display: flex;
+  --editorial-page-header-row-gap: var(--space-6);
+  --editorial-page-header-actions-space-block-start: 0rem;
+
+  --editorial-page-header-kicker-font-size: var(--editorial-eyebrow-font-size);
+  --editorial-page-header-kicker-color: initial;
+  --editorial-page-header-title-font-size: 2.25rem;
+  --editorial-page-header-title-line-height: 1.55;
+  --editorial-page-header-title-letter-spacing: -0.025em;
+  --editorial-page-header-title-space-block-start: calc(var(--space-2) + 0.125rem);
+  --editorial-page-header-title-space-block-end: var(--space-3);
+
+  --editorial-page-header-title-line-breaking: auto-phrase;
+  --editorial-page-header-description-font-size: calc(var(--font-size-base) + 0.0625rem);
+  --editorial-page-header-description-line-height: inherit;
+  --editorial-page-header-description-max-width: 47.5rem;
+
+  --editorial-page-header-search-max-width: 45rem;
+  --editorial-page-header-search-space-block-start: var(--space-6);
+
+  --editorial-page-header-search-button-icon-display: none;
+
+  --editorial-article-max-width: 47.5rem;
+  --editorial-article-padding-block-start: var(--space-8);
+  --editorial-article-padding-block-end: calc(var(--space-8) * 2);
+
+  --editorial-article-kicker-font-size: var(--editorial-eyebrow-font-size);
+  --editorial-article-kicker-line-height: 1.95;
+  --editorial-article-kicker-space-block-end: var(--space-5);
+  --editorial-article-title-font-size: 2.375rem;
+  --editorial-article-title-line-height: 1.55;
+  --editorial-article-title-letter-spacing: -0.025em;
+  --editorial-article-title-space-block: var(--space-5);
+
+  --editorial-article-title-line-breaking: auto-phrase;
+  --editorial-article-intro-font-size: calc(var(--font-size-base) + 0.25rem);
+  --editorial-article-intro-line-height: 1.95;
+  --editorial-article-intro-padding-block-end: calc(var(--space-6) + 0.25rem);
+  --editorial-article-intro-space-block-end: var(--space-5);
+  --editorial-article-heading-font-size: calc(
+    var(
+        --font-size-2xl,
+        calc(
+          var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio) *
+            var(--font-size-ratio) * var(--font-size-ratio)
+        )
+      ) +
+      0.2348459041721389rem
+  );
+  --editorial-article-heading-line-height: 1.55;
+  --editorial-article-heading-letter-spacing: -0.025em;
+  --editorial-article-heading-space-block-start: calc(var(--space-8) + 0.25rem);
+  --editorial-article-heading-space-block-end: var(--space-4);
+  --editorial-article-paragraph-font-size: inherit;
+  --editorial-article-paragraph-line-height: 1.95;
+  --editorial-article-paragraph-space-block-end: var(--space-5);
+
+  --editorial-article-link-font-size: var(--font-size-base);
+  --editorial-article-link-gap: var(--space-3);
+  --editorial-article-link-line-height: inherit;
+  --editorial-article-link-icon-size: var(--icon-size-lg);
+  --editorial-note-font-size: var(--font-size-base);
+  --editorial-note-rule-width: var(--stroke-lg);
+  --editorial-note-padding-block: var(--space-4);
+  --editorial-note-padding-inline: var(--space-6);
+  --editorial-note-space-block: var(--space-6);
+
+  --editorial-note-background: initial;
+
+  --editorial-panel-padding: calc(var(--space-6) + 0.25rem);
+  --editorial-panel-radius: calc(var(--radius) * 2);
+  --editorial-panel-border-width: var(--stroke-hairline);
+
+  --editorial-panel-background: initial;
+  --editorial-panel-tag-min-height: 1.5rem;
+  --editorial-panel-tag-padding-block: calc(var(--space-1) - 2px);
+  --editorial-panel-tag-padding-inline: var(--space-2);
+  --editorial-panel-tag-radius: calc(var(--radius) - 2px);
+  --editorial-panel-tag-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-panel-tag-line-height: 1.5;
+  --editorial-panel-tag-font-weight: var(--font-weight-medium);
+  --editorial-panel-title-font-size: calc(
+    var(
+        --font-size-2xl,
+        calc(
+          var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio) *
+            var(--font-size-ratio) * var(--font-size-ratio)
+        )
+      ) +
+      0.1098459041721389rem
+  );
+  --editorial-panel-title-line-height: 1.55;
+  --editorial-panel-title-space-block: var(--space-3);
+  --editorial-panel-item-font-size: var(--font-size-base);
+  --editorial-panel-list-padding-inline-start: calc(var(--space-4) + 0.125rem);
+  --editorial-panel-list-space-block: var(--space-4);
+
+  --editorial-text-link-font-size: var(--font-size-base);
+  --editorial-text-link-line-height: inherit;
+  --editorial-text-link-font-weight: var(--font-weight-semibold);
+  --editorial-text-link-gap: var(--space-3);
+  --editorial-text-link-min-height: var(--touch-target-min, 2.75rem);
+  --editorial-text-link-icon-size: var(--icon-size-lg);
+
+  --editorial-text-link-align: start;
+  --editorial-text-link-underline-offset: 5px;
+
+  --editorial-search-min-height: 4rem;
+  --editorial-search-padding-block: calc(var(--space-1) + 0.125rem);
+  --editorial-search-padding-inline-start: var(--space-4);
+  --editorial-search-padding-inline-end: calc(var(--space-1) + 0.125rem);
+  --editorial-search-gap: calc(var(--space-2) + 0.125rem);
+  --editorial-search-radius: var(--radius);
+  --editorial-search-border-width: var(--stroke-hairline);
+
+  --editorial-search-border-color: initial;
+
+  --editorial-search-background: initial;
+  --editorial-search-shadow: 0 4px 16px rgb(var(--shadow-color, 0 0 0) / 0.06);
+  --editorial-search-icon-size: var(--icon-size-lg);
+
+  --editorial-search-scope-font-weight: inherit;
+  --editorial-search-scope-max-width: 11rem;
+  --editorial-search-input-height: 3rem;
+  --editorial-search-input-font-size: var(--font-size-base);
+  --editorial-search-button-min-width: 5.625rem;
+  --editorial-search-button-height: var(--band-height-2xl);
+  --editorial-search-button-padding-inline: var(--space-6);
+  --editorial-search-button-font-size: var(--font-size-base);
+  --editorial-search-button-gap: calc(var(--space-2) + 0.125rem);
+  --editorial-search-button-radius: calc(var(--radius) / 2);
+
+  --editorial-search-button-icon-display: inline-flex;
+  --editorial-search-button-line-height: 1.65;
+  --editorial-search-input-padding-inline: calc(var(--space-1) - 0.125rem);
+
+  --editorial-search-placeholder-color: initial;
+
+  --editorial-search-popup-offset: 0.5rem;
+  --editorial-search-popup-max-height: min(32rem, 70vh);
+  --editorial-search-popup-padding-block: calc(var(--space-1) + 0.125rem);
+  --editorial-search-popup-radius: var(--radius);
+  --editorial-search-popup-shadow: 0 12px 32px rgb(var(--shadow-color, 0 0 0) / 0.12);
+
+  --editorial-search-popup-border-color: initial;
+
+  --editorial-search-popup-background: initial;
+  --editorial-search-group-label-padding-block: calc(var(--space-1) + 0.125rem);
+  --editorial-search-group-label-font-size: calc(var(--font-size-base) - 0.1875rem);
+  --editorial-search-group-label-font-weight: var(--font-weight-semibold);
+  --editorial-search-group-label-letter-spacing: 0.08em;
+  --editorial-search-suggestion-gap: var(--space-3);
+  --editorial-search-suggestion-min-height: var(--touch-target-min, 2.75rem);
+  --editorial-search-suggestion-padding-block: calc(var(--space-1) + 0.125rem);
+  --editorial-search-suggestion-padding-inline: var(--space-4);
+  --editorial-search-suggestion-font-size: var(--font-size-base);
+  --editorial-search-suggestion-description-font-size: calc(var(--font-size-base) - 0.125rem);
+
+  --editorial-search-suggestion-media-width: 2.25rem;
+  --editorial-search-suggestion-media-height: 3.125rem;
+  --editorial-search-suggestion-media-radius: calc(var(--radius) / 2);
+
+  --editorial-search-suggestion-media-background: initial;
+
+  --editorial-search-suggestion-active-background: initial;
+
+  --editorial-pill-nav-min-height: 4rem;
+  --editorial-pill-nav-gap: calc(var(--space-2) + 0.125rem);
+  --editorial-pill-nav-label-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-pill-nav-label-space-inline-end: calc(var(--space-2) + 0.125rem);
+
+  --editorial-pill-nav-label-display: inline;
+  --editorial-pill-min-height: var(--touch-target-min, 2.75rem);
+  --editorial-pill-padding-block: var(--space-2);
+  --editorial-pill-padding-inline: calc(var(--space-4) - 0.0625rem);
+  --editorial-pill-gap: var(--space-2);
+  --editorial-pill-radius: calc(var(--radius) / 2);
+  --editorial-pill-font-size: calc(var(--font-size-base) - 0.0625rem);
+  --editorial-pill-icon-size: var(--icon-size-lg);
+  --editorial-pill-dot-size: 0.4375rem;
+  --editorial-pill-dot-radius: calc(var(--radius) - 4px);
+
+  --editorial-pill-dot-color: initial;
+
+  --editorial-showcase-height: 27.5rem;
+  --editorial-showcase-card-width: 10.875rem;
+  --editorial-showcase-card-radius: calc(var(--radius) + 1px);
+  --editorial-showcase-card-shadow: 0 16px 14px rgb(41 28 21 / 0.15);
+  --editorial-showcase-card-hover-translate: -6px;
+  --editorial-showcase-start-inset-block-start: 4.5rem;
+  --editorial-showcase-start-inset-inline-start: 0rem;
+  --editorial-showcase-start-offset-angle: -14deg;
+  --editorial-showcase-end-inset-block-start: 3.875rem;
+  --editorial-showcase-end-inset-inline-end: 0rem;
+  --editorial-showcase-end-offset-angle: 13deg;
+  --editorial-showcase-center-width: 12.8125rem;
+  --editorial-showcase-center-inset-block-start: 1.625rem;
+
+  --editorial-showcase-center-offset-inline: -6.375rem;
+  --editorial-showcase-center-offset-angle: -2deg;
+  --editorial-showcase-orbit-size-1: 23.125rem;
+  --editorial-showcase-orbit-size-2: 27.5rem;
+  --editorial-showcase-orbit-size-3: 31.875rem;
+  --editorial-showcase-orbit-inset-block-start: 46%;
+  --editorial-showcase-orbit-alpha: 0.24;
+  --editorial-showcase-glow-alpha: 0.12;
+  --editorial-showcase-glow-height: 3.75rem;
+  --editorial-showcase-glow-inset-block-end: 1.625rem;
+  --editorial-showcase-star-font-size: 2.5rem;
+  --editorial-showcase-star-inset-block-start: 0.375rem;
+  --editorial-showcase-star-inset-inline-start: 0.75rem;
+  --editorial-showcase-star-small-font-size: 1.75rem;
+  --editorial-showcase-star-small-inset-block-end: 4.6875rem;
+  --editorial-showcase-star-small-inset-inline-end: -0.5rem;
+  --editorial-showcase-label-font-size: calc(var(--font-size-base) - 0.1875rem);
+  --editorial-showcase-label-letter-spacing: 0.12em;
+  --editorial-showcase-label-inset-block-start: -0.75rem;
+  --editorial-showcase-label-inset-inline-end: 0.5rem;
+
+  --editorial-showcase-label-display: block;
+  --editorial-showcase-caption-inset-inline-end: 1.375rem;
+  --editorial-showcase-caption-inset-block-end: 1.0625rem;
+  --editorial-showcase-caption-padding-block: calc(var(--space-3) + 0.125rem);
+  --editorial-showcase-caption-padding-inline: calc(var(--space-4) + 0.125rem);
+  --editorial-showcase-caption-gap: calc(var(--space-3) + 0.0625rem);
+  --editorial-showcase-caption-min-width: 16.25rem;
+  --editorial-showcase-caption-radius: var(--radius);
+  --editorial-showcase-caption-shadow: 0 4px 16px rgb(var(--shadow-color, 0 0 0) / 0.06);
+
+  --editorial-showcase-caption-icon-size: calc(var(--icon-size-xl) + 0.25rem);
+
+  --editorial-showcase-caption-icon-display: block;
+
+  --editorial-showcase-caption-align: start;
+  --editorial-showcase-caption-overline-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-showcase-caption-title-font-size: var(--font-size-base);
+
+  --editorial-binder-offset-angle: 8deg;
+  --editorial-binder-gap: calc(var(--space-2) + 0.0625rem);
+  --editorial-binder-padding: calc(var(--space-4) + 0.125rem);
+  --editorial-binder-radius: calc(var(--radius) * 2);
+  --editorial-binder-max-width: none;
+
+  --editorial-binder-background: initial;
+  --editorial-binder-border-color: initial;
+  --editorial-binder-shadow: -9px 9px 0 rgb(0 0 0 / 0.3);
+  --editorial-binder-pocket-height: 7.5rem;
+  --editorial-binder-pocket-padding: var(--space-2);
+  --editorial-binder-pocket-radius: calc(var(--radius) - 1px);
+
+  --editorial-banner-track-size: minmax(0, 1.3fr) minmax(0, 0.8fr);
+  --editorial-banner-gap: var(--space-10);
+  --editorial-banner-padding-block: var(--space-12);
+  --editorial-banner-padding-inline: calc(var(--space-12) + var(--space-2));
+  --editorial-banner-radius: calc(var(--radius) * 2);
+
+  --editorial-banner-background: initial;
+  --editorial-banner-foreground: initial;
+  --editorial-banner-muted-foreground: initial;
+  --editorial-banner-kicker-color: initial;
+  --editorial-banner-action-background: initial;
+  --editorial-banner-action-foreground: initial;
+  --editorial-banner-action-hover-background: initial;
+  --editorial-banner-title-font-size: 2rem;
+  --editorial-banner-title-space-block: calc(var(--space-3) + 0.125rem);
+  --editorial-banner-description-font-size: var(--font-size-base);
+  --editorial-banner-description-line-height: 1.9;
+  --editorial-banner-description-max-width: 32.5rem;
+  --editorial-banner-action-space-block-start: var(--space-6);
+
+  --editorial-banner-action-width: auto;
+
+  --editorial-banner-media-align: start;
+
+  --editorial-catalog-card-radius: var(--radius);
+  --editorial-catalog-card-hover-shadow: 0 10px 28px rgb(var(--shadow-color, 0 0 0) / 0.1);
+  --editorial-catalog-card-hover-translate: -3px;
+  --editorial-catalog-card-media-aspect-size: 1 / 1.05;
+  --editorial-catalog-card-media-padding-block-start: var(--space-12);
+  --editorial-catalog-card-media-padding-inline: calc(var(--space-10) - 0.125rem);
+  --editorial-catalog-card-media-padding-block-end: calc(var(--space-5) + 0.125rem);
+  --editorial-catalog-card-media-shadow: 0 7px 7px rgb(40 25 20 / 0.12);
+  --editorial-catalog-card-media-radius: calc(var(--radius) - 1px);
+  --editorial-catalog-card-sealed-aspect-size: 1.3;
+  --editorial-catalog-card-sealed-padding: var(--space-6);
+  --editorial-catalog-card-favorite-size: var(--touch-target-min, 2.75rem);
+  --editorial-catalog-card-favorite-inset: 0.5rem;
+  --editorial-catalog-card-favorite-icon-size: var(--icon-size-lg);
+  --editorial-catalog-card-favorite-border-width: var(--stroke-hairline);
+
+  --editorial-catalog-card-favorite-background: initial;
+  --editorial-catalog-card-body-padding-block-start: calc(var(--space-4) + 0.125rem);
+  --editorial-catalog-card-body-padding-inline: var(--space-5);
+  --editorial-catalog-card-overline-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-catalog-card-overline-line-height: 1.6;
+  --editorial-catalog-card-overline-min-height: 0rem;
+  --editorial-catalog-card-title-font-size: calc(var(--font-size-base) + 0.1875rem);
+  --editorial-catalog-card-title-line-height: 1.65;
+  --editorial-catalog-card-title-space-block-start: calc(var(--space-1) + 0.0625rem);
+  --editorial-catalog-card-title-space-block-end: calc(var(--space-1) + 0.125rem);
+  --editorial-catalog-card-title-min-height: 3.5rem;
+  --editorial-catalog-card-meta-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-catalog-card-meta-line-height: 1.65;
+  --editorial-catalog-card-meta-gap: calc(var(--space-2) - 0.0625rem);
+  --editorial-catalog-card-meta-min-height: 0rem;
+  --editorial-catalog-card-tag-font-size: inherit;
+  --editorial-catalog-card-tag-padding-inline: calc(var(--space-1) + 0.0625rem);
+  --editorial-catalog-card-tag-radius: calc(var(--radius) - 3px);
+  --editorial-catalog-card-tag-line-height: 1.5;
+  --editorial-catalog-card-price-label-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-catalog-card-price-label-space-block-start: var(--space-4);
+  --editorial-catalog-card-price-label-min-height: 0rem;
+
+  --editorial-catalog-card-price-label-line-clamp: none;
+  --editorial-catalog-card-price-font-size: 1.75rem;
+  --editorial-catalog-card-price-line-height: 1.3;
+
+  --editorial-catalog-card-price-line-display: flex;
+  --editorial-catalog-card-price-line-gap: var(--space-2);
+  --editorial-catalog-card-price-suffix-font-size: var(--font-size-base);
+  --editorial-catalog-card-price-suffix-space-inline-start: calc(var(--space-1) - 1px);
+  --editorial-catalog-card-change-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-catalog-card-change-space-block-start: 0rem;
+  --editorial-catalog-card-change-line-height: 1.5;
+
+  --editorial-catalog-card-change-display: inline;
+  --editorial-catalog-card-footer-space-block-start: calc(var(--space-3) + 0.125rem);
+  --editorial-catalog-card-footer-padding-block: var(--space-3);
+  --editorial-catalog-card-footer-gap: var(--space-2);
+  --editorial-catalog-card-footer-link-gap: calc(var(--space-1) - 1px);
+  --editorial-catalog-card-footer-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-catalog-card-footer-link-min-height: 2rem;
+  --editorial-catalog-card-footer-icon-size: var(--icon-size-sm);
+
+  --editorial-spotlight-track-size: minmax(0, 1fr) 7.1875rem;
+  --editorial-spotlight-min-height: 10.5rem;
+  --editorial-spotlight-padding-block: var(--space-6);
+  --editorial-spotlight-padding-inline: var(--space-6);
+  --editorial-spotlight-overline-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-spotlight-overline-letter-spacing: 0.06em;
+  --editorial-spotlight-title-font-size: calc(
+    var(
+        --font-size-xl,
+        calc(
+          var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio) *
+            var(--font-size-ratio)
+        )
+      ) +
+      0.07427599017737485rem
+  );
+  --editorial-spotlight-title-space-block: var(--space-2);
+  --editorial-spotlight-title-line-height: 1.65;
+  --editorial-spotlight-description-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-spotlight-description-icon-size: var(--icon-size-lg);
+  --editorial-spotlight-media-width: 6.5625rem;
+  --editorial-spotlight-media-height: 9.1875rem;
+  --editorial-spotlight-media-inset-inline-start: 0.75rem;
+  --editorial-spotlight-media-inset-block-start: 2rem;
+  --editorial-spotlight-media-offset-angle: 12deg;
+  --editorial-spotlight-media-shadow: 0 6px 6px rgb(40 25 20 / 0.12);
+  --editorial-spotlight-hover-shadow: 0 4px 16px rgb(var(--shadow-color, 0 0 0) / 0.06);
+
+  --editorial-journal-cover-height: 13.25rem;
+
+  --editorial-journal-cover-image-size: cover;
+  --editorial-journal-cover-image-align: center;
+
+  --editorial-journal-cover-background: initial;
+  --editorial-journal-padding-block-start: var(--space-6);
+  --editorial-journal-padding-inline: var(--space-6);
+  --editorial-journal-padding-block-end: calc(var(--space-4) + 0.125rem);
+  --editorial-journal-category-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-journal-category-line-height: 1.6;
+  --editorial-journal-category-letter-spacing: 0.02em;
+  --editorial-journal-title-font-size: calc(
+    var(
+        --font-size-xl,
+        calc(
+          var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio) *
+            var(--font-size-ratio)
+        )
+      ) +
+      0.01177599017737485rem
+  );
+  --editorial-journal-title-line-height: 1.65;
+  --editorial-journal-title-letter-spacing: -0.02em;
+  --editorial-journal-title-space-block-start: calc(var(--space-2) + 0.125rem);
+  --editorial-journal-title-space-block-end: var(--space-3);
+  --editorial-journal-title-min-height: 4.125rem;
+  --editorial-journal-description-font-size: var(--font-size-base);
+  --editorial-journal-description-line-height: 1.8;
+  --editorial-journal-description-space-block-end: var(--space-5);
+  --editorial-journal-footer-min-height: var(--touch-target-min, 2.75rem);
+  --editorial-journal-footer-padding-block-start: var(--space-3);
+  --editorial-journal-footer-font-size: calc(var(--font-size-base) - 0.0625rem);
+  --editorial-journal-footer-gap: var(--space-4);
+
+  --editorial-journal-arrow-size: 2rem;
+  --editorial-journal-arrow-icon-size: var(--icon-size-md);
+  --editorial-journal-focus-offset: -4px;
+  --editorial-journal-hover-shadow: 0 12px 28px rgb(var(--shadow-color, 0 0 0) / 0.08);
+
+  --editorial-masthead-height: 5.5rem;
+  --editorial-masthead-gap: var(--space-8);
+
+  --editorial-masthead-background: initial;
+  --editorial-masthead-backdrop-blur-size: 12px;
+  --editorial-masthead-brand-padding-block: var(--space-2);
+  --editorial-masthead-logo-width: 11.5rem;
+
+  --editorial-masthead-nav-display: flex;
+  --editorial-masthead-nav-gap: calc(var(--space-6) + 0.25rem);
+  --editorial-masthead-nav-space-inline-start: var(--space-3);
+  --editorial-masthead-link-font-size: var(--font-size-base);
+  --editorial-masthead-indicator-size: 2px;
+  --editorial-masthead-actions-gap: var(--space-2);
+
+  --editorial-masthead-menu-display: none;
+  --editorial-masthead-action-size: var(--touch-target-min, 2.75rem);
+  --editorial-masthead-action-radius: calc(var(--radius) / 2);
+  --editorial-masthead-outline-border-width: var(--stroke-hairline);
+
+  --editorial-masthead-outline-background: initial;
+  --editorial-masthead-icon-size: var(--icon-size-lg);
+
+  --editorial-masthead-collapsible-display: inline-flex;
+
+  --editorial-masthead-picker-padding-inline: var(--space-1);
+  --editorial-masthead-picker-font-size: calc(var(--font-size-base) - 0.0625rem);
+  --editorial-masthead-picker-gap: var(--space-1);
+
+  --editorial-masthead-picker-max-width: none;
+
+  --editorial-footer-space-block-start: var(--space-12);
+  --editorial-footer-padding-block-start: var(--space-12);
+  --editorial-footer-padding-block-end: var(--space-5);
+  --editorial-footer-track-size: minmax(0, 1.1fr) repeat(3, minmax(0, 1fr));
+  --editorial-footer-gap: var(--space-10);
+  --editorial-footer-top-padding-block-end: calc(var(--space-8) + 0.25rem);
+
+  --editorial-footer-brand-span-width: auto;
+  --editorial-footer-logo-width: 11.5rem;
+  --editorial-footer-font-size: calc(var(--font-size-base) - 0.0625rem);
+  --editorial-footer-tagline-line-height: 1.9;
+  --editorial-footer-tagline-max-width: 16.25rem;
+  --editorial-footer-tagline-space-block-start: calc(var(--space-4) + 0.125rem);
+
+  --editorial-footer-last-group-display: block;
+
+  --editorial-footer-heading-color: initial;
+  --editorial-footer-heading-letter-spacing: 0.03em;
+  --editorial-footer-heading-line-height: 1.65;
+  --editorial-footer-heading-space-block-end: calc(var(--space-3) + 0.125rem);
+  --editorial-footer-link-min-height: 2rem;
+
+  --editorial-footer-bottom-display: flex;
+  --editorial-footer-bottom-gap: var(--space-6);
+  --editorial-footer-bottom-padding-block-start: var(--space-5);
+
+  --editorial-footer-legal-color: initial;
+  --editorial-footer-legal-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-footer-legal-line-height: 1.8;
+  --editorial-footer-note-max-width: 44.375rem;
+  --editorial-footer-note-space-block-start: 0rem;
+
+  --editorial-filter-bar-gap: var(--space-4);
+  --editorial-filter-bar-space-block-end: var(--space-6);
+  --editorial-filter-bar-padding-block-end: var(--space-4);
+  --editorial-filter-bar-option-gap: var(--space-6);
+  --editorial-filter-bar-option-min-height: var(--touch-target-min, 2.75rem);
+  --editorial-filter-bar-option-padding-block: 1px;
+  --editorial-filter-bar-option-padding-inline: calc(var(--space-1) + 2px);
+  --editorial-filter-bar-option-font-size: var(--font-size-base);
+  --editorial-filter-bar-indicator-size: 2px;
+  --editorial-filter-bar-extra-font-size: calc(var(--font-size-base) - 0.125rem);
+
+  --editorial-filter-panel-padding: var(--space-5);
+  --editorial-filter-panel-gap: var(--space-4);
+  --editorial-filter-panel-radius: var(--radius);
+  --editorial-filter-panel-space-block-end: var(--space-5);
+
+  --editorial-filter-panel-control-font-size: var(--font-size-base);
+  --editorial-filter-panel-control-padding-x: calc(var(--space-3) + 0.125rem);
+
+  --editorial-filter-panel-control-background: initial;
+
+  --editorial-filter-panel-action-size-grow: 0;
+  --editorial-filter-panel-action-padding-inline: var(--space-4);
+  --editorial-filter-field-gap: var(--space-2);
+  --editorial-filter-field-min-width: 9.0625rem;
+
+  --editorial-filter-field-width-basis: 0%;
+  --editorial-filter-field-label-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-filter-field-label-line-height: 1.8;
+  --editorial-filter-field-label-font-weight: var(--font-weight-semibold);
+
+  --editorial-filter-field-label-color: initial;
+
+  --editorial-filter-panel-bare-label-font-size: calc(var(--font-size-base) - 0.0625rem);
+  --editorial-filter-panel-bare-label-font-weight: var(--font-weight-medium);
+  --editorial-filter-panel-bare-label-color: initial;
+
+  --editorial-catalog-outline-color: initial;
+  --editorial-catalog-outline-background: initial;
+
+  --editorial-catalog-detail-track-size: 21.875rem minmax(0, 1fr);
+  --editorial-catalog-detail-gap: calc(var(--space-8) * 2);
+  --editorial-catalog-detail-padding-block-start: var(--space-8);
+  --editorial-catalog-detail-padding-block-end: var(--space-10);
+  --editorial-catalog-detail-art-min-height: 26.25rem;
+  --editorial-catalog-detail-art-height: auto;
+  --editorial-catalog-detail-art-max-width: none;
+  --editorial-catalog-detail-art-padding: var(--space-10);
+  --editorial-catalog-detail-art-radius: calc(var(--radius) * 2);
+  --editorial-catalog-detail-media-width: 15.625rem;
+  --editorial-catalog-detail-media-height: 22.5rem;
+  --editorial-catalog-detail-media-max-height: 22.5rem;
+  --editorial-catalog-detail-media-shadow: 0 10px 12px rgb(48 43 41 / 0.14);
+  --editorial-catalog-detail-caption-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-catalog-detail-caption-line-height: 1.8;
+  --editorial-catalog-detail-caption-space-block-start: var(--space-3);
+  --editorial-catalog-detail-title-font-size: 2.25rem;
+  --editorial-catalog-detail-title-line-height: 1.6;
+  --editorial-catalog-detail-title-letter-spacing: -0.025em;
+  --editorial-catalog-detail-title-space-block-start: var(--space-3);
+  --editorial-catalog-detail-title-space-block-end: var(--space-4);
+  --editorial-catalog-detail-meta-gap: calc(var(--space-2) + 0.125rem);
+  --editorial-catalog-detail-meta-space-block-end: var(--space-6);
+  --editorial-catalog-detail-tag-min-height: 1.5rem;
+  --editorial-catalog-detail-tag-padding-block: calc(var(--space-1) - 2px);
+  --editorial-catalog-detail-tag-padding-inline: var(--space-2);
+  --editorial-catalog-detail-tag-radius: calc(var(--radius) - 2px);
+  --editorial-catalog-detail-tag-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-catalog-detail-tag-line-height: 1.5;
+  --editorial-catalog-detail-summary-padding-block: var(--space-5);
+  --editorial-catalog-detail-summary-label-font-size: calc(var(--font-size-base) - 0.0625rem);
+  --editorial-catalog-detail-summary-label-line-height: 1.8;
+  --editorial-catalog-detail-summary-price-font-size: 2.5rem;
+  --editorial-catalog-detail-summary-price-line-height: 1.4;
+  --editorial-catalog-detail-summary-price-space-block: calc(var(--space-1) + 0.125rem);
+  --editorial-catalog-detail-summary-price-suffix-font-size: calc(var(--font-size-base) + 0.125rem);
+  --editorial-catalog-detail-actions-gap: var(--space-3);
+  --editorial-catalog-detail-actions-space-block-start: var(--space-6);
+
+  --editorial-catalog-detail-actions-lead-width-basis: auto;
+  --editorial-catalog-detail-facts-track-size: 1fr 1fr;
+  --editorial-catalog-detail-facts-gap: var(--space-6);
+  --editorial-catalog-detail-facts-space-block-start: var(--space-6);
+  --editorial-catalog-detail-facts-font-size: var(--font-size-base);
+  --editorial-catalog-detail-facts-line-height: 1.8;
+  --editorial-catalog-detail-fact-padding-block: var(--space-3);
+  --editorial-catalog-detail-fact-label-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-catalog-detail-fact-label-line-height: 1.8;
+  --editorial-catalog-detail-fact-label-space-block-end: calc(var(--space-1) - 1px);
+
+  --editorial-catalog-detail-section-padding-block: var(--space-10);
+
+  --editorial-catalog-detail-module-padding-block: calc(var(--space-8) * 2);
+
+  --editorial-catalog-detail-module-button-gap: initial;
+  --editorial-catalog-detail-module-button-icon-size: initial;
+  --editorial-catalog-detail-section-title-font-size: 1.75rem;
+  --editorial-catalog-detail-section-title-line-height: 1.55;
+  --editorial-catalog-detail-section-title-letter-spacing: -0.025em;
+  --editorial-catalog-detail-section-title-space-block-end: var(--space-4);
+  --editorial-catalog-detail-section-description-font-size: var(--font-size-base);
+  --editorial-catalog-detail-section-description-line-height: 1.8;
+  --editorial-catalog-detail-section-description-max-width: 50rem;
+
+  --editorial-price-summary-radius: calc(var(--radius) * 2);
+  --editorial-price-summary-space-block-end: var(--space-6);
+  --editorial-price-summary-cell-padding-block: var(--space-6);
+  --editorial-price-summary-cell-padding-inline: calc(var(--space-6) + 0.25rem);
+  --editorial-price-summary-cell-gap: calc(var(--space-2) + 0.0625rem);
+
+  --editorial-price-summary-cell-width-basis: 0%;
+
+  --editorial-price-summary-context-size-grow: 1.15;
+  --editorial-price-summary-context-width-basis: 0%;
+  --editorial-price-summary-label-font-size: var(--font-size-base);
+  --editorial-price-summary-label-line-height: 1.8;
+  --editorial-price-summary-value-font-size: 2.25rem;
+  --editorial-price-summary-value-line-height: 1.3;
+  --editorial-price-summary-value-letter-spacing: -0.04em;
+  --editorial-price-summary-caption-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-price-summary-caption-line-height: 1.8;
+  --editorial-price-summary-context-font-size: calc(var(--font-size-base) + 0.1875rem);
+  --editorial-price-summary-context-line-height: 1.8;
+  --editorial-price-summary-context-min-height: 2.4375rem;
+
+  --editorial-prompt-padding: calc(var(--space-6) + 0.25rem);
+  --editorial-prompt-gap: var(--space-6);
+  --editorial-prompt-radius: calc(var(--radius) * 2);
+
+  --editorial-prompt-align-wrap: nowrap;
+  --editorial-prompt-icon-display: grid;
+
+  --editorial-prompt-icon-size: calc(var(--icon-size-4xl) + 0.25rem);
+  --editorial-prompt-icon-glyph-size: var(--icon-size-xl);
+  --editorial-prompt-copy-width-basis: auto;
+
+  --editorial-prompt-copy-size-grow: 0;
+  --editorial-prompt-copy-min-width: 0rem;
+  --editorial-prompt-title-font-size: calc(
+    var(
+        --font-size-xl,
+        calc(
+          var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio) *
+            var(--font-size-ratio)
+        )
+      ) +
+      0.07427599017737485rem
+  );
+  --editorial-prompt-title-line-height: 1.65;
+  --editorial-prompt-title-space-block-end: var(--space-2);
+  --editorial-prompt-description-font-size: var(--font-size-base);
+  --editorial-prompt-description-line-height: 1.85;
+  --editorial-prompt-description-max-width: 41.875rem;
+  --editorial-prompt-note-font-size: calc(var(--font-size-base) - 0.125rem);
+  --editorial-prompt-note-space-block-start: var(--space-2);
+  --editorial-prompt-action-inset-inline-start: 0rem;
+  --editorial-prompt-action-width-basis: auto;
+  --editorial-prompt-action-radius: calc(var(--radius) + 0.125rem);
+  --editorial-prompt-action-padding-inline: calc(var(--space-4) + 0.125rem);
+  --editorial-prompt-action-font-weight: var(--font-weight-regular, 400);
+
+  --editorial-banner-kicker-font-size: var(--font-size-base);
+  --editorial-banner-kicker-line-height: 1.9;
+}