body[data-theme="template-01"] {
  --bg: #f7f2e8;
  --surface: #fffaf1;
  --panel: #efe5cf;
  --ink: #193526;
  --muted: #6b7566;
  --brand: #416f4b;
  --accent: #d6b75f;
  --accent-2: #f3df9e;
  --border: #d9c58c;
  --hero: linear-gradient(132deg, #416f4b 0%, #f7f2e8 58%, #d6b75f 100%);
}

body[data-theme="template-02"] {
  --bg: #fff4f3;
  --surface: #fffdfb;
  --panel: #f7dadd;
  --ink: #43252d;
  --muted: #8a6670;
  --brand: #a86174;
  --accent: #d5aa63;
  --accent-2: #f7cfd1;
  --border: #edbec4;
  --hero: linear-gradient(135deg, #fff4f3 0%, #f7cfd1 45%, #a86174 100%);
}

body[data-theme="template-03"] {
  --bg: #000000;
  --surface: #070707;
  --panel: #101010;
  --ink: #fff8e8;
  --muted: #b4aa99;
  --brand: #000000;
  --accent: #d6b75f;
  --accent-2: #2a2418;
  --border: #3f3728;
  --hero: linear-gradient(135deg, #000000 0%, #050505 58%, #17130c 100%);
}

body[data-theme="template-04"] {
  --bg: #f8f7f0;
  --surface: #ffffff;
  --panel: #e6ece0;
  --ink: #24342d;
  --muted: #66746c;
  --brand: #79917d;
  --accent: #c8a552;
  --accent-2: #dce8d4;
  --border: #cad6c5;
  --hero: linear-gradient(120deg, #f8f7f0 0%, #dce8d4 56%, #c8a552 125%);
}

body[data-theme="template-05"] {
  --bg: #faf5ec;
  --surface: #fffaf2;
  --panel: #ead7c3;
  --ink: #302a27;
  --muted: #7b6d62;
  --brand: #6f564c;
  --accent: #cba65c;
  --accent-2: #efe0d2;
  --border: #d7b98b;
  --hero: linear-gradient(145deg, #faf5ec 0%, #efe0d2 42%, #6f564c 112%);
}

body[data-theme="template-06"] {
  --bg: #fff8f0;
  --surface: #fffdf8;
  --panel: #f5e6d2;
  --ink: #3b2b29;
  --muted: #75675e;
  --brand: #55704f;
  --accent: #d4b15c;
  --accent-2: #f2c7b8;
  --border: #e5c99a;
  --hero: linear-gradient(130deg, #fff8f0 0%, #f2c7b8 48%, #55704f 118%);
}

body[data-theme="template-07"] {
  --bg: #f7f0e4;
  --surface: #fffaf0;
  --panel: #e6dcc8;
  --ink: #20352a;
  --muted: #6e675b;
  --brand: #315c45;
  --accent: #d8b85f;
  --accent-2: #eee4d0;
  --border: #ccb16f;
  --hero: linear-gradient(135deg, #315c45 0%, #f7f0e4 48%, #d8b85f 110%);
}

body[data-theme="template-08"] {
  --bg: #fbf6fb;
  --surface: #ffffff;
  --panel: #efe7f5;
  --ink: #312b3d;
  --muted: #746b7c;
  --brand: #7760a8;
  --accent: #d8b766;
  --accent-2: #c7dddf;
  --border: #d8caef;
  --hero: linear-gradient(125deg, #fbf6fb 0%, #c7dddf 50%, #7760a8 120%);
}

body[data-theme="template-09"] {
  --bg: #f4f8f8;
  --surface: #ffffff;
  --panel: #dfeeed;
  --ink: #1f3333;
  --muted: #607879;
  --brand: #3c7a77;
  --accent: #c7a456;
  --accent-2: #dcebed;
  --border: #b9d2d2;
  --hero: linear-gradient(135deg, #f4f8f8 0%, #dcebed 55%, #3c7a77 120%);
}

body[data-theme="template-10"] {
  --bg: #f8f3ed;
  --surface: #fffdf9;
  --panel: #272a24;
  --ink: #24211f;
  --muted: #746c65;
  --brand: #1f2f27;
  --accent: #d6ad55;
  --accent-2: #efdfcc;
  --border: #d8c3a6;
  --hero: linear-gradient(115deg, #1f2f27 0%, #efdfcc 46%, #d6ad55 118%);
}

body[data-theme="template-11"] {
  --bg: #fff7ef;
  --surface: #fffdf9;
  --panel: #f0d1bf;
  --ink: #3d2b29;
  --muted: #806a61;
  --brand: #9a6b55;
  --accent: #cfaa5b;
  --accent-2: #d8ece2;
  --border: #e2bea9;
  --hero: linear-gradient(135deg, #fff7ef 0%, #d8ece2 52%, #9a6b55 120%);
}

body[data-theme="template-12"] {
  --bg: #fbf3df;
  --surface: #fffbf2;
  --panel: #ead49b;
  --ink: #352b1e;
  --muted: #7a6b4c;
  --brand: #6d7043;
  --accent: #c9973e;
  --accent-2: #f1ddb1;
  --border: #d8b867;
  --hero: linear-gradient(135deg, #fbf3df 0%, #f1ddb1 48%, #6d7043 116%);
}

body[data-theme="template-13"] {
  --bg: #eef4ed;
  --surface: #fbfff8;
  --panel: #d7e3d1;
  --ink: #173326;
  --muted: #617466;
  --brand: #2e6a4c;
  --accent: #c7a34c;
  --accent-2: #bdd3bd;
  --border: #abc3a9;
  --hero: linear-gradient(135deg, #eef4ed 0%, #bdd3bd 48%, #2e6a4c 112%);
}

body[data-theme="template-14"] {
  --bg: #f6f5f1;
  --surface: #ffffff;
  --panel: #e8e4dd;
  --ink: #2f3434;
  --muted: #737677;
  --brand: #5d7774;
  --accent: #d2ae62;
  --accent-2: #e5e2dd;
  --border: #d0ccc3;
  --hero: linear-gradient(130deg, #ffffff 0%, #e5e2dd 45%, #5d7774 116%);
}

body[data-theme="template-15"] {
  --bg: #171113;
  --surface: #21181b;
  --panel: #311e26;
  --ink: #fff1e6;
  --muted: #cbb6b7;
  --brand: #7a3748;
  --accent: #d6ac5a;
  --accent-2: #b67882;
  --border: #593541;
  --hero: linear-gradient(135deg, #171113 0%, #7a3748 55%, #d6ac5a 125%);
}

body[data-theme="template-16"] {
  --bg: #fff9ed;
  --surface: #fffdf7;
  --panel: #f0dfb8;
  --ink: #342b21;
  --muted: #7a6b5a;
  --brand: #886f3a;
  --accent: #d2a744;
  --accent-2: #f1c7a5;
  --border: #dbbd78;
  --hero: linear-gradient(140deg, #fff9ed 0%, #f1c7a5 46%, #886f3a 118%);
}

body[data-theme="template-17"] {
  --bg: #f1f7f3;
  --surface: #ffffff;
  --panel: #dcebe0;
  --ink: #20382c;
  --muted: #65776b;
  --brand: #6a9a7a;
  --accent: #c4a14f;
  --accent-2: #cfe5d7;
  --border: #b9d5c2;
  --hero: linear-gradient(135deg, #f1f7f3 0%, #cfe5d7 54%, #6a9a7a 118%);
}

body[data-theme="template-18"] {
  --bg: #fbf0f5;
  --surface: #fffafd;
  --panel: #ecd2df;
  --ink: #3a2432;
  --muted: #7a6070;
  --brand: #8c5272;
  --accent: #d6af5b;
  --accent-2: #cfdcc8;
  --border: #e3bfd1;
  --hero: linear-gradient(135deg, #fbf0f5 0%, #cfdcc8 48%, #8c5272 118%);
}

body[data-theme="template-19"] {
  --bg: #050406;
  --surface: #0d0b0e;
  --panel: #171116;
  --ink: #fff3df;
  --muted: #c2b5a5;
  --brand: #090709;
  --accent: #d8b65f;
  --accent-2: #7a465e;
  --border: #4a3a2b;
  --hero: radial-gradient(circle at 50% 20%, #7a465e 0%, #0d0b0e 34%, #050406 78%);
}

body[data-theme="template-20"] {
  --bg: #eef4f7;
  --surface: #ffffff;
  --panel: #dfe9ee;
  --ink: #16272e;
  --muted: #5f747d;
  --brand: #496b78;
  --accent: #bca15a;
  --accent-2: #b9dbe1;
  --border: #b9cbd2;
  --hero: linear-gradient(120deg, #ffffff 0%, #dfe9ee 45%, #496b78 125%);
}

body[data-theme="template-21"] {
  --bg: #140918;
  --surface: #21102a;
  --panel: #2c1538;
  --ink: #fff0fb;
  --muted: #d5b8d9;
  --brand: #742d8f;
  --accent: #f6c85f;
  --accent-2: #ff6edb;
  --border: #62326d;
  --hero: linear-gradient(135deg, #140918 0%, #742d8f 58%, #ff6edb 120%);
}

body[data-theme="template-22"] {
  --bg: #f5eadc;
  --surface: #fff9f0;
  --panel: #e5cdb3;
  --ink: #342820;
  --muted: #786657;
  --brand: #8c654b;
  --accent: #c89545;
  --accent-2: #d7d1c4;
  --border: #c8a277;
  --hero: linear-gradient(118deg, #f5eadc 0%, #d7d1c4 38%, #8c654b 115%);
}

body[data-theme="template-23"] {
  --bg: #f8f5ef;
  --surface: #fffdfa;
  --panel: #e9e2d7;
  --ink: #273234;
  --muted: #6f7474;
  --brand: #8a9a96;
  --accent: #c8a858;
  --accent-2: #f0d3db;
  --border: #d6c5a6;
  --hero: radial-gradient(circle at 52% 48%, #fffdfa 0%, #f0d3db 36%, #8a9a96 130%);
}

body[data-theme="template-24"] {
  --bg: #edf6f4;
  --surface: #fbfffd;
  --panel: #d8ece7;
  --ink: #1f3532;
  --muted: #607a75;
  --brand: #4f8279;
  --accent: #cab15d;
  --accent-2: #d7f1ed;
  --border: #aaccc6;
  --hero: linear-gradient(145deg, #edf6f4 0%, #d7f1ed 52%, #4f8279 118%);
}

body[data-theme="template-25"] {
  --bg: #fff0f2;
  --surface: #fff9fa;
  --panel: #f2cbd0;
  --ink: #3b151d;
  --muted: #8b5a63;
  --brand: #b3334b;
  --accent: #d5ad5f;
  --accent-2: #ffccd7;
  --border: #e4a9b2;
  --hero: linear-gradient(135deg, #fff0f2 0%, #ffccd7 46%, #b3334b 112%);
}

body[data-theme="template-26"] {
  --bg: #f3f0e8;
  --surface: #fffcf5;
  --panel: #e3ded0;
  --ink: #2b2a27;
  --muted: #706d65;
  --brand: #4d554c;
  --accent: #c7a24c;
  --accent-2: #d9d1bd;
  --border: #c8bea4;
  --hero: linear-gradient(180deg, #fffcf5 0%, #e3ded0 58%, #4d554c 140%);
}

body[data-theme="template-27"] {
  --bg: #eef5e8;
  --surface: #fbfff7;
  --panel: #dcebcf;
  --ink: #1d3525;
  --muted: #667b67;
  --brand: #3e7049;
  --accent: #c8a552;
  --accent-2: #abc89b;
  --border: #b7cfaa;
  --hero: linear-gradient(135deg, #eef5e8 0%, #abc89b 52%, #3e7049 118%);
}

body[data-theme="template-28"] {
  --bg: #f2f5f6;
  --surface: #ffffff;
  --panel: #e1e6e9;
  --ink: #202b31;
  --muted: #637178;
  --brand: #607580;
  --accent: #c3a45b;
  --accent-2: #cfd8dd;
  --border: #bcc7cd;
  --hero: linear-gradient(128deg, #ffffff 0%, #cfd8dd 55%, #607580 120%);
}

body[data-theme="template-29"] {
  --bg: #fff6f2;
  --surface: #fffdfb;
  --panel: #f0d5cb;
  --ink: #402923;
  --muted: #806a62;
  --brand: #bd7d6b;
  --accent: #d2ad5f;
  --accent-2: #f8c9bd;
  --border: #e6b5a5;
  --hero: linear-gradient(120deg, #fff6f2 0%, #f8c9bd 46%, #bd7d6b 120%);
}

body[data-theme="template-30"] {
  --bg: #120f08;
  --surface: #1f1a10;
  --panel: #2d2412;
  --ink: #fff2cf;
  --muted: #d0b98b;
  --brand: #3d2f13;
  --accent: #f0c76a;
  --accent-2: #9f7c2e;
  --border: #6b5322;
  --hero: radial-gradient(circle at 48% 28%, #f0c76a 0%, #3d2f13 32%, #120f08 78%);
}

body[data-theme="template-31"] {
  --bg: #f9f3ff;
  --surface: #ffffff;
  --panel: #e6ddff;
  --ink: #2f2642;
  --muted: #756b86;
  --brand: #826bd6;
  --accent: #d4ad5d;
  --accent-2: #bdebdc;
  --border: #d8cff1;
  --hero: linear-gradient(135deg, #f9f3ff 0%, #bdebdc 45%, #826bd6 125%);
}

body[data-theme="template-32"] {
  --bg: #f4ead8;
  --surface: #fff8eb;
  --panel: #e8d4b5;
  --ink: #2d2419;
  --muted: #796850;
  --brand: #684c32;
  --accent: #d0aa55;
  --accent-2: #315c45;
  --border: #c6a878;
  --hero: linear-gradient(135deg, #315c45 0%, #f4ead8 50%, #d0aa55 118%);
}

body[data-theme="template-33"] {
  --bg: #f6f0ea;
  --surface: #fffaf5;
  --panel: #e7d8c9;
  --ink: #2f2621;
  --muted: #75675f;
  --brand: #5f5149;
  --accent: #ccaa5d;
  --accent-2: #d9e4d0;
  --border: #d0bca4;
  --hero: linear-gradient(90deg, #fffaf5 0 50%, #5f5149 50% 100%);
}

body[data-theme="template-34"] {
  --bg: #111718;
  --surface: #192123;
  --panel: #243034;
  --ink: #f4f4ea;
  --muted: #b7c1bd;
  --brand: #2c5350;
  --accent: #d4b15e;
  --accent-2: #7fb6ad;
  --border: #405d5d;
  --hero: linear-gradient(135deg, #111718 0%, #2c5350 58%, #d4b15e 130%);
}

body[data-theme="template-35"] {
  --bg: #f7fbf6;
  --surface: #ffffff;
  --panel: #dcebd9;
  --ink: #25342a;
  --muted: #687468;
  --brand: #668b68;
  --accent: #caa85a;
  --accent-2: #f3d0d7;
  --border: #c7d9c4;
  --hero: linear-gradient(135deg, #f7fbf6 0%, #f3d0d7 45%, #668b68 120%);
}

body[data-theme="template-36"] {
  --bg: #fff8ec;
  --surface: #fffdf8;
  --panel: #ecd9b6;
  --ink: #33271a;
  --muted: #756650;
  --brand: #3d6845;
  --accent: #d5af54;
  --accent-2: #1d1a14;
  --border: #d2b36f;
  --hero: linear-gradient(135deg, #1d1a14 0%, #3d6845 48%, #d5af54 120%);
}

.layout-cinematic,
.layout-dark-black,
.layout-noir {
  color-scheme: dark;
}

.layout-cinematic .site-header,
.layout-dark-black .site-header,
.layout-noir .site-header,
.layout-cinematic .product-card,
.layout-dark-black .product-card,
.layout-noir .product-card,
.layout-cinematic .site-footer,
.layout-dark-black .site-footer,
.layout-noir .site-footer {
  box-shadow: 0 22px 58px rgba(0, 0, 0, .24);
}

.layout-dark-black {
  background:
    linear-gradient(90deg, rgba(214, 183, 95, .08), transparent 28%, rgba(214, 183, 95, .06)),
    #070707;
}

.layout-dark-black .site-header,
.layout-dark-black .hero-display,
.layout-dark-black .product-card,
.layout-dark-black .featured-video-copy,
.layout-dark-black .video-card,
.layout-dark-black .filter-panel,
.layout-dark-black .video-notes {
  background: #070707;
  border-color: rgba(214, 183, 95, .42);
}

.layout-dark-black .hero-copy h1 {
  color: #fff7df;
  text-transform: uppercase;
  text-shadow: none;
}

.layout-dark-black .hero-display {
  background:
    linear-gradient(180deg, #0a0a0a, #000),
    #000;
}

.layout-editorial .hero,
.layout-runway .hero,
.layout-muse .hero {
  grid-template-columns: minmax(0, .92fr) minmax(360px, 1fr);
}

.layout-editorial .hero-display,
.layout-gloss .hero-display,
.layout-velvet .hero-display {
  border-radius: 48% 48% 8px 8px;
}

.layout-minimal .product-card,
.layout-clean .product-card,
.layout-clinic .product-card {
  box-shadow: none;
}

.layout-minimal .hero-display,
.layout-clean .hero-display,
.layout-clinic .hero-display {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--panel) 82%, transparent));
}

.layout-counter .product-grid,
.layout-shelf .product-grid {
  gap: 10px;
}

.layout-counter .product-card,
.layout-shelf .product-card {
  border-radius: 2px;
}

.layout-floral .hero-display::before,
.layout-floral .hero-display::after,
.layout-arabic .hero-display::before,
.layout-arabic .hero-display::after,
.layout-apothecary .hero-display::before,
.layout-apothecary .hero-display::after {
  border-radius: 50%;
}

.layout-arabic .hero-display {
  clip-path: polygon(5% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
}

.layout-lab .filter-panel,
.layout-apothecary .filter-panel,
.layout-clinic .filter-panel {
  border-style: dashed;
}

.layout-runway .hero-copy h1,
.layout-noir .hero-copy h1 {
  text-transform: uppercase;
}

.layout-marble body,
body.layout-marble {
  background-image:
    linear-gradient(115deg, transparent 0 42%, color-mix(in srgb, var(--border) 25%, transparent) 42% 43%, transparent 43% 100%),
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 30%, color-mix(in srgb, var(--brand) 7%, transparent));
}

.concept-01 .hero {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .88fr);
}

.concept-02 .hero {
  grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
}

.concept-02 .hero-display {
  order: -1;
  min-height: 660px;
  border-radius: 48% 48% 8px 8px;
}

.concept-02 .section-heading {
  align-items: start;
  flex-direction: column;
}

.concept-03 .hero {
  grid-template-columns: 1fr;
  text-align: center;
}

.concept-03 .hero-text,
.concept-03 .hero-copy h1,
.concept-03 .stat-strip {
  margin-inline: auto;
}

.concept-03 .hero-actions {
  justify-content: center;
}

.concept-03 .hero-display {
  width: min(940px, 100%);
  margin: -36px auto 0;
  min-height: 560px;
  background:
    radial-gradient(circle at 50% 28%, rgba(216, 182, 95, .34), transparent 28%),
    linear-gradient(145deg, #050505, #171717 70%, rgba(216, 182, 95, .24));
}

.concept-04 .hero {
  grid-template-columns: 1fr;
}

.concept-04 .hero-display {
  min-height: 420px;
}

.concept-04 .stat-strip {
  max-width: none;
}

.concept-05 .hero {
  grid-template-columns: minmax(0, .78fr) minmax(420px, 1.05fr);
}

.concept-05 .product-grid {
  grid-template-columns: repeat(6, minmax(180px, 1fr));
  overflow-x: auto;
  padding-bottom: 10px;
}

.concept-05 .product-card {
  min-width: 210px;
}

.concept-06 .hero-display {
  border-radius: 50% 50% 8px 8px;
}

.concept-06 .feature-band {
  grid-template-columns: .72fr 1fr;
}

.concept-07 .site-header {
  direction: rtl;
}

.concept-07 .hero {
  grid-template-columns: minmax(380px, .86fr) minmax(0, 1fr);
}

.concept-07 .hero-display {
  clip-path: polygon(50% 0, 100% 20%, 100% 100%, 0 100%, 0 20%);
}

.concept-08 .hero {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
}

.concept-08 .hero-display,
.concept-08 .product-card {
  box-shadow: 0 24px 80px color-mix(in srgb, var(--brand) 24%, transparent);
}

.concept-09 .catalog-layout {
  grid-template-columns: 1fr;
}

.concept-09 .filter-panel {
  position: static;
  display: grid;
  grid-template-columns: minmax(260px, .7fr) 1fr minmax(220px, .6fr);
  gap: 18px;
  align-items: start;
}

.concept-10 .hero {
  grid-template-columns: 1.15fr .85fr;
  border-bottom: 1px solid color-mix(in srgb, var(--border) 64%, transparent);
}

.concept-10 .hero-copy h1 {
  text-transform: uppercase;
}

.concept-10 .hero-display {
  min-height: 720px;
}

.concept-11 .story-section {
  grid-template-columns: 1fr;
  padding: 28px;
  border: 1px dashed color-mix(in srgb, var(--border) 74%, transparent);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--surface) 68%, transparent);
}

.concept-12 .product-media {
  min-height: 250px;
}

.concept-12 .product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.concept-13 .product-card {
  display: grid;
  grid-template-columns: 180px 1fr;
}

.concept-13 .product-media {
  min-height: 100%;
}

.concept-14 .hero-display,
.concept-14 .main-product-frame {
  background:
    linear-gradient(115deg, rgba(255,255,255,.9), rgba(255,255,255,.42)),
    linear-gradient(45deg, transparent 0 46%, color-mix(in srgb, var(--border) 42%, transparent) 47% 48%, transparent 49%);
}

.concept-15 .hero {
  grid-template-columns: 1fr;
}

.concept-15 .hero-display {
  min-height: 620px;
  border-radius: 50%;
}

.concept-15 .hero-product {
  width: min(58%, 360px);
}

.concept-16 .feature-band {
  grid-template-columns: 1fr;
  text-align: center;
}

.concept-16 .feature-band p,
.concept-16 .feature-band h2 {
  margin-inline: auto;
}

.concept-17 .hero {
  grid-template-columns: .95fr 1.05fr;
}

.concept-17 .product-card,
.concept-17 .filter-panel,
.concept-17 .video-card {
  box-shadow: none;
}

.concept-18 .hero-display {
  border-radius: 8px 8px 46% 46%;
}

.concept-18 .testimonial-strip {
  border: 1px solid color-mix(in srgb, var(--border) 64%, transparent);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--surface) 72%, transparent);
}

.layout-bold .site-header {
  min-height: 82px;
}

.concept-19 .site-header,
.concept-30 .site-header,
.concept-34 .site-header {
  background: rgba(0, 0, 0, .78);
}

.concept-19 .cursor-ring,
.concept-25 .cursor-ring,
.concept-31 .cursor-ring {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  transform: translate(-50%, -50%) rotate(45deg);
}

.concept-20 .cursor-ring,
.concept-24 .cursor-ring,
.concept-28 .cursor-ring {
  border-style: dashed;
}

.concept-21 .cursor-dot,
.concept-31 .cursor-dot {
  background: var(--accent-2);
}

.concept-22 .cursor-ring,
.concept-29 .cursor-ring,
.concept-35 .cursor-ring {
  width: 56px;
  height: 22px;
  border-radius: 999px;
}

.concept-23 .cursor-ring,
.concept-26 .cursor-ring,
.concept-36 .cursor-ring {
  width: 54px;
  height: 54px;
  border-width: 2px;
}

.concept-19 .bold-theatre {
  min-height: 92vh;
}

.concept-19 .bold-stage-product,
.concept-30 .bold-stage-product {
  border-radius: 50%;
}

.concept-20 .bold-lab,
.concept-28 .bold-lab {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px),
    linear-gradient(color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px),
    var(--hero);
  background-size: 44px 44px;
}

.concept-21 .bold-video-first,
.concept-31 .bold-lab {
  border-radius: 38px;
}

.concept-21 .video-poster-card,
.concept-34 .video-poster-card {
  transform: rotate(-2deg);
}

.concept-22 .bold-hero {
  border-radius: 80px 8px 80px 8px;
}

.concept-23 .bold-hero,
.concept-35 .bold-hero {
  border-radius: 50px;
}

.concept-23 .compact-product-chip,
.concept-35 .compact-product-chip {
  transform: translateY(var(--lift, 0));
}

.concept-23 .compact-product-chip:nth-child(2n),
.concept-35 .compact-product-chip:nth-child(2n) {
  --lift: 18px;
}

.concept-24 .bold-hero,
.concept-28 .bold-hero {
  backdrop-filter: blur(22px);
}

.concept-24 .compact-product-chip,
.concept-28 .compact-product-chip {
  background: color-mix(in srgb, var(--surface) 52%, transparent);
}

.concept-25 .magazine-cover {
  border-radius: 0;
  box-shadow: inset 0 0 0 14px color-mix(in srgb, var(--surface) 72%, transparent);
}

.concept-25 .magazine-product {
  transform: rotate(2deg);
}

.concept-26 .museum-plinths article {
  border-radius: 0 0 80px 80px;
}

.concept-27 .bold-wall {
  background-image:
    radial-gradient(circle at 16% 26%, color-mix(in srgb, var(--accent) 24%, transparent) 0 7px, transparent 8px),
    radial-gradient(circle at 84% 64%, color-mix(in srgb, var(--brand) 24%, transparent) 0 8px, transparent 9px);
}

.concept-27 .wall-products {
  grid-template-columns: 1fr;
}

.concept-29 .bold-magazine {
  grid-template-columns: minmax(360px, 1fr) minmax(0, .9fr);
}

.concept-29 .magazine-cover {
  border-radius: 80px 80px 8px 8px;
}

.concept-30 .bold-theatre {
  background:
    radial-gradient(circle at 54% 42%, color-mix(in srgb, var(--accent) 46%, transparent), transparent 26%),
    #100d07;
}

.concept-32 .bold-wall {
  direction: rtl;
}

.concept-32 .wall-products {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.concept-33 .bold-magazine {
  padding: 0;
  gap: 0;
}

.concept-33 .magazine-cover,
.concept-33 .magazine-product {
  border: 0;
  min-height: 760px;
}

.concept-34 .bold-video-first {
  grid-template-columns: 1.25fr .75fr;
}

.concept-34 .video-poster-card {
  min-height: 650px;
}

.concept-35 .wall-products {
  perspective: 900px;
}

.concept-35 .compact-product-chip:nth-child(odd) {
  transform: rotateY(-8deg);
}

.concept-35 .compact-product-chip:nth-child(even) {
  transform: rotateY(8deg) translateY(16px);
}

.concept-36 .bold-wall {
  min-height: 92vh;
  color: #fff8e8;
}

.concept-36 .bold-wall .eyebrow,
.concept-36 .bold-wall p {
  color: #f5dfaa;
}

.concept-36 .compact-product-chip {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(213, 175, 84, .4);
  color: #fff8e8;
}

@media (max-width: 720px) {
  .concept-02 .hero-display,
  .concept-03 .hero-display,
  .concept-05 .hero-display,
  .concept-10 .hero-display,
  .concept-15 .hero-display {
    min-height: 430px;
  }

  .concept-05 .product-grid,
  .concept-09 .filter-panel,
  .concept-12 .product-grid,
  .concept-13 .product-card,
  .concept-29 .bold-magazine,
  .concept-32 .wall-products,
  .concept-33 .bold-magazine,
  .concept-34 .bold-video-first {
    grid-template-columns: 1fr;
  }

  .concept-21 .video-poster-card,
  .concept-25 .magazine-product,
  .concept-34 .video-poster-card,
  .concept-35 .compact-product-chip:nth-child(odd),
  .concept-35 .compact-product-chip:nth-child(even) {
    transform: none;
  }

  .concept-33 .magazine-cover,
  .concept-33 .magazine-product {
    min-height: 420px;
  }

  .layout-editorial .hero,
  .layout-runway .hero,
  .layout-muse .hero {
    grid-template-columns: 1fr;
  }
}