/* EOPAIA v2.1 — Quiet Confidence.
   A visual layer over the existing V2 content, routes and interactions.
   Load after v2.css. V1 and the preserved v2.0 are outside this scope. */

html[data-ep-release="2.1"] {
  color-scheme: light;
  background: #F7F5EE !important;
  scroll-behavior: smooth;
}
html[data-ep-release="2.1"] body { background: #F7F5EE; padding: 0 !important; }
html[data-ep-release="2.1"] #eopaia-preview {
  --ep-paper: #F7F5EE;
  --ep-soft: #E7EADD;
  --ep-ink: #233C33;
  --ep-muted: #626C61;
  --ep-line: #CDD2C5;
  --ep-accent: #AEB9A7;
  --ep-sage: #E7EADD;
  --ep-sand: #EDEEE8;
  --ep-oem: #E7EADD;
  --ep-dark: #233C33;
  --ep-on-dark: #F7F5EE;
  --ep-hero-text: #233C33;
  --ep-shadow: #233C3312;
  --ep-font: 'Manrope', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --ep-display: 'Fraunces', 'PingFang SC', 'Microsoft YaHei', serif;
  --ep-caption: 'Fraunces', 'PingFang SC', 'Microsoft YaHei', serif;
  --ep21-gutter: max(60px, calc((100vw - 1320px) / 2));
  max-width: none;
  --ep-action-height: 48px;
  --ep-control-height: 44px;
  font-family: var(--ep-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--ep-ink);
  background: var(--ep-paper);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-site { background: var(--ep-paper); }
html[data-ep-release="2.1"] #eopaia-preview :is(p,li,address,dd) { line-height: 1.85; }
html[data-ep-release="2.1"] #eopaia-preview :is(h1,h2) {
  font-family: var(--ep-display);
  font-weight: 400;
  letter-spacing: -.04em;
  text-transform: none;
}
html[data-ep-release="2.1"] #eopaia-preview h1 { font-size: 64px; line-height: 1.1; }
html[data-ep-release="2.1"] #eopaia-preview h2 { font-size: 48px; line-height: 1.13; }
html[data-ep-release="2.1"] #eopaia-preview h3 {
  font-family: var(--ep-display);
  font-size: 27px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -.025em;
}
html[data-ep-release="2.1"] #eopaia-preview h4 {
  font-family: var(--ep-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-title-emphasis,
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-title-emphasis,
html[data-ep-release="2.1"] #eopaia-preview .ep-pageintro h1 .ep-title-emphasis {
  font-family: inherit;
  font-size: 1em;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  background: none;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-accent-underline,
html[data-ep-release="2.1"] #eopaia-preview .ep-hero :is(strong,b) { background: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep-eyebrow {
  font-family: var(--ep-font);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.65;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ep-muted);
  margin-bottom: 18px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-eyebrow::before { display: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep-lead {
  font-family: var(--ep-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.9;
  color: var(--ep-muted);
  max-width: 590px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-block { padding: 108px var(--ep21-gutter); }
html[data-ep-release="2.1"] #eopaia-preview .ep-heading-row { align-items: end; gap: 44px; margin-bottom: 40px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-actions { gap: 14px 24px; margin-top: 28px; }

/* Symmetrical desktop masthead: navigation / original logo / enquiry controls. */
html[data-ep-release="2.1"] #eopaia-preview .ep-topline {
  background: var(--ep-paper);
  color: var(--ep-muted);
  padding: 7px 20px;
  border-bottom: 1px solid var(--ep-line);
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .035em;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-header {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  grid-template-areas: "navigation logo actions";
  align-items: center;
  gap: 28px;
  min-height: 96px;
  padding: 0 var(--ep21-gutter);
  border-bottom: 1px solid var(--ep-line);
  background: #F7F5EEF5;
  backdrop-filter: blur(12px);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-header > .ep-logo { grid-area: logo; justify-self: center; }
html[data-ep-release="2.1"] #eopaia-preview .ep-header .ep-logo img { width: 190px; height: auto; }
html[data-ep-release="2.1"] #eopaia-preview .ep-header nav {
  grid-area: navigation;
  order: initial;
  display: flex;
  flex: initial;
  flex-basis: auto;
  width: auto;
  min-width: 0;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 29px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu { padding: 0; border: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu > :is(summary,.ep-v2-direct) {
  min-height: 48px;
  padding: 12px 0;
  gap: 6px;
  border-bottom: 1px solid transparent;
  font-family: var(--ep-font);
  font-size: 14px;
  font-weight: 550;
  letter-spacing: -.2px;
  line-height: 1.5;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu-active > :is(summary,.ep-v2-direct),
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu[open] > :is(summary,.ep-v2-direct) {
  border-bottom-color: var(--ep-ink);
  border-bottom-width: 1px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu-chevron { width: 14px; height: 14px; flex-basis: 14px; stroke-width: 1.7; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-dropdown {
  left: -20px;
  min-width: 288px;
  padding: 22px;
  border: 1px solid var(--ep-line);
  background: var(--ep-paper);
  box-shadow: 0 16px 36px #233C3312;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu-caption { font-size: 12px; line-height: 1.7; }
html[data-ep-release="2.1"] #eopaia-preview .ep-header nav .ep-v2-dropdown button {
  min-height: 44px;
  padding: 11px 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.6;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-header-actions {
  grid-area: actions;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  margin-left: 0;
  min-width: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-selection-top {
  min-height: 48px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-selection-top span {
  min-width: 21px;
  height: 21px;
  margin-left: 7px;
  border: 1px solid #849184;
  border-radius: 50%;
  background: transparent;
  color: var(--ep-ink);
  font-size: 11px;
}

/* A consistent square action system and quiet, continuous text-link underlines. */
html[data-ep-release="2.1"] #eopaia-preview .ep-btn,
html[data-ep-release="2.1"] #eopaia-preview .ep-header .ep-contact-top,
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-trigger {
  min-height: 48px;
  padding: 13px 22px;
  gap: 22px;
  border: 1px solid var(--ep-ink);
  border-radius: 0;
  background: var(--ep-ink);
  color: var(--ep-paper);
  font-family: var(--ep-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  box-shadow: none;
  transition: background-color .2s, color .2s, border-color .2s;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-header .ep-contact-top { gap: 16px; padding-inline: 17px; font-size: 13px; white-space: nowrap; }
html[data-ep-release="2.1"] #eopaia-preview .ep-btn.ep-secondary {
  background: transparent;
  border-color: var(--ep-ink);
  color: var(--ep-ink);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-link {
  min-height: 44px;
  padding: 10px 0;
  font-family: var(--ep-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--ep-ink);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-link-line {
  padding-bottom: 4px;
  background-size: 100% 1px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-action-arrow { font-size: 17px; color: inherit; }
html[data-ep-release="2.1"] #eopaia-preview :is(button,a,input,select,textarea,summary):focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }

/* 02B opening: centred editorial introduction, then the inset landscape. */
html[data-ep-release="2.1"] #eopaia-preview .ep-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: start;
  gap: 0;
  padding: 0 var(--ep21-gutter);
  min-height: 0;
  overflow: visible;
  background: var(--ep-paper);
  color: var(--ep-ink);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-hero::after { display: none; background: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep-hero > .ep-hero-copy {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  width: 100%;
  min-height: 0;
  padding: 55px 0 37px;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-hero > .ep-hero-media {
  grid-column: 1;
  grid-row: 2;
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: clamp(340px,35vw,535px);
  max-height: none;
  object-fit: cover;
  border-radius: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-home-hero > .ep-hero-media { object-position: right center; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-brand-hero > .ep-hero-media { object-position: 50% 55%; }
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-hero-copy :is(h1,h2,.ep-brand-campaign-title) {
  max-width: 920px;
  margin: 0 0 25px;
  font-family: var(--ep-display);
  font-size: clamp(56px,5vw,78px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.05em;
  color: var(--ep-ink);
  text-shadow: none;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-hero-copy .ep-eyebrow {
  margin: 0 0 18px;
  color: var(--ep-muted);
  font-size: 11px;
  letter-spacing: .13em;
  text-shadow: none;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-hero-copy .ep-lead {
  max-width: 580px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.9;
  color: var(--ep-muted);
  text-shadow: none;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-actions { justify-content: center; gap: 24px 46px; margin-top: 21px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-actions .ep-btn,
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-actions .ep-btn.ep-secondary {
  min-width: 190px;
  min-height: 48px;
  justify-content: space-between;
  gap: 34px;
  padding: 12px 0;
  background: transparent;
  color: var(--ep-ink);
  border: 0;
  border-bottom: 1px solid currentColor;
  font-size: 14px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-link { color: var(--ep-ink); }
html[data-ep-release="2.1"] #eopaia-preview .ep-pageintro {
  padding: 50px var(--ep21-gutter) 44px;
  background: var(--ep-paper);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-pageintro h1 { font-size: 62px; line-height: 1.1; font-weight: 400; }
html[data-ep-release="2.1"] #eopaia-preview .ep-pageintro .ep-lead { margin-top: 22px; max-width: 650px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-breadcrumb { gap: 11px; margin-bottom: 30px; font-size: 12px; color: var(--ep-muted); }
html[data-ep-release="2.1"] #eopaia-preview .ep-breadcrumb button { font-size: 12px; min-height: 32px; }

/* Product presentation stays open and preserves the complete shoe photographs. */
html[data-ep-release="2.1"] #eopaia-preview .ep-grid,
html[data-ep-release="2.1"] #eopaia-preview .ep-grid.ep-four { gap: 32px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-product { border: 0; border-radius: 0; background: transparent; }
html[data-ep-release="2.1"] #eopaia-preview .ep-product .ep-photo,
html[data-ep-release="2.1"] #eopaia-preview .ep-product:nth-child(2n) .ep-photo {
  padding: 0;
  aspect-ratio: 1.1;
  min-height: 0;
  background: #EDEEE8;
  border: 0;
  border-radius: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-product .ep-photo img {
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  transition: transform .3s;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-product h3 {
  margin: 19px 0 0;
  min-height: 0;
  font-family: var(--ep-font);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -.025em;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-product p { margin: 10px 0 12px; font-size: 12px; line-height: 1.7; }
html[data-ep-release="2.1"] #eopaia-preview .ep-product-kind { font-size: 12px; font-weight: 500; color: var(--ep-muted); }
html[data-ep-release="2.1"] #eopaia-preview .ep-product-category { margin-top: 4px; font-size: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-product .ep-link { padding: 10px 0; font-size: 13px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-asset-tag { font-size: 11px; line-height: 1.5; background: var(--ep-paper); color: var(--ep-muted); }
html[data-ep-release="2.1"] #eopaia-preview .ep-development-context { font-size: 12px; font-weight: 400; line-height: 1.7; }
/* The selected 02B product composition: one featured shoe and three compact rows. */
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-grid {
  grid-template-columns: minmax(0,1.13fr) minmax(0,1fr);
  grid-template-rows: repeat(3,min-content);
  gap: 20px 42px;
  align-items: start;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product.ep21-feature {
  display: block; grid-column: 1; grid-row: 1 / span 3;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep21-feature .ep-photo {
  min-height: 490px; aspect-ratio: 1.07;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep21-feature .ep21-product-copy {
  display: flex; flex-direction: column; align-items: flex-start; padding-top: 20px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep21-feature h3 {
  order: -1; font-family: var(--ep-display); font-size: 23px; font-weight: 400;
  line-height: 1.3; letter-spacing: -.03em; margin: 0; max-width: 345px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product:not(.ep21-feature) {
  grid-column: 2; display: grid; grid-template-columns: 172px minmax(0,1fr);
  align-items: center; gap: 25px; padding: 0 0 20px; border-bottom: 1px solid var(--ep-line);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product:not(.ep21-feature):last-child {
  padding-bottom: 0; border-bottom: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product:not(.ep21-feature) .ep-photo { aspect-ratio: 1.08; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product:not(.ep21-feature) h3 {
  font-size: 18px; line-height: 1.45; letter-spacing: -.025em; font-weight: 550; margin: 9px 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product p { margin: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product p span {
  display: inline; font-size: 10px; color: var(--ep-muted); line-height: 1.8;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product p span + span::before { content: ' / '; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep21-feature p { margin: 10px 0 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product .ep-link { font-size: 11px; min-height: 44px; padding: 6px 0; margin-top: 5px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-collection-actions { margin-top: 25px; padding-top: 0; border: 0; }

/* Catalogue controls use a line-based filter rhythm, with a clear active state. */
html[data-ep-release="2.1"] #eopaia-preview .ep-filter-layout { gap: 28px 56px; padding-bottom: 22px; border-bottom: 1px solid var(--ep-line); margin-bottom: 18px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-filter-group > span { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 4px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-filters { gap: 24px; margin: 12px 0 20px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-filter {
  min-height: 44px;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--ep-muted);
  font-size: 14px;
  font-weight: 400;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-filter.selected {
  background: transparent;
  color: var(--ep-ink);
  border-color: var(--ep-ink);
  font-weight: 650;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-filter-result { font-size: 12px; margin-bottom: 25px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-development-gate { background: var(--ep-soft); border-color: var(--ep-line); border-radius: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-development-gate h3 { font-size: 28px; }

/* Detail pages retain the existing gallery, colour synchronisation and selection. */
html[data-ep-release="2.1"] #eopaia-preview .ep-detail { grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); gap: 64px; padding: 30px var(--ep21-gutter) 86px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-detail h1 { font-family: var(--ep-display); font-size: 47px; font-weight: 400; line-height: 1.14; letter-spacing: -.04em; margin: 14px 0 20px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-gallery-main { background: #EDEEE8; padding: 0; border-radius: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-gallery-main img { object-fit: contain; }
html[data-ep-release="2.1"] #eopaia-preview .ep-thumbs { gap: 10px; margin-top: 14px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-image-thumb { padding: 5px; border: 1px solid var(--ep-line); border-radius: 0; background: #EDEEE8; }
html[data-ep-release="2.1"] #eopaia-preview .ep-image-thumb[aria-pressed="true"] { border: 2px solid var(--ep-ink); padding: 4px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-badge { padding: 5px 9px; border-radius: 0; background: var(--ep-soft); color: var(--ep-ink); font-size: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-colors { gap: 9px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-colors button { padding: 10px 14px; min-height: 44px; border-radius: 0; background: transparent; font-size: 13px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-colors button.selected { background: var(--ep-ink); color: var(--ep-paper); border-color: var(--ep-ink); }
html[data-ep-release="2.1"] #eopaia-preview .ep-options > span { font-size: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-table { grid-template-columns: 155px minmax(0,1fr); }
html[data-ep-release="2.1"] #eopaia-preview .ep-table > div { padding: 15px 0; font-size: 14px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-retail-price-value { font-size: 28px; font-weight: 450; }
html[data-ep-release="2.1"] #eopaia-preview .ep-retail-price-label { font-size: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-add-confirmation { padding: 20px; border-left: 2px solid var(--ep-ink); background: var(--ep-soft); }
html[data-ep-release="2.1"] #eopaia-preview .ep-detail-info summary { font-family: var(--ep-display); font-size: 24px; font-weight: 400; padding: 5px 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-detail-info details { padding: 22px 0; }

/* The OEM path reads as a calm, connected development chapter. */
html[data-ep-release="2.1"] #eopaia-preview .ep-oem-home { background: var(--ep-soft); }
html[data-ep-release="2.1"] #eopaia-preview .ep-oem-intro { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 90px; margin-bottom: 65px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-oem-intro h2 { font-size: 49px; max-width: 580px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-oem-intro .ep-lead { max-width: 420px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-services-small { margin-top: 0; border-top-color: #AEB9A7; }
html[data-ep-release="2.1"] #eopaia-preview .ep-services-small button {
  padding: 29px 0;
  min-height: 128px;
  border-bottom-color: #AEB9A7;
  font-family: var(--ep-display);
  font-size: 29px;
  font-weight: 400;
  line-height: 1.25;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-service-summary { font-family: var(--ep-font); font-size: 14px; font-weight: 400; line-height: 1.8; margin-top: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-services-small button > span:last-child { color: var(--ep-ink); font-size: 23px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-developments-heading { margin-bottom: 26px; padding-top: 24px; border-top: 1px solid #CDD2C5; }
html[data-ep-release="2.1"] #eopaia-preview .ep-subrow h3 { font-family: var(--ep-display); font-size: 30px; font-weight: 400; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-section-nav { padding: 17px var(--ep21-gutter); gap: 12px 34px; background: var(--ep-paper); }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-section-nav button { font-size: 13px; font-weight: 500; }
html[data-ep-release="2.1"] #eopaia-preview .ep-choice-grid { gap: 64px; margin-top: 36px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-choice-body,
html[data-ep-release="2.1"] #eopaia-preview .ep-partner-routes .ep-choice-body { padding-top: 27px; border-top: 1px solid var(--ep-line); }
html[data-ep-release="2.1"] #eopaia-preview .ep-choice-body h3,
html[data-ep-release="2.1"] #eopaia-preview .ep-partner-routes h3 { font-family: var(--ep-display); font-size: 35px; font-weight: 400; line-height: 1.17; min-height: 82px; letter-spacing: -.035em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-choice-body > p,
html[data-ep-release="2.1"] #eopaia-preview .ep-partner-routes .ep-choice-body > p { font-size: 14px; line-height: 1.85; margin-top: 20px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-route-steps { gap: 17px; margin-top: 26px; padding-top: 25px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-route-steps li { font-size: 14px; line-height: 1.7; }
html[data-ep-release="2.1"] #eopaia-preview .ep-route-steps li > span { width: 25px; height: 25px; font-size: 11px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-choice-body .ep-actions { padding-top: 30px; gap: 16px 24px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-choice-body .ep-btn { padding: 13px 20px; font-size: 14px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-capability-title { max-width: 1050px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-capability-title .ep-title-emphasis { white-space: normal; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-cap-editorial { gap: 64px; margin-top: 40px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-cap-editorial figcaption { font-family: var(--ep-font); font-size: 12px; line-height: 1.8; color: var(--ep-muted); margin-top: 15px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-cap-grid { gap: 33px 32px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-cap-grid h3 { font-family: var(--ep-display); font-size: 27px; font-weight: 400; line-height: 1.24; min-height: 68px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-cap-grid p { font-size: 14px; line-height: 1.85; }
html[data-ep-release="2.1"] #eopaia-preview .ep-home-cap-mark > span { font-size: 11px; letter-spacing: .08em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-disclosure { padding: 24px 0; border-color: var(--ep-line); }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-disclosure > summary { font-family: var(--ep-display); font-size: 26px; font-weight: 400; line-height: 1.3; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-video-section { padding-top: 24px; padding-bottom: 24px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-video-section .ep-v2-disclosure > .ep-block { padding: 38px 0 16px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-clip-copy h3 { font-size: 26px; font-weight: 400; }
html[data-ep-release="2.1"] #eopaia-preview .ep-ckd-refined { padding-top: 90px; padding-bottom: 90px; background: var(--ep-paper); }
html[data-ep-release="2.1"] #eopaia-preview .ep-ckd-label { font-family: var(--ep-display); font-size: 48px; font-weight: 400; line-height: 1.13; letter-spacing: -.04em; margin-bottom: 40px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-ckd-handover-title { font-family: var(--ep-display); font-size: 38px; font-weight: 400; }
html[data-ep-release="2.1"] #eopaia-preview .ep-ckd-title-party small { font-family: var(--ep-font); font-size: 14px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-ckd-title-arrow { color: var(--ep-ink); }
html[data-ep-release="2.1"] #eopaia-preview .ep-ckd-refined .ep-ckd-horizontal-nav { gap: 12px; padding-bottom: 30px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-ckd-refined .ep-ckd-horizontal-nav button { padding: 11px 15px; border-radius: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-ckd-refined .ep-ckd-horizontal-detail h3 { font-family: var(--ep-display); font-size: 35px; font-weight: 400; letter-spacing: -.03em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-iso-selected { padding-top: 72px; padding-bottom: 72px; background: var(--ep-soft); }
html[data-ep-release="2.1"] #eopaia-preview .ep-iso-selected .ep-iso-ribbon { grid-template-columns: minmax(0,.85fr) minmax(0,1.5fr); gap: 62px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-iso-three > div > strong { font-family: var(--ep-font); font-size: 19px; font-weight: 500; line-height: 1.3; }
html[data-ep-release="2.1"] #eopaia-preview .ep-iso-three > div > span { font-size: 13px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-iso-certificate { margin-top: 22px; max-width: 180px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-quality-checks h3 { font-size: 27px; font-weight: 400; }

/* Brand and partnership chapters retain every existing text, value and route. */
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story { padding: 96px var(--ep21-gutter); background: var(--ep-paper); }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-grid { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 80px; align-items: start; }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-story-copy h2 { font-family: var(--ep-display); font-size: 49px; font-weight: 400; line-height: 1.13; letter-spacing: -.04em; margin-bottom: 25px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-story-copy > p,
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-story-copy > .ep-brand-story-secondary { max-width: 56ch; font-size: 14px; line-height: 1.9; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-image { width: min(100%,460px); margin: 0; justify-self: end; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-image img { width: 100%; height: auto; aspect-ratio: 6/7; object-fit: cover; object-position: center top; }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-story-image figcaption { font-family: var(--ep-font); font-size: 12px; line-height: 1.7; margin-top: 14px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-story > .ep-brand-story-kicker { font-size: 11px; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 24px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-values { gap: 40px; padding-top: 30px; margin-top: 42px; border-top-color: var(--ep-line); }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-values h3 { font-family: var(--ep-display); font-size: 28px; font-weight: 400; line-height: 1.3; }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-values p { font-size: 14px; line-height: 1.85; }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-values > div > span { font-size: 11px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-brand-collection > h2 { margin-bottom: 34px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-brand-section-heading h2,
html[data-ep-release="2.1"] #eopaia-preview .ep-features-expanded .ep-brand-section-heading h2 { font-family: var(--ep-display); font-size: 48px; font-weight: 400; line-height: 1.13; letter-spacing: -.04em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-feature-editorial-copy h3 { font-family: var(--ep-display); font-size: 34px; font-weight: 400; line-height: 1.18; letter-spacing: -.025em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-feature-product-link > span { font-family: var(--ep-font); font-size: 16px; font-weight: 500; line-height: 1.45; }
html[data-ep-release="2.1"] #eopaia-preview .ep-life-caption strong { font-family: var(--ep-display); font-weight: 400; }
html[data-ep-release="2.1"] #eopaia-preview #ep-v2-partnerships { background: var(--ep-soft); }
html[data-ep-release="2.1"] #eopaia-preview .ep-partner-routes .ep-choice-body .ep-actions { flex-wrap: wrap; align-content: start; }
html[data-ep-release="2.1"] #eopaia-preview .ep-qa-compact .ep-partner-qa-heading h2 { font-family: var(--ep-display); font-size: 48px; font-weight: 400; line-height: 1.13; letter-spacing: -.04em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-qa-compact .ep-partner-question summary strong { font-family: var(--ep-font); font-size: 15px; font-weight: 500; line-height: 1.7; }
html[data-ep-release="2.1"] #eopaia-preview .ep-social-copy strong { font-size: 14px; font-weight: 500; }
html[data-ep-release="2.1"] #eopaia-preview .ep-social-copy small { font-size: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-world-map path:not(.is-highlighted) { fill: #DFE3D8; }

/* Company and news continue the same editorial scale without changing copy. */
html[data-ep-release="2.1"] #eopaia-preview .ep-about-overview { padding-top: 36px; padding-bottom: 94px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-overview-grid { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 80px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-overview-grid h2 { font-family: var(--ep-display); font-size: 48px; font-weight: 400; line-height: 1.13; letter-spacing: -.04em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-overview-grid .ep-lead { font-size: 14px; line-height: 1.9; }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-overview-grid figcaption { font-family: var(--ep-font); font-size: 12px; line-height: 1.7; }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-history { padding-top: 64px; padding-bottom: 64px; gap: 80px; background: var(--ep-soft); }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-history h2 { font-family: var(--ep-display); font-size: 40px; font-weight: 400; line-height: 1.18; letter-spacing: -.035em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-history-year > span:last-child { font-family: var(--ep-display); font-size: 86px; font-weight: 400; letter-spacing: -.045em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-locations { padding-top: 90px; padding-bottom: 90px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-locations .ep-contact-two-columns { gap: 70px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-locations h2 { font-family: var(--ep-display); font-size: 46px; font-weight: 400; line-height: 1.16; letter-spacing: -.035em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-visit-place h3 { font-family: var(--ep-font); font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-locations .ep-contact-city { font-size: 14px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-locations address { font-size: 14px; line-height: 1.9; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-email-label,
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-direct-list > div > span { font-size: 13px; font-weight: 500; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-locations .ep-contact-email-list > a,
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-direct-list a { font-size: 18px; font-weight: 400; }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-blog { padding-top: 80px; padding-bottom: 80px; background: var(--ep-soft); }
html[data-ep-release="2.1"] #eopaia-preview .ep-about-blog h2 { font-family: var(--ep-display); font-size: 48px; font-weight: 400; line-height: 1.13; letter-spacing: -.04em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-news-grid { gap: 32px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-news-blog-card { background: transparent; border-radius: 0; box-shadow: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep-blog-copy { padding: 25px 0 28px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-blog-copy h3 { font-family: var(--ep-display); font-size: 29px; font-weight: 400; line-height: 1.25; letter-spacing: -.025em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-blog-copy > p { font-size: 14px; line-height: 1.85; }
html[data-ep-release="2.1"] #eopaia-preview .ep-news-meta { font-size: 11px; letter-spacing: .04em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-blog-read { font-size: 13px; font-weight: 500; }
html[data-ep-release="2.1"] #eopaia-preview .ep-news-feature h3 { font-family: var(--ep-display); font-size: 37px; font-weight: 400; line-height: 1.18; letter-spacing: -.035em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-article-head { padding: 52px var(--ep21-gutter) 44px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-article-head h1 { max-width: 1050px; font-family: var(--ep-display); font-size: 62px; font-weight: 400; line-height: 1.1; letter-spacing: -.04em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-article-layout { gap: 64px; padding-left: var(--ep21-gutter); padding-right: var(--ep21-gutter); }
html[data-ep-release="2.1"] #eopaia-preview .ep-article-body h2 { font-family: var(--ep-display); font-size: 35px; font-weight: 400; line-height: 1.2; letter-spacing: -.03em; }
html[data-ep-release="2.1"] #eopaia-preview .ep-article-body p { font-size: 16px; line-height: 1.9; }

/* Enquiries, saved selections and overlays remain usable in the same visual voice. */
html[data-ep-release="2.1"] #eopaia-preview .ep-form { max-width: 880px; gap: 25px 30px; margin-top: 36px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-form label { font-size: 14px; font-weight: 500; line-height: 1.7; }
html[data-ep-release="2.1"] #eopaia-preview .ep-form :is(input,select,textarea) {
  min-height: 50px;
  margin-top: 10px;
  padding: 13px 14px;
  border: 1px solid #B8C1B2;
  border-radius: 0;
  background: #FBFAF6;
  color: var(--ep-ink);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-form textarea { min-height: 150px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-form :is(input,textarea)::placeholder { font-size: 14px; color: var(--ep-muted); }
html[data-ep-release="2.1"] #eopaia-preview .ep-form-preview-note { font-size: 13px; line-height: 1.8; }
html[data-ep-release="2.1"] #eopaia-preview .ep-selected-name { font-family: var(--ep-display); font-size: 27px; font-weight: 400; line-height: 1.25; }
html[data-ep-release="2.1"] #eopaia-preview .ep-selected-row { gap: 25px; padding-block: 27px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-selected-summary { padding-top: 25px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-enquiry-reference { max-width: 880px; gap: 26px; padding-block: 25px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-enquiry-reference h3 { font-family: var(--ep-display); font-size: 27px; font-weight: 400; line-height: 1.25; }
html[data-ep-release="2.1"] #eopaia-preview :is(.ep-empty,.ep-success) { background: var(--ep-soft); border: 0; border-radius: 0; padding: 38px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-success h3 { font-family: var(--ep-display); font-size: 35px; font-weight: 400; }
html[data-ep-release="2.1"] #eopaia-preview #ep-status { background: var(--ep-soft); color: var(--ep-ink); font-size: 13px; padding-inline: var(--ep21-gutter); }
html[data-ep-release="2.1"] #eopaia-preview #ep-dialog { border: 1px solid var(--ep-line); border-radius: 0; background: var(--ep-paper); color: var(--ep-ink); box-shadow: 0 24px 80px #233C3326; }
html[data-ep-release="2.1"] #eopaia-preview #ep-dialog::backdrop { background: #1C2F2866; backdrop-filter: blur(4px); }
html[data-ep-release="2.1"] #eopaia-preview .ep-dialog-toolbar { padding: 8px 14px; background: var(--ep-paper); }
html[data-ep-release="2.1"] #eopaia-preview #ep-dialog .ep-close { border: 1px solid var(--ep-line); border-radius: 0; color: var(--ep-ink); }
html[data-ep-release="2.1"] #eopaia-preview #ep-dialog-content { padding: 28px 38px 38px; }
html[data-ep-release="2.1"] #eopaia-preview #ep-dialog h2 { font-family: var(--ep-display); font-size: 35px; font-weight: 400; line-height: 1.18; letter-spacing: -.03em; }
html[data-ep-release="2.1"] #eopaia-preview #ep-dialog p { font-size: 14px; line-height: 1.85; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-panel { width: 380px; padding: 26px; border: 1px solid var(--ep-line); border-radius: 0; background: var(--ep-paper); box-shadow: 0 18px 48px #233C3320; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-panel-head span { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-panel-head h3 { font-family: var(--ep-display); font-size: 30px; font-weight: 400; line-height: 1.2; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-panel > p { font-size: 14px; line-height: 1.8; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-topics > button { min-height: 80px; font-size: 14px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-topics > button > span:last-child { color: var(--ep-ink); }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-topics small { font-size: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-chat-mark { color: var(--ep-paper); }
html[data-ep-release="2.1"] #eopaia-preview .ep-contact-selection { border-radius: 0; font-size: 13px; }

/* Forest closing chapter, then a quiet paper footer with all current links. */
html[data-ep-release="2.1"] #eopaia-preview .ep-cta {
  padding: 76px var(--ep21-gutter);
  gap: 32px 70px;
  margin-top: 0;
  background: var(--ep-ink);
  color: var(--ep-paper);
  border-top: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-cta h2 {
  max-width: 680px;
  font-family: var(--ep-display);
  font-size: 53px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -.04em;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-cta .ep-actions { gap: 14px 20px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-cta .ep-btn { background: var(--ep-paper); border-color: var(--ep-paper); color: var(--ep-ink); }
html[data-ep-release="2.1"] #eopaia-preview .ep-cta .ep-btn.ep-secondary { background: transparent; border-color: #ADBDAA; color: var(--ep-paper); }
html[data-ep-release="2.1"] #eopaia-preview .ep-cta :is(.ep-link,.ep-cn,.ep-annot) { color: var(--ep-paper); }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer { padding: 60px var(--ep21-gutter) 28px; gap: 36px 48px; background: var(--ep-paper); border-top: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer .ep-logo img { width: 160px; height: auto; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer h4 { font-size: 14px; font-family: var(--ep-font); font-weight: 600; margin-bottom: 17px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer p { max-width: 260px; font-size: 13px; line-height: 1.85; margin-top: 18px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer button:not(.ep-logo) { font-size: 13px; line-height: 1.7; min-height: 44px; padding: 9px 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer span { font-size: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer-bottom { font-size: 11px; margin-top: 25px; padding-top: 23px; border-top-color: var(--ep-line); }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer-bottom span { font-size: 11px; }

@media (hover:hover) and (pointer:fine) {
  html[data-ep-release="2.1"] #eopaia-preview .ep-btn:hover,
  html[data-ep-release="2.1"] #eopaia-preview .ep-header .ep-contact-top:hover,
  html[data-ep-release="2.1"] #eopaia-preview .ep-contact-trigger:hover { background: #354D40; color: var(--ep-paper); border-color: #354D40; transform: none; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-btn.ep-secondary:hover { background: var(--ep-soft); color: var(--ep-ink); border-color: var(--ep-ink); }
  html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-actions .ep-btn:hover,
  html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-actions .ep-btn.ep-secondary:hover { background: transparent; color: var(--ep-ink); border-color: currentColor; opacity: .85; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-cta .ep-btn:hover { background: #E7EADD; color: var(--ep-ink); border-color: #E7EADD; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-cta .ep-btn.ep-secondary:hover { background: #354D40; color: var(--ep-paper); border-color: var(--ep-paper); }
  html[data-ep-release="2.1"] #eopaia-preview .ep-filter:not(.selected):hover { background: transparent; color: var(--ep-ink); border-color: var(--ep-line); }
  html[data-ep-release="2.1"] #eopaia-preview .ep-services-small button:hover { background: transparent; border-bottom-color: var(--ep-ink); }
  html[data-ep-release="2.1"] #eopaia-preview .ep-link:hover,
  html[data-ep-release="2.1"] #eopaia-preview .ep-blog-read:hover { opacity: 1; }
}

/* Smaller desktop windows retain the chosen hierarchy and both business paths. */
@media (min-width:768px) and (max-width:1180px) {
  html[data-ep-release="2.1"] #eopaia-preview { --ep21-gutter: 32px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-header { gap: 20px; padding-block: 18px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-header .ep-logo img { width: 160px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-header nav { gap: 20px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu > :is(summary,.ep-v2-direct) { font-size: 13px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-header-actions { gap: 14px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-header .ep-contact-top { padding-inline: 14px; gap: 10px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-selection-top { font-size: 12px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-hero-copy :is(h1,h2,.ep-brand-campaign-title) { font-size: 62px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-grid { gap: 25px 32px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-oem-intro,
  html[data-ep-release="2.1"] #eopaia-preview .ep-home-cap-editorial,
  html[data-ep-release="2.1"] #eopaia-preview .ep-about-overview-grid,
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-grid { gap: 48px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-detail { gap: 42px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-detail h1 { font-size: 41px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-choice-grid { gap: 42px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-cta { gap: 30px 44px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-cta h2 { font-size: 47px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-ep-release="2.1"] { scroll-behavior: auto; }
  html[data-ep-release="2.1"] #eopaia-preview *,
  html[data-ep-release="2.1"] #eopaia-preview *::before,
  html[data-ep-release="2.1"] #eopaia-preview *::after { scroll-behavior: auto; animation: none; transition: none; }
}

/* 02B reference alignment: shared frame, exact landscape, product treatment,
   compact footer and chapter structure. Navigation serif is the owner's override. */
html[data-ep-release="2.1"] #eopaia-preview .ep-topline { display: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep-header { gap: 24px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu > :is(summary,.ep-v2-direct),
html[data-ep-release="2.1"] #eopaia-preview .ep-header nav .ep-v2-dropdown button {
  font-family: var(--ep-display); font-size: 17px; font-weight: 400; letter-spacing: -.02em;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-header-actions { gap: 23px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-selection-top { font-size: 11px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-selection-top span { min-width: 19px; height: 19px; font-size: 10px; margin-left: 5px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-header .ep-contact-top { min-height: 44px; font-size: 12px; padding: 11px 18px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-eyebrow { font-size: 10px; letter-spacing: .15em; line-height: 1.6; }
html[data-ep-release="2.1"] #eopaia-preview .ep-btn { padding: 13px 23px; gap: 24px; font-size: 12px; font-weight: 600; }
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-hero-copy .ep-eyebrow { font-size: 10px; letter-spacing: .15em; line-height: 1.6; }
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-hero-copy .ep-lead { font-size: 13px; max-width: 550px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-actions .ep-btn,
html[data-ep-release="2.1"] #eopaia-preview .ep-hero .ep-actions .ep-btn.ep-secondary {
  min-height: 44px; padding: 10px 0; font-size: 12px; font-weight: 400; gap: 38px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep21-landscape {
  grid-column: 1; grid-row: 2; margin: 0; position: relative; min-width: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep21-landscape > .ep-hero-media {
  position: static; inset: auto; display: block; width: 100%;
  height: clamp(340px,35vw,535px); max-height: none;
  object-fit: cover; object-position: 50% 55%; border-radius: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep21-landscape figcaption {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 17px 0; border-bottom: 1px solid var(--ep-line);
  color: var(--ep-muted); font-size: 10px; letter-spacing: .03em; line-height: 1.6;
}
html[data-ep-release="2.1"] #eopaia-preview .ep21-landscape figcaption span:first-child { color: var(--ep-ink); }
html[data-ep-release="2.1"] #eopaia-preview .ep-product .ep-photo,
html[data-ep-release="2.1"] #eopaia-preview .ep-product:nth-child(2n) .ep-photo,
html[data-ep-release="2.1"] #eopaia-preview :is(.ep-gallery-main,.ep-image-thumb) { background: #EDEEE8; }
html[data-ep-release="2.1"] #eopaia-preview .ep-product .ep-photo img,
html[data-ep-release="2.1"] #eopaia-preview :is(.ep-gallery-main,.ep-image-thumb) img {
  object-fit: contain; mix-blend-mode: multiply;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-product .ep-photo img { transition: transform .35s; }
html[data-ep-release="2.1"] #eopaia-preview .ep-product:hover .ep-photo img { transform: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep-product .ep-product-image:hover .ep-photo img { transform: scale(1.035); }
html[data-ep-release="2.1"] #eopaia-preview .ep-product:not(.ep21-feature) .ep-product-image:hover .ep-photo img { transform: scale(1.05); }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-heading-row {
  display: grid; grid-template-columns: 1fr 1.35fr; gap: 50px; align-items: start; margin-bottom: 42px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-heading-row h2 { font-size: 47px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-heading-row > .ep-link { justify-self: end; margin-top: 35px; font-size: 12px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-filterbar {
  display: flex; align-items: center; justify-content: space-between; gap: 25px;
  margin-bottom: 25px; border-bottom: 1px solid var(--ep-line);
}
html[data-ep-release="2.1"] #eopaia-preview .ep21-filterbar > div { display: flex; gap: 26px; flex-wrap: wrap; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-filterbar button {
  font: 400 11px/1.6 var(--ep-font); color: var(--ep-muted); background: transparent;
  border: 0; border-bottom: 1px solid transparent; min-height: 44px; padding: 13px 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep21-filterbar button[aria-pressed="true"] { border-bottom-color: var(--ep-ink); color: var(--ep-ink); font-weight: 750; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-filter-status:empty { display: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-filter-status { font-size: 13px; padding: 20px 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep-product[hidden] { display: none !important; }
html[data-ep-release="2.1"] #eopaia-preview .ep-oem-home { padding-block: 88px 92px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-oem-intro { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 100px; align-items: start; }
html[data-ep-release="2.1"] #eopaia-preview .ep-oem-intro .ep-lead { font-size: 13px; max-width: 310px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-services-small { counter-reset: ep21-service; }
html[data-ep-release="2.1"] #eopaia-preview .ep-services-small button { position: relative; padding: 24px 0 24px 50px; min-height: 0; font-size: 25px; counter-increment: ep21-service; }
html[data-ep-release="2.1"] #eopaia-preview .ep-services-small button::before {
  content: counter(ep21-service, decimal-leading-zero); position: absolute; left: 0; top: 31px;
  font: 400 10px/1.6 var(--ep-font); color: var(--ep-muted);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-service-summary { font-size: 12px; line-height: 1.9; margin-top: 16px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company .ep-home-cap-editorial {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 90px; align-items: center; margin-top: 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep21-company figure { width: 100%; margin: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company figure img { display: block; width: 100%; height: 550px; aspect-ratio: auto; object-fit: cover; object-position: 50% 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company figure figcaption { font-size: 10px; line-height: 1.6; margin-top: 15px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company-copy > h2 { font-size: 48px; line-height: 1.15; margin: 22px 0 25px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company .ep-home-cap-grid { display: block; margin-top: 33px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company .ep-home-cap-grid details { padding: 20px 0; border-top: 1px solid var(--ep-line); }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company summary { display: grid; grid-template-columns: 30px 1fr auto; gap: 20px; align-items: center; list-style: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company summary::-webkit-details-marker { display: none; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company summary::after { content: '+'; font-size: 20px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company details[open] summary::after { content: '−'; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company .ep-home-cap-mark { margin: 0; padding: 0; border: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company .ep-home-cap-grid h3 { font-size: 25px; min-height: 0; margin: 0; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company .ep-home-cap-grid p { padding: 16px 0 0 50px; font-size: 12px; line-height: 1.9; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-company .ep-home-cap-grid .ep-link { margin-left: 50px; font-size: 11px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story { padding-block: 108px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-grid {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 90px; align-items: center;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-image {
  grid-column: 1; grid-row: 1; width: 100%; justify-self: stretch;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-image img {
  height: 550px; aspect-ratio: auto; object-fit: cover; object-position: 50% 0;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-copy { grid-column: 2; grid-row: 1; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-copy h2 { font-size: 48px; line-height: 1.15; }
html[data-ep-release="2.1"] #eopaia-preview .ep-v2-story .ep-brand-story-copy > p { font-size: 13px; max-width: 415px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership { display: block; padding-block: 75px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership > h2 { max-width: 630px; margin-bottom: 45px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-paths > div { border-top: 1px solid #677D6C; padding-top: 24px; display: grid; grid-template-columns: 1fr auto; gap: 25px; align-items: center; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-paths h3 { font-size: 20px; font-weight: 400; letter-spacing: -.02em; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-paths p { font-size: 12px; color: #C7D0C0; line-height: 1.8; margin-top: 11px; max-width: 300px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-paths .ep-btn { font-size: 11px; padding-inline: 17px; white-space: nowrap; gap: 10px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership .ep21-partnership-bottom { justify-content: flex-start; gap: 28px; margin-top: 25px; }
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-bottom .ep-btn,
html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-bottom .ep-btn.ep-secondary {
  border: 0; padding: 10px 0; font-size: 10px; font-weight: 400; color: #C7D0C0; background: transparent;
  text-decoration: underline; text-underline-offset: 5px; min-height: 44px;
}
html[data-ep-release="2.1"] #eopaia-preview .ep-footer.ep21-footer {
  display: flex; align-items: center; justify-content: space-between; gap: 30px;
  padding: 36px var(--ep21-gutter); background: var(--ep-paper);
}
html[data-ep-release="2.1"] #eopaia-preview .ep-footer.ep21-footer .ep-logo img { width: 130px; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer.ep21-footer > p { margin: 0; max-width: none; font-size: 10px; line-height: 1.6; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer.ep21-footer nav { display: flex; flex: initial; gap: 30px; width: auto; }
html[data-ep-release="2.1"] #eopaia-preview .ep-footer.ep21-footer nav button {
  margin: 0; padding: 10px 0; min-height: 44px; color: var(--ep-ink);
  font-family: var(--ep-display); font-size: 15px; font-weight: 400; line-height: 1.6;
}
@media (min-width:768px) and (max-width:1180px) {
  html[data-ep-release="2.1"] #eopaia-preview .ep-header { padding-block: 0; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-menu > :is(summary,.ep-v2-direct) { font-size: 15px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-grid { column-gap: 28px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product:not(.ep21-feature) { grid-template-columns: 142px minmax(0,1fr); gap: 20px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep-product:not(.ep21-feature) h3 { font-size: 16px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep21-feature h3 { font-size: 20px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-v2-home-collection .ep21-feature .ep-photo { min-height: 440px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep-oem-intro,
  html[data-ep-release="2.1"] #eopaia-preview .ep21-company .ep-home-cap-editorial { gap: 55px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-paths > div { grid-template-columns: 1fr; gap: 20px; }
  html[data-ep-release="2.1"] #eopaia-preview .ep21-partnership-paths .ep-btn { justify-self: start; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-ep-release="2.1"] #eopaia-preview .ep-product .ep-photo img { transition: none; }
}
