/* Batch 09 · shells / grids / space rhythm (chrome-* body classes) */

body.atelier:is(
.theme-t251, .theme-t252, .theme-t253, .theme-t254, .theme-t255,
.theme-t256, .theme-t257, .theme-t258, .theme-t259, .theme-t260,
.theme-t261, .theme-t262, .theme-t263, .theme-t264, .theme-t265,
.theme-t266, .theme-t267, .theme-t268, .theme-t269, .theme-t270,
.theme-t271, .theme-t272, .theme-t273, .theme-t274, .theme-t275,
.theme-t276, .theme-t277, .theme-t278, .theme-t279, .theme-t280,
.theme-t281, .theme-t282, .theme-t283, .theme-t284, .theme-t285,
.theme-t286, .theme-t287, .theme-t288, .theme-t289, .theme-t290,
.theme-t291, .theme-t292, .theme-t293, .theme-t294, .theme-t295,
.theme-t296, .theme-t297, .theme-t298, .theme-t299, .theme-t300
) {
  --pad-card: var(--pad-card, 1rem);
  --gap-grid: var(--gap-grid, .9rem);
}


/* Batch 09 · ~90vw primary desktop storefront framework */
@media (min-width: 900px) {
  body.atelier .b09-stage {
    width: 90vw;
    max-width: 90vw;
    margin-inline: auto;
  }
  body.atelier .b09-stage .an-wrap,
  body.atelier.refine-t51 .b09-stage .an-wrap {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: clamp(0.75rem, 1.5vw, 1.5rem);
  }
  /* Intentional full-bleed escapes */
  body.atelier .b09-stage .an-hero,
  body.atelier .b09-stage .hx,
  body.atelier .b09-stage [data-full-bleed="1"] {
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  /* Narrow editorial reading */
  body.atelier .b09-stage .an-journal__copy,
  body.atelier .b09-stage .an-manifesto__copy,
  body.atelier .b09-stage .b09-read {
    max-width: 42rem;
  }
}
@media (max-width: 899px) {
  body.atelier .b09-stage {
    width: 100%;
    max-width: 100%;
    padding-inline: clamp(0.85rem, 4vw, 1.25rem);
  }
}

.b09-stage { box-sizing: border-box; width: 100%; max-width: 100%; }

body.chrome-shell-canvas-open-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-canvas-open-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-canvas-open-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-span-floor-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-span-floor-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-span-floor-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-broad-desk-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-broad-desk-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-broad-desk-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-vista-merch-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-vista-merch-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-horizon-shop-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-horizon-shop-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-horizon-shop-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-issue-retail-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-issue-retail-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-issue-retail-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-spread-buy-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-spread-buy-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-spread-buy-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-column-merch-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-column-merch-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-column-merch-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-feature-desk-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-feature-desk-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-page-shop-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-page-shop-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-page-shop-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-catalog-rush-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-catalog-rush-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-catalog-rush-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-facet-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-facet-wide-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-facet-wide-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-grid-dense-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-grid-dense-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-grid-dense-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-query-wide-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-query-wide-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-stock-desk-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-stock-desk-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-stock-desk-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-morning-path-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-morning-path-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-morning-path-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-travel-scene-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-travel-scene-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-travel-scene-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-workout-lane-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-workout-lane-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-workout-lane-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-home-scene-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-home-scene-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-day-desk-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-day-desk-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-day-desk-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-quiet-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-quiet-wide-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-quiet-wide-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-still-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-still-wide-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-still-wide-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-air-desk-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-air-desk-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-air-desk-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-pure-span-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-pure-span-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-sparse-buy-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-sparse-buy-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-sparse-buy-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-need-guide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-need-guide-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-need-guide-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-pref-desk-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-pref-desk-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-pref-desk-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-reco-path-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-reco-path-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-reco-path-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-compare-guide-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-compare-guide-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-choose-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-choose-wide-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-choose-wide-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-showcase-open-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-showcase-open-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-showcase-open-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-icon-stage-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-icon-stage-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-icon-stage-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-detail-span-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-detail-span-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-detail-span-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-sticky-stage-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-sticky-stage-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-hero-folio-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-hero-folio-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-hero-folio-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-launch-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-launch-wide-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-launch-wide-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-drop-desk-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-drop-desk-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-drop-desk-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-season-span-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-season-span-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-season-span-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-release-path-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-release-path-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-campaign-floor-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-campaign-floor-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-campaign-floor-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-crowd-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-crowd-wide-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-crowd-wide-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-worn-desk-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-worn-desk-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-worn-desk-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-voice-path-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-voice-path-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-voice-path-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-peer-desk-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-peer-desk-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-creator-lane-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-creator-lane-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-creator-lane-space .an-section { padding-block: 0.50rem; }
body.chrome-shell-next-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-next-wide-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-next-wide-space .an-section { padding-block: 0.65rem; }
body.chrome-shell-config-span-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-config-span-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-config-span-space .an-section { padding-block: 0.80rem; }
body.chrome-shell-intent-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-intent-wide-grid .an-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-intent-wide-space .an-section { padding-block: 0.95rem; }
body.chrome-grid-signal-span-grid .an-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-signal-span-space .an-section { padding-block: 1.10rem; }
body.chrome-shell-apex-wide-shell .b09-stage { margin-inline: auto; }
body.chrome-grid-apex-wide-grid .an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
body.chrome-space-apex-wide-space .an-section { padding-block: 0.50rem; }

/* Dark-scheme readable nav surfaces */
body.atelier.scheme-dark:is(
.theme-t251, .theme-t252, .theme-t253, .theme-t254, .theme-t255,
.theme-t256, .theme-t257, .theme-t258, .theme-t259, .theme-t260,
.theme-t261, .theme-t262, .theme-t263, .theme-t264, .theme-t265,
.theme-t266, .theme-t267, .theme-t268, .theme-t269, .theme-t270,
.theme-t271, .theme-t272, .theme-t273, .theme-t274, .theme-t275,
.theme-t276, .theme-t277, .theme-t278, .theme-t279, .theme-t280,
.theme-t281, .theme-t282, .theme-t283, .theme-t284, .theme-t285,
.theme-t286, .theme-t287, .theme-t288, .theme-t289, .theme-t290,
.theme-t291, .theme-t292, .theme-t293, .theme-t294, .theme-t295,
.theme-t296, .theme-t297, .theme-t298, .theme-t299, .theme-t300
) .b09-nav,
body.atelier.scheme-dark:is(
.theme-t251, .theme-t252, .theme-t253, .theme-t254, .theme-t255,
.theme-t256, .theme-t257, .theme-t258, .theme-t259, .theme-t260,
.theme-t261, .theme-t262, .theme-t263, .theme-t264, .theme-t265,
.theme-t266, .theme-t267, .theme-t268, .theme-t269, .theme-t270,
.theme-t271, .theme-t272, .theme-t273, .theme-t274, .theme-t275,
.theme-t276, .theme-t277, .theme-t278, .theme-t279, .theme-t280,
.theme-t281, .theme-t282, .theme-t283, .theme-t284, .theme-t285,
.theme-t286, .theme-t287, .theme-t288, .theme-t289, .theme-t290,
.theme-t291, .theme-t292, .theme-t293, .theme-t294, .theme-t295,
.theme-t296, .theme-t297, .theme-t298, .theme-t299, .theme-t300
) .b09-nav a,
body.atelier.scheme-dark:is(
.theme-t251, .theme-t252, .theme-t253, .theme-t254, .theme-t255,
.theme-t256, .theme-t257, .theme-t258, .theme-t259, .theme-t260,
.theme-t261, .theme-t262, .theme-t263, .theme-t264, .theme-t265,
.theme-t266, .theme-t267, .theme-t268, .theme-t269, .theme-t270,
.theme-t271, .theme-t272, .theme-t273, .theme-t274, .theme-t275,
.theme-t276, .theme-t277, .theme-t278, .theme-t279, .theme-t280,
.theme-t281, .theme-t282, .theme-t283, .theme-t284, .theme-t285,
.theme-t286, .theme-t287, .theme-t288, .theme-t289, .theme-t290,
.theme-t291, .theme-t292, .theme-t293, .theme-t294, .theme-t295,
.theme-t296, .theme-t297, .theme-t298, .theme-t299, .theme-t300
) .b09-nav__logo {
  color: var(--ink, #f4efe6);
}

/* Enforce ~90vw over generator shell rem caps */
@media (min-width: 900px) {
  body.atelier .b09-stage {
    width: 90vw !important;
    max-width: 90vw !important;
    margin-inline: auto;
  }
}