/* PHOENiX Sample — single public stylesheet.
 * Core tokens and shared components load first.
 * Page families retain their original order and zero-specificity template scopes.
 * Responsive rules, accessibility states and SIPES viewer geometry are preserved.
 */

/* PHOENiX core — shared tokens and existing cascade preserved */

:root {
  color-scheme: light;
  --phx-neutral-25: #FAFAF7;
  --phx-neutral-50: #F4F4EF;
  --phx-neutral-100: #E8E8E2;
  --phx-neutral-200: #D8D8D1;
  --phx-neutral-450: #939389;
  --phx-neutral-500: #6F6F66;
  --phx-neutral-600: #505047;
  --phx-neutral-700: #3E3E36;
  --phx-neutral-800: #2C2C26;
  --phx-neutral-900: #1B1B16;
  --phx-brand: var(--phx-neutral-600);
  --phx-brand-hover: var(--phx-neutral-700);
  --phx-brand-active: var(--phx-neutral-800);
  --phx-dark-section-bg: var(--phx-brand);
  --phx-focus-ring: var(--phx-neutral-600);
  --phx-surface: #FFFFFF;
  --phx-surface-subtle: var(--phx-neutral-25);
  --phx-surface-muted: var(--phx-neutral-50);
  --phx-border: var(--phx-neutral-200);
  --phx-control-border: var(--phx-neutral-450);
  --phx-text-strong: var(--phx-neutral-900);
  --phx-heading-color: var(--phx-neutral-700);
  --phx-text: var(--phx-neutral-700);
  --phx-text-muted: var(--phx-neutral-500);
  --phx-text-on-dark: #FFFFFF;
  --phx-text-on-dark-muted: var(--phx-neutral-100);
  --phx-alpha-brand-20: color-mix(in srgb,var(--phx-brand) 20%,transparent);
  --phx-alpha-ink-4: color-mix(in srgb,var(--phx-text-strong) 4%,transparent);
  --phx-alpha-ink-8: color-mix(in srgb,var(--phx-text-strong) 8%,transparent);
  --phx-alpha-ink-12: color-mix(in srgb,var(--phx-text-strong) 12%,transparent);
  --phx-alpha-ink-24: color-mix(in srgb,var(--phx-text-strong) 24%,transparent);
  --phx-alpha-ink-80: color-mix(in srgb,var(--phx-text-strong) 80%,transparent);
  --phx-alpha-ink-92: color-mix(in srgb,var(--phx-text-strong) 92%,transparent);
  --phx-alpha-paper-8: color-mix(in srgb,var(--phx-surface) 8%,transparent);
  --phx-alpha-paper-16: color-mix(in srgb,var(--phx-surface) 16%,transparent);
  --phx-alpha-paper-24: color-mix(in srgb,var(--phx-surface) 24%,transparent);
  --phx-alpha-paper-70: color-mix(in srgb,var(--phx-surface) 70%,transparent);
  --phx-alpha-paper-95: color-mix(in srgb,var(--phx-surface) 95%,transparent);
  --phx-hero-fade: linear-gradient(90deg,var(--phx-alpha-paper-95) 0%,var(--phx-alpha-paper-70) 50%,transparent 100%);
  --phx-font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --phx-font-xs: .875rem;
  --phx-font-sm: .9375rem;
  --phx-font-body: 1rem;
  --phx-font-card: 1.125rem;
  --phx-font-subheading: 1.375rem;
  --phx-font-section: 1.875rem;
  --phx-font-page: 2.625rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --phx-radius-4: .25rem;
  --phx-radius-8: .5rem;
  --phx-radius-12: .75rem;
  --phx-radius-16: 1rem;
  --phx-radius-24: 1.5rem;
  --phx-radius-32: 2rem;
  --phx-size-2: 2px;
  --phx-size-4: 4px;
  --phx-size-8: 8px;
  --phx-size-12: 12px;
  --phx-size-16: 16px;
  --phx-size-24: 24px;
  --phx-size-32: 32px;
  --phx-size-48: 48px;
  --phx-size-64: 64px;
  --phx-size-96: 96px;
  --phx-size-128: 128px;
  --phx-size-160: 160px;
  --phx-size-192: 192px;
  --phx-size-224: 224px;
  --phx-size-256: 256px;
  --phx-size-320: 320px;
  --phx-size-384: 384px;
  --phx-size-480: 480px;
  --phx-size-640: 640px;
  --phx-size-800: 800px;
  --phx-size-960: 960px;
  --phx-size-1200: 1200px;
  --phx-shadow-sm: 0 5px 20px var(--phx-alpha-ink-4);
  --phx-shadow-md: 0 12px 30px var(--phx-alpha-ink-8);
  --phx-shadow-lg: 0 20px 52px var(--phx-alpha-ink-12);
  --phx-motion-fast: 180ms;
  --phx-ease-standard: cubic-bezier(.2,.8,.2,1);
  --phx-control-radius: var(--phx-radius-8);
  --phx-button-radius: var(--phx-radius-8);
  
  --phx-content-max: var(--phx-size-1200);
}

html {
  font-family: var(--phx-font-sans);
  font-size: 100%;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

*,*::before,*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  max-width: 100%;
  min-width: 0;
  font-family: var(--phx-font-sans);
  font-size: var(--phx-font-body);
  color: var(--phx-text);
  background: var(--phx-surface);
}
/* PHOENiX global link baseline — prevent browser-default blue/underline in content.
   Component selectors retain their own approved styles because :where() has zero specificity. */
:where(html[data-phx-page] body main a),
:where(html[data-phx-page] body main a:visited) {
  color: inherit;
  text-decoration: none;
}



h1,h2,h3,h4,h5,h6 {
  color: var(--phx-heading-color);
  font-weight: 700;
  text-wrap: balance;
}

p {
  color: inherit;
}

::selection {
  background: var(--phx-surface-muted);
  color: var(--phx-text-strong);
}

:where(button,input,select,textarea) {
  font: inherit;
}

:where(a,button,summary,input,select,textarea):focus-visible {
  outline: 3px solid var(--phx-focus-ring);
  outline-offset: 3px;
}

.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav-dropdown>a {
  color: inherit;
  text-decoration: none;
  padding: var(--space-2) 0;
  border-bottom: 2px solid transparent;
}

.nav-dropdown:hover>a,.nav-dropdown:focus-within>a {
  border-color: var(--phx-brand);
}

.nav-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: calc(var(--space-3) * -1);
  min-width: var(--phx-size-256);
  padding: var(--space-2);
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  box-shadow: 0 12px 30px var(--phx-alpha-ink-12);
  z-index: 50;
  white-space: normal;
}

.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu {
  display: block;
}

.nav-menu a {
  display: block;
  padding: var(--space-3) var(--space-3);
  border: 0;
  border-radius: var(--phx-radius-4);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-detail);
}

.nav-menu a:hover,.nav-menu a.active {
  background: var(--phx-surface-muted);
  color: var(--phx-text);
  border: 0;
}

@media (max-width:950px) {
  .nav-dropdown {
    display: block;
  }
  .nav-menu {
    position: static;
    box-shadow: none;
    margin: var(--space-1) 0 var(--space-2);
    min-width: 0;
  }
  .nav-dropdown:hover .nav-menu {
    display: block;
  }
}

@media (min-width:951px) {
  .header {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
  }
  .header .nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap !important;
    white-space: nowrap;
    gap: clamp(var(--space-2), .8vw, var(--space-3));
  }
  .header .nav>a,.header .nav .nav-dropdown>a {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .header .nav .nav-dropdown {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
  }
}

:where(html:not([data-phx-page="home"],[data-phx-page="references"])) body {
  background: var(--phx-surface);
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="references"])) .header {
  min-height: var(--phx-size-96);
}

.header-logo {
  display: block;
  width: var(--phx-size-224);
  height: var(--phx-size-96);
  object-fit: contain;
  object-position: left center;
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="references"])) .nav {
  display: flex;
  gap: var(--space-4);
  font-size: var(--phx-font-xs);
  white-space: nowrap;
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="references"])) .nav a {
  color: inherit;
  text-decoration: none;
  padding: var(--space-2) 0;
  border-bottom: 2px solid transparent;
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="references"])) .nav a:hover,:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="references"])) .nav a.active {
  border-color: var(--phx-brand);
}

.eyebrow {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  color: var(--phx-brand);
  text-transform: uppercase;
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="references"])) .eyebrow {
  letter-spacing: 1.5px;
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="ral"],[data-phx-page="references"])) .hero {
  background: linear-gradient(115deg,var(--phx-surface-muted),var(--phx-surface-subtle));
  padding: var(--space-8) 0;
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="ral"],[data-phx-page="references"])) .hero-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: var(--space-6);
  align-items: center;
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="ral"],[data-phx-page="references"])) .hero h1 {
  font-size: clamp(var(--phx-font-section),5vw,var(--phx-font-page));
  letter-spacing: -2px;
  line-height: var(--phx-leading-display);
  margin: var(--space-3) 0 var(--space-4);
}

:where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="ral"],[data-phx-page="references"])) .hero p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  max-width: var(--phx-size-640);
  color: var(--phx-text-muted);
}

:where(html[data-phx-template|="about"],html[data-phx-template|="expertise"]) .page-body {
  padding: var(--space-6) 0 var(--space-8);
}

@media (max-width:950px) {
  :where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="references"])) .nav {
    flex-wrap: wrap;
    white-space: normal;
    gap: var(--space-3);
  }
  :where(html:not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="ral"],[data-phx-page="references"])) .hero-grid {
    grid-template-columns: 1fr 270px;
  }
}

:where(html[data-phx-template|="product"]) .nav a.active {
  border-bottom: 2px solid var(--phx-brand);
}

:where(html[data-phx-template|="product"]) .eyebrow {
  letter-spacing: 1.5px;
}

:where(html[data-phx-template|="product"]) .section {
  padding: var(--space-7) 0 var(--space-8);
}

:where(html[data-phx-template|="product"]) .section-head h2 {
  font-size: var(--phx-font-subheading);
  letter-spacing: -.7px;
  margin: var(--space-1) 0;
}

:where(html[data-phx-template|="product"]) .section-head p {
  max-width: var(--phx-size-384);
  line-height: var(--phx-leading-body);
}

:where(html[data-phx-template|="product"]) .details {
  display: none;
  border-top: 1px solid var(--phx-border);
  padding-top: var(--space-4);
  margin-top: var(--space-1);
}

:where(html[data-phx-template|="product"]) .details.open {
  display: block;
}

:where(html[data-phx-template|="product"]) .details p {
  margin-bottom: var(--space-3);
}

:where(html[data-phx-template|="product"]) .toggle {
  font-size: var(--phx-font-xs);
  font-weight: 700;
}

@media (max-width:950px) {
  :where(html[data-phx-template|="product"]) .nav {
    gap: var(--space-2);
    font-size: var(--phx-font-xs);
  }
  :where(html[data-phx-template|="product"]) .header-logo {
    width: var(--phx-size-192);
  }
}

@media (max-width:650px) {
  :where(html[data-phx-template|="product"]) .header {
    height: auto;
    min-height: var(--phx-size-64);
    align-items: flex-start;
    padding: var(--space-2) 0;
    flex-direction: column;
    gap: var(--space-1);
  }
  :where(html[data-phx-template|="product"]) .nav {
    white-space: normal;
    flex-wrap: wrap;
    padding-bottom: var(--space-2);
  }
}

.footer {
  background: var(--phx-text-strong);
  padding: var(--space-6) 0 var(--space-4);
}

:where(html:not([data-phx-template="legal"],[data-phx-page="contacts"])) .footgrid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
  gap: var(--space-6);
}

.footer h3 {
  font-size: var(--phx-font-xs);
}

.footer li {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-border);
}

.footer ul {
  list-style: none;
  padding: 0;
}

.footer-logo img {
  display: block;
  width: var(--phx-size-192);
  height: var(--phx-size-48);
  object-fit: contain;
}

.copyright {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  color: var(--phx-border);
  font-size: var(--phx-font-xs);
}

@media (max-width:620px) {
  .footgrid {
    grid-template-columns: 1fr 1fr;
  }
  .footgrid>div:first-child {
    grid-column: 1/-1;
  }
  .copyright {
    gap: var(--space-2);
    flex-wrap: wrap;
  }
}

:where(html:not([data-phx-page="contacts"])) .btn,:where(html:not([data-phx-page="contacts"])) .toggle,:where(html:not([data-phx-page="contacts"])) button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--phx-control-height);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--phx-brand);
  border-radius: var(--phx-button-radius);
  background: var(--phx-brand);
  color: var(--phx-text-on-dark);
  font: 700 var(--phx-font-xs)/1.2 var(--phx-font-sans);
  letter-spacing: .2px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 5px var(--phx-alpha-ink-8);
  transition: background-color var(--phx-motion-fast) var(--phx-ease-standard),border-color var(--phx-motion-fast) var(--phx-ease-standard),color var(--phx-motion-fast) var(--phx-ease-standard),box-shadow var(--phx-motion-fast) var(--phx-ease-standard),transform var(--phx-motion-fast) var(--phx-ease-standard);
}

.btn:not(.primary):not(.dark) {
  background: transparent;
  color: var(--phx-brand);
}

:where(html:not([data-phx-page="contacts"])) .btn:hover,:where(html:not([data-phx-page="contacts"])) .toggle:hover,:where(html:not([data-phx-page="contacts"])) button:hover {
  transform: translateY(-1px);
}

:where(html[data-phx-page="contacts"]) .btn:focus-visible,.toggle:focus-visible,:where(html[data-phx-page="contacts"]) button:focus-visible,:where(html[data-phx-page="contacts"]) a.button:focus-visible,:where(html[data-phx-page="contacts"]) .button:focus-visible {
  outline: 3px solid var(--phx-focus-ring);
  outline-offset: 3px;
}

.toggle {
  margin-top: auto;
  align-self: flex-start;
}

@media (prefers-reduced-motion:reduce) {
  .btn,.toggle,button {
    transition: none;
  }
}

:where(button:disabled,.btn[aria-disabled="true"],.toggle[aria-disabled="true"]) {
  opacity: .55;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none;
}

:where(html:not([data-phx-template="legal"],[data-phx-page="contacts"],[data-phx-page="home"],[data-phx-page="news"],[data-phx-page="ral"],[data-phx-page="references"])) .page-subtitle {
  margin: 0 0 var(--space-3);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-body);
  font-weight: 600;
  line-height: var(--phx-leading-compact);
  letter-spacing: .1px;
}

.footer .footer-quick .phx-footer-quick-linkedin,.footer.contacts-footer .footer-quick .phx-footer-quick-linkedin {
  border: 0 !important;
  border-top: 0 !important;
  padding: 0;
  margin: var(--space-3) 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: start;
  width: 100%;
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero,:where(html:not([data-phx-page="ral"])) section.hero.phx-unified-hero {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: var(--phx-size-320);
  height: auto;
  margin: 0;
  padding: var(--space-6) 0 var(--space-6);
  overflow: hidden;
  border: 0 !important;
  color: var(--phx-text-strong);
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="home"]) .phx-unified-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: var(--phx-hero-fade) !important;
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero>.wrap.hero-grid {
  display: block;
  position: relative;
  z-index: 1;
  width: min(var(--phx-size-1200),92%);
  max-width: var(--phx-size-1200);
  margin: 0 auto;
  padding: 0;
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  min-height: var(--phx-size-256);
  align-items: center;
  max-width: var(--phx-size-1200);
  margin: 0;
  gap: 0;
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy {
  display: block;
  min-width: 0;
  max-width: var(--phx-size-800);
  padding: 0;
  position: relative;
  z-index: 1;
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy>.eyebrow {
  display: block;
  letter-spacing: 1.5px;
  line-height: var(--phx-leading-caption);
  margin: 0 0 var(--space-2);
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy h1 {
  display: block;
  max-width: var(--phx-size-800);
  color: var(--phx-heading-color);
  font-size: clamp(var(--phx-font-section),3.2vw,var(--phx-font-page));
  letter-spacing: -1.3px;
  line-height: var(--phx-leading-display);
  margin: 0 0 var(--space-3);
  font-weight: 700;
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy h1 span {
  color: var(--phx-brand);
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy p {
  display: block;
  max-width: var(--phx-size-640);
  color: var(--phx-text);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-compact);
  margin: 0 0 var(--space-3);
}

:where(html:not([data-phx-template="legal"],[data-phx-page="contacts"],[data-phx-page="home"],[data-phx-page="news"],[data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy .page-subtitle {
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-caption);
  margin: 0 0 var(--space-2);
}

:where(html:not([data-phx-page="ral"])) main.wrap .phx-unified-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

@media (max-width:800px) {
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero,:where(html:not([data-phx-page="ral"])) section.hero.phx-unified-hero {
    min-height: var(--phx-size-256);
    padding: var(--space-5) 0 var(--space-5) !important;
    background-position: center center !important;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-layout {
    min-height: var(--phx-size-224);
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy {
    max-width: var(--phx-size-640);
  }
}

@media (max-width:560px) {
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero,:where(html:not([data-phx-page="ral"])) section.hero.phx-unified-hero {
    min-height: 0;
    padding: var(--space-5) 0;
    background-position: 72% center !important;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero::before {
    background: var(--phx-hero-fade) !important;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-layout {
    min-height: 0;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy h1 {
    font-size: clamp(var(--phx-font-subheading),8vw,var(--phx-font-section));
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy p {
    font-size: var(--phx-font-xs);
  }
}

:where(html[data-phx-page="about"],html[data-phx-page="home"],html[data-phx-page="products-design-consulting"]) .btn.primary,:where(html:not([data-phx-page="contacts"])) .toggle.active {
  background: var(--phx-brand) !important;
  border: 1px solid var(--phx-brand) !important;
  color: var(--phx-text-on-dark) !important;
  box-shadow: none;
}

:where(html:not([data-phx-page="contacts"],[data-phx-page="ral"])) .btn:hover,:where(html:not([data-phx-page="contacts"],[data-phx-page="ral"])) .toggle:hover,:where(html:not([data-phx-page="contacts"],[data-phx-page="ral"])) button:hover {
  background: var(--phx-brand-hover) !important;
  border-color: var(--phx-brand-hover) !important;
  color: var(--phx-text-on-dark) !important;
  box-shadow: 0 4px 12px var(--phx-alpha-ink-12);
}

:where(html:not([data-phx-page="contacts"])) .btn:active,:where(html:not([data-phx-page="contacts"])) button:active {
  background: var(--phx-brand-active) !important;
  border-color: var(--phx-brand-active) !important;
  transform: translateY(1px);
}

:where(html:not([data-phx-page="contacts"])) .btn:focus-visible,:where(html:not([data-phx-page="contacts"])) button:focus-visible {
  outline: 3px solid var(--phx-focus-ring);
  outline-offset: 2px;
}

:where(html:not([data-phx-page="contacts"])) .nav a:hover,:where(html:not([data-phx-page="contacts"])) .nav a.active {
  color: var(--phx-brand);
}

@media (prefers-reduced-motion:reduce) {
  :where(html:not([data-phx-page="contacts"])) .btn,:where(html:not([data-phx-page="contacts"])) .toggle,:where(html:not([data-phx-page="contacts"])) button {
    transition: none;
  }
}

.nav-dropdown>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
}

.nav-dropdown>a .nav-chevron {
  display: inline-block;
  width: var(--phx-size-8);
  height: var(--phx-size-8);
  flex: 0 0 7px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform var(--phx-motion-fast) var(--phx-ease-standard);
  opacity: .8;
}

.nav-dropdown:hover>a .nav-chevron,.nav-dropdown:focus-within>a .nav-chevron {
  transform: translateY(1px) rotate(225deg);
  opacity: 1;
}

@media (prefers-reduced-motion:reduce) {
  :where(html:not([data-phx-page="contacts"])) .nav-dropdown>a .nav-chevron {
    transition: none;
  }
}

.header .nav {
  gap: var(--space-1);
  align-items: center;
}

:where(html:not([data-phx-page="contacts"])) .header .nav {
  flex-wrap: wrap;
}

.header .nav>a,.header .nav>.nav-dropdown>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--phx-size-32);
  padding: var(--space-2) var(--space-3);
  border: 1px solid transparent !important;
  border-radius: var(--phx-radius-8);
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  font-weight: 600;
  line-height: var(--phx-leading-heading);
  letter-spacing: .1px;
  text-decoration: none;
  background: transparent;
  box-shadow: none;
  transition: background-color var(--phx-motion-fast) var(--phx-ease-standard),border-color var(--phx-motion-fast) var(--phx-ease-standard),color var(--phx-motion-fast) var(--phx-ease-standard),box-shadow var(--phx-motion-fast) var(--phx-ease-standard);
}

.header .nav>a:not(.active):not([aria-current="page"]):hover,.header .nav>.nav-dropdown:hover>a:not(.active):not([aria-current="page"]),.header .nav>.nav-dropdown:focus-within>a:not(.active):not([aria-current="page"]) {
  background: var(--phx-surface-muted) !important;
  border-color: var(--phx-border) !important;
  box-shadow: 0 2px 8px var(--phx-alpha-ink-4);
}

.header .nav>a:is(.active,[aria-current="page"]),.header .nav>.nav-dropdown>a:is(.active,[aria-current="page"]) {
  color: var(--phx-text-on-dark) !important;
  background: var(--phx-brand) !important;
  border-color: var(--phx-brand) !important;
  box-shadow: 0 3px 9px var(--phx-alpha-ink-12);
}

.header .nav>a:focus-visible,.header .nav>.nav-dropdown>a:focus-visible {
  outline: 2px solid var(--phx-brand) !important;
  outline-offset: 3px;
}

:where(html:not([data-phx-page="contacts"])) .header .nav .nav-dropdown {
  position: relative;
}

.header .nav .nav-menu {
  top: calc(100% + var(--space-1));
  padding: var(--space-2);
  border-radius: var(--phx-radius-8);
  border: 1px solid var(--phx-border);
  box-shadow: 0 14px 32px var(--phx-alpha-ink-12);
}

.header .nav .nav-menu a {
  color: var(--phx-brand);
  background: transparent !important;
  border: 0 !important;
  border-radius: var(--phx-radius-4);
  display: block;
  padding: var(--space-3) var(--space-3);
  min-height: 0;
  font-size: var(--phx-font-xs);
  text-align: start;
  white-space: normal;
  box-shadow: none;
  transform: none;
}

.header .nav .nav-menu a:not(.active):not([aria-current="page"]):is(:hover,:focus-visible) {
  color: var(--phx-brand) !important;
  background: var(--phx-surface-subtle) !important;
}

.header .nav .nav-menu a:is(.active,[aria-current="page"]) {
  color: var(--phx-brand) !important;
  background: var(--phx-surface-muted) !important;
  font-weight: 700;
}

@media (min-width:951px) {
  :where(html:not([data-phx-page="contacts"])) .header .nav {
    gap: clamp(var(--space-1),.45vw,var(--space-2));
  }
  :where(html:not([data-phx-page="contacts"])) .header .nav>a,:where(html:not([data-phx-page="contacts"])) .header .nav>.nav-dropdown>a {
    padding: var(--space-2) clamp(var(--space-2),.82vw,var(--space-3)) !important;
  }
}

@media (max-width:950px) {
  .header .nav>a,.header .nav>.nav-dropdown>a {
    min-height: var(--phx-size-32);
    padding: var(--space-2) var(--space-3);
  }
  :where(html:not([data-phx-page="contacts"])) .header .nav .nav-menu {
    top: 100%;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html:not([data-phx-page="contacts"])) .header .nav>a,:where(html:not([data-phx-page="contacts"])) .header .nav>.nav-dropdown>a {
    transition: none;
  }
}

@media (min-width:851px) {
  :where(html:not([data-phx-page="contacts"])) .footer .footgrid {
    grid-template-columns: 1.25fr 1fr 1fr 1fr;
  }
}

.footer.contacts-footer {
  background: var(--phx-text-strong);
  color: var(--phx-surface-muted);
  padding: var(--space-7) 0 0;
}

.contacts-footer .footgrid {
  display: grid;
  grid-template-columns: minmax(190px,1.4fr) minmax(135px,1fr) minmax(135px,1fr) minmax(190px,1.25fr);
  gap: clamp(var(--space-5),3.2vw,var(--space-7));
  align-items: start;
}

:where(html:not([data-phx-page="contacts"])) .contacts-footer .footer-brand {
  padding-right: var(--space-3);
}

.contacts-footer .footer-logo img {
  width: var(--phx-size-192);
  max-width: 100%;
  height: auto;
  max-height: var(--phx-size-64);
  object-fit: contain;
  object-position: left center;
}

.contacts-footer h3 {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-subheading);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--phx-surface-muted);
  margin: var(--space-1) 0 var(--space-4);
}

.contacts-footer .footer-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.contacts-footer .footer-column li {
  margin: 0;
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-intro);
  color: var(--phx-border);
}

.contacts-footer .footer-column a {
  color: var(--phx-border);
  text-decoration: none;
  transition: color .15s ease;
}

.contacts-footer .footer-column a:hover,.contacts-footer .footer-column a:focus-visible {
  color: var(--phx-surface);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.contacts-footer .copyright {
  margin-top: var(--space-7);
  padding: var(--space-4) 0 var(--space-5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3) var(--space-5);
  color: var(--phx-border);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-intro);
}

.contacts-footer .copyright a {
  color: inherit;
  text-decoration: none;
}

.contacts-footer .copyright a:hover {
  text-decoration: underline;
  color: var(--phx-surface);
}

@media (max-width:950px) {
  .contacts-footer .footgrid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: var(--space-6);
  }
  .contacts-footer .footer-brand {
    grid-column: 1/-1;
    padding-right: 0;
  }
  :where(html:not([data-phx-page="contacts"])) .contacts-footer .copyright {
    margin-top: var(--space-6);
  }
}

@media (max-width:620px) {
  :where(html:not([data-phx-page="contacts"])) .footer.contacts-footer {
    padding-top: var(--space-6);
  }
  .contacts-footer .footgrid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--space-5) var(--space-5);
  }
  :where(html:not([data-phx-page="contacts"])) .contacts-footer .footer-brand {
    grid-column: 1/-1;
  }
  .contacts-footer .copyright {
    flex-direction: column;
    align-items: flex-start;
    margin-top: var(--space-6);
  }
}

@media (max-width:950px) {
  .header {
    align-items: flex-start;
    flex-direction: column;
    padding: var(--space-2) 0;
  }
  :where(html:not([data-phx-page="contacts"])) .header {
    height: auto;
    min-height: var(--phx-size-96);
    gap: var(--space-2);
  }
  .header .nav {
    white-space: normal;
    flex-wrap: wrap;
  }
  :where(html:not([data-phx-page="contacts"])) .header .nav {
    gap: var(--space-1);
  }
}

.contacts-footer .footer-about ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.contacts-footer .footer-about a {
  overflow-wrap: break-word;
}

@media (max-width:1050px) {
  .footer.contacts-footer .footgrid {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: var(--space-5);
  }
  .contacts-footer .footer-brand {
    grid-column: 1/-1;
  }
}

@media (max-width:720px) {
  .footer.contacts-footer .footgrid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--space-5) var(--space-4);
  }
  .contacts-footer .footer-brand {
    grid-column: 1/-1;
  }
}

@media (max-width:390px) {
  .footer.contacts-footer .footgrid {
    grid-template-columns: 1fr 1fr;
  }
  .contacts-footer .footer-about {
    min-width: 0;
  }
}

:where(html[data-phx-template|="about"],html[data-phx-template|="expertise"]) main.wrap.page-body:not(.location-redesign),:where(html[data-phx-page="news"]) main>.event-section:last-child,:where(html[data-phx-template="legal"]) main .legal-layout,:where(html[data-phx-template|="product"],html[data-phx-page="ral"]) main.wrap.section {
  padding-bottom: var(--space-5);
}

@keyframes phx-logos-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.contacts-footer .phx-linkedin-footer {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--phx-border);
  text-decoration: none;
  font-size: var(--phx-font-xs);
  font-weight: 600;
  padding: var(--space-2) var(--space-3);
  margin-top: var(--space-4);
  border: 1px solid var(--phx-brand);
  border-radius: var(--phx-radius-8);
  background: transparent;
  transition: color .18s,border-color .18s,background .18s;
}

.contacts-footer .phx-linkedin-footer:hover,.contacts-footer .phx-linkedin-footer:focus-visible {
  color: var(--phx-surface);
  border-color: transparent;
  background: transparent;
}

.footer.contacts-footer .footgrid>.footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.footer.contacts-footer .footer-brand .footer-logo {
  width: var(--phx-size-192);
  max-width: 100%;
}

main,section,article,.wrap,:where(html[data-phx-template|="product"],html[data-phx-page="home"]) .products,:where(html[data-phx-page="home"]) .home-products-grid,:where(html[data-phx-page="home"]) .phx-meter-cards,:is(.home-products-grid,.phx-meter-cards)>* {
  min-width: 0;
}

:is(.phx-meter-card,.home-product-card,.product-card) img {
  max-width: 100%;
}

:is(.phx-meter-card-copy,.home-product-body,.product-card) :is(h2,h3,p) {
  overflow-wrap: break-word;
}

@media (max-width:700px) {
  :is(.home-products-grid,.phx-meter-cards) {
    grid-template-columns: minmax(0,1fr);
  }
  :is(.home-products-grid,.phx-meter-cards)>* {
    width: 100%;
    min-width: 0;
  }
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-product-secondary-heading {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  font-weight: 700;
  line-height: var(--phx-leading-heading);
  letter-spacing: -.8px;
  margin: 0 0 var(--space-3);
  color: inherit;
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-seo-related-products {
  max-width: var(--phx-size-1200);
  width: 92%;
  margin-block: 0;
  margin-inline: auto;
  padding: var(--space-5) var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-seo-related-products h2 {
  font-size: var(--phx-font-card);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-seo-related-products p {
  margin: 0 0 var(--space-5);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-seo-related-products ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-seo-related-products a {
  display: block;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  color: var(--phx-brand);
  text-decoration: none;
  font-size: var(--phx-font-xs);
  font-weight: 700;
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-seo-related-products a:hover,:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-seo-related-products a:focus-visible {
  background: var(--phx-surface-subtle);
  text-decoration: underline;
}

@media (max-width:767px) {
  :root {
    --phx-card-gap: var(--space-5);
  }
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
  --ex-space: var(--phx-section-gap);
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page h2 {
  color: var(--phx-heading-color);
  letter-spacing: -.045em;
  line-height: var(--phx-leading-heading);
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page p {
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
}

@media (max-width:600px) {
  :where(html[data-phx-template|="expertise"]) .phx-expertise-page {
    padding-top: var(--space-6);
  }
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks {
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks h2 {
  font-size: clamp(var(--phx-font-subheading),2.6vw,var(--phx-font-section));
  color: var(--phx-text);
  margin: var(--space-2) 0 var(--space-2);
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks>p {
  max-width: var(--phx-size-800);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-5);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-3);
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks-grid a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  border: 1px solid var(--phx-border);
  background: var(--phx-surface);
  border-radius: var(--phx-radius-8);
  padding: var(--space-4) var(--space-4);
  text-decoration: none;
  color: var(--phx-brand);
  font-weight: 700;
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-caption);
  min-width: 0;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks-grid a:hover {
  background: var(--phx-surface-subtle);
  border-color: var(--phx-border);
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks-grid a[aria-current=page] {
  border-color: var(--phx-border);
  background: var(--phx-surface-subtle);
  cursor: default;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks-grid a span:last-child {
  font-size: var(--phx-font-body);
  flex-shrink: 0;
}

@media (max-width:700px) {
  :where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks-grid {
    grid-template-columns: 1fr;
  }
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(figure,.ex-featured-image) {
  min-width: 0;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page picture {
  display: block;
  width: 100%;
  min-width: 0;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page img {
  max-width: 100%;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-visual,.fd-feature figure,.fd-pair figure,.fd-banner figure,.cp-duo figure,.cp-split figure) {
  margin: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-visual,.fd-feature figure,.fd-pair figure,.fd-banner figure,.cp-duo figure,.cp-split figure)>picture {
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-visual,.fd-feature figure,.fd-pair figure,.fd-banner figure,.cp-duo figure,.cp-split figure)>picture>img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page .mf-gallery-grid picture {
  aspect-ratio: 1.65;
  overflow: hidden;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page .mf-gallery-grid picture img,
:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card img,
:where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card-media img,
:where(html[data-phx-page="references"]) .references-page .references-intro .intro-visual img,
:where(html[data-phx-page="references"]) .references-page .export-markets img {
  display: block;
  width: 100%;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page .mf-gallery-grid picture img {
  height: 100%;
  object-fit: cover;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page figcaption {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-compact);
  padding: var(--space-3) var(--space-4);
  color: var(--phx-text-muted);
  background: var(--phx-surface-muted);
  flex: 0 0 auto;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-split,.fd-feature,.fd-pair,.fd-banner,.cp-split)>* {
  min-width: 0;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-cta,.ex-cta) {
  flex-wrap: wrap;
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-cta,.ex-cta) a {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

@media (max-width:600px) {
  :where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-visual,.fd-feature figure,.fd-pair figure,.fd-banner figure,.cp-duo figure,.cp-split figure) {
    height: auto;
    min-height: 0;
  }
  :where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-visual,.fd-feature figure,.fd-pair figure,.fd-banner figure,.cp-duo figure,.cp-split figure)>picture {
    flex: none;
    aspect-ratio: 1.5;
    height: auto;
  }
  :where(html[data-phx-template|="expertise"]) .phx-expertise-page :is(.mf-visual,.fd-feature figure,.fd-pair figure,.fd-banner figure,.cp-duo figure,.cp-split figure)>picture>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  :where(html[data-phx-template|="expertise"]) .phx-expertise-page h2 {
    overflow-wrap: break-word;
  }
}

@media (max-width:950px) {
  :where(html[data-phx-template|="expertise"]) header.header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  :where(html[data-phx-template|="expertise"]) header.header>a:first-child {
    flex: 0 1 auto !important;
  }
  :where(html[data-phx-template|="expertise"]) header.header .header-logo {
    width: var(--phx-size-160);
    max-width: 49vw;
    height: var(--phx-size-64);
    object-fit: contain;
  }
  :where(html[data-phx-template|="expertise"]) header.header .phx-mobile-nav-toggle {
    margin-left: auto;
  }
  :where(html[data-phx-template|="expertise"]) header.header .nav {
    order: 5;
  }
}

.header .nav>a,.header .nav>.nav-dropdown>a {
  text-transform: none;
}

.footer.contacts-footer .footer-column ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.footer.contacts-footer .footer-about ul {
  gap: var(--space-2);
}

.footer.contacts-footer .phx-linkedin-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: max-content;
  max-width: 100%;
  margin: var(--space-4) auto 0;
  position: static;
  left: auto;
  transform: none;
}

.hotline-intro h2 {
  letter-spacing: -.025em;
  line-height: var(--phx-leading-heading);
}

.hotline-intro p {
  max-width: var(--phx-size-640);
  line-height: var(--phx-leading-reading);
}

.footer.contacts-footer .footgrid {
  display: grid;
  row-gap: var(--space-5);
  align-items: start;
}

.footer.contacts-footer .footer-brand {
  min-height: 0;
}

.footer.contacts-footer .footer-column {
  min-width: 0;
}

.footer.contacts-footer .footer-column ul {
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
}

.footer.contacts-footer .footer-column li {
  margin: 0;
  padding: 0;
  line-height: var(--phx-leading-intro);
}

.footer.contacts-footer .footer-column li+li {
  margin-top: var(--space-2);
}

.footer.contacts-footer .footer-column li a {
  display: inline-block;
  text-decoration: none;
  line-height: var(--phx-leading-intro);
}

.footer.contacts-footer .footer-column li a:hover {
  text-decoration: underline;
}

.footer.contacts-footer .footer-expertise .footer-column-title {
  margin-bottom: var(--space-2);
}

.footer.contacts-footer .footer-quick .phx-linkedin-footer {
  position: static;
  transform: none;
  left: auto;
  right: auto;
  align-self: flex-start;
  justify-content: center;
  height: var(--phx-size-24);
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: max-content;
  max-width: 100%;
  margin: var(--space-4) auto 0;
}

@media (max-width:1000px) {
  .footer.contacts-footer .footgrid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--space-5) var(--space-5);
  }
}

@media (max-width:560px) {
  .footer.contacts-footer .footgrid {
    gap: var(--space-5);
  }
  .footer.contacts-footer .footer-column li+li {
    margin-top: var(--space-2);
  }
}

.footer .footer-brand {
  min-width: 0;
  align-self: start;
}

.footer .phx-footer-brandline {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  flex-wrap: wrap;
}

.footer .phx-footer-brandline .footer-logo {
  flex: 0 0 auto;
}

.footer .phx-footer-brandline .footer-logo img {
  width: var(--phx-size-160);
  max-width: 100%;
  height: auto;
}

.footer .phx-footer-tagline {
  display: block;
  width: clamp(var(--phx-size-160),17vw,var(--phx-size-224));
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.footer .phx-footer-quick-linkedin a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--phx-surface);
  width: var(--phx-size-32);
  height: var(--phx-size-32);
  border: 0;
  border-radius: 0;
  text-decoration: none;
}

.footer .phx-footer-quick-linkedin a:hover {
  background: none;
}

@media (max-width:760px) {
  .footer .phx-footer-brandline {
    gap: var(--space-2);
  }
  .footer .phx-footer-tagline {
    width: var(--phx-size-224);
  }
}

.footer .footer-column ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  line-height: var(--phx-leading-detail);
  min-height: 0;
}

.footer .footer-column ul li a {
  display: inline-block;
  margin: 0;
  padding: var(--space-1) 0;
  line-height: var(--phx-leading-caption);
}

.footer .footer-column h3 {
  margin: 0 0 var(--space-3);
  line-height: var(--phx-leading-subheading);
}

.footer .footgrid {
  align-items: start;
  gap: clamp(var(--space-4),2vw,var(--space-6));
}

:where(html:not([data-phx-page="coating-drying-technology"],[data-phx-page="contacts"],[data-phx-page="home"],[data-phx-page="privacy-policy"],[data-phx-page="real-paint-samples-vs-printed-samples"])) .phx-inline-company-name {
  font-weight: 600;
}

@media (max-width:760px) {
  .footer .footgrid {
    row-gap: var(--space-5);
  }
}

.footer .footer-column ul {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 0;
  row-gap: 0;
  margin: 0;
  padding: 0;
}

.footer .footer-column li {
  margin: 0;
  padding: 0;
  line-height: var(--phx-leading-caption);
}

.footer .footer-column li a {
  margin: 0;
  padding: var(--space-1) 0;
  line-height: var(--phx-leading-caption);
}

.footer .phx-footer-quick-linkedin {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: start;
  margin: var(--space-2) 0 0;
  padding: 0;
}

.footer .phx-linkedin-footer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto !important;
  width: var(--phx-size-24);
  height: var(--phx-size-24);
  margin: 0;
  padding: 0;
  text-decoration: none;
  margin-left: 0;
  margin-right: auto;
  border-radius: 0;
}

@media (max-width:760px) {
  :root {
    --phx-content-space: var(--space-3);
  }
}

.footer-logo a.phx-footer-home-link {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}

.footer-logo a.phx-footer-home-link:focus-visible {
  outline: 2px solid var(--phx-surface);
  outline-offset: 5px;
  border-radius: var(--phx-radius-4);
}

@media (max-width:700px) {
  :root {
    --phx-heading-gap: var(--space-4);
    --phx-content-gap: var(--space-5);
  }
}

:where(html[data-phx-template|="about"],html[data-phx-template|="expertise"]) .page-body p+p,:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-text-column p+p,:where(html[data-phx-template|="expertise"]) .phx-expertise-page p+p {
  margin-top: var(--phx-paragraph-gap);
}

:where(html[data-phx-template|="about"],html[data-phx-template|="expertise"]) .page-body h2+p,:where(html[data-phx-template|="about"],html[data-phx-template|="expertise"]) .page-body h3+p,:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign h3+p {
  margin-top: var(--phx-heading-gap);
}

:where(html[data-phx-template|="about"],html[data-phx-template|="expertise"]) .page-body:not(.phx-expertise-page):not(.location-redesign) section+section {
  margin-top: var(--phx-section-gap);
}

:where(html[data-phx-template|="about"],html[data-phx-template|="expertise"]) .page-body h2,:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign h2 {
  overflow-wrap: break-word;
}

.footer-quick .phx-footer-quick-linkedin {
  margin: var(--space-3) 0 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: start;
  width: 100%;
  align-self: stretch;
}

.footer-quick .phx-linkedin-footer {
  margin: 0;
  align-self: flex-start;
}

:where(html:not([data-phx-template|="about"],[data-phx-page="coating-drying-technology"],[data-phx-page="color-accuracy-quality-control"],[data-phx-page="color-fan-deck-manufacturing-process"],[data-phx-page="home"])) .footer .footer-column.footer-quick {
  min-width: 0;
  text-align: start;
}

:where(html:not([data-phx-template|="about"],[data-phx-page="coating-drying-technology"],[data-phx-page="color-accuracy-quality-control"],[data-phx-page="color-fan-deck-manufacturing-process"],[data-phx-page="home"])) .footer .footer-column.footer-quick>h3,:where(html:not([data-phx-template|="about"],[data-phx-page="coating-drying-technology"],[data-phx-page="color-accuracy-quality-control"],[data-phx-page="color-fan-deck-manufacturing-process"],[data-phx-page="home"])) .footer .footer-column.footer-quick>ul {
  padding-left: 0;
  margin-left: 0;
  text-align: start;
}

:where(html:not([data-phx-template|="about"],[data-phx-page="coating-drying-technology"],[data-phx-page="color-accuracy-quality-control"],[data-phx-page="color-fan-deck-manufacturing-process"],[data-phx-page="home"])) .footer .footer-column.footer-quick .phx-footer-quick-linkedin {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: var(--space-3) 0 0 0;
  padding: 0;
  text-align: start;
  transform: none;
}

:where(html:not([data-phx-template|="about"],[data-phx-page="coating-drying-technology"],[data-phx-page="color-accuracy-quality-control"],[data-phx-page="color-fan-deck-manufacturing-process"],[data-phx-page="home"])) .footer .footer-column.footer-quick .phx-footer-quick-linkedin>a.phx-linkedin-footer {
  display: inline-flex;
  position: relative;
  flex: 0 0 26px !important;
  width: var(--phx-size-24);
  margin: 0 !important;
  margin-left: 0;
  margin-right: 0;
  align-self: flex-start;
  transform: none;
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-product-questions {
  margin: var(--space-6) 0 var(--space-7);
  padding: clamp(var(--space-5),3.3vw,var(--space-6));
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  color: var(--phx-text-strong);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-product-questions .phx-questions-label {
  font-size: var(--phx-font-xs);
  letter-spacing: 1.35px;
  font-weight: 700;
  color: var(--phx-brand);
  text-transform: uppercase;
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-product-questions h2 {
  margin: var(--space-2) 0 var(--space-4);
  font-size: clamp(var(--phx-font-subheading),2.6vw,var(--phx-font-subheading));
  line-height: var(--phx-leading-ui);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-product-questions details {
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  margin: var(--space-2) 0;
  padding: 0 var(--space-4);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-product-questions summary {
  cursor: pointer;
  padding: var(--space-4) 0;
  font-size: var(--phx-font-sm);
  font-weight: 700;
  line-height: var(--phx-leading-compact);
  color: var(--phx-text-strong);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-product-questions details p {
  padding: 0 0 var(--space-4);
  margin: 0;
  font-size: var(--phx-font-sm);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-template|="product"]:not([data-phx-template="product-index"])) .phx-product-questions summary:focus-visible {
  outline: 2px solid var(--phx-brand);
  outline-offset: 3px;
}

.phx-lang-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: var(--space-2);
}

.phx-lang-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font: inherit;
  font-size: var(--phx-font-xs);
  font-weight: 700;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--phx-control-border);
  border-radius: var(--phx-radius-8);
  color: var(--phx-brand);
  background: var(--phx-surface-muted);
  cursor: pointer;
}

.phx-lang-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  min-width: var(--phx-size-160);
  padding: var(--space-1);
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  box-shadow: 0 8px 24px var(--phx-alpha-ink-12);
  z-index: 9999;
}

.phx-lang-switch[open] .phx-lang-menu {
  display: grid;
  gap: var(--space-1);
}

.phx-lang-menu a {
  display: block;
  padding: var(--space-2) var(--space-3);
  font-size: var(--phx-font-xs);
  border: 0 !important;
  text-decoration: none;
  color: var(--phx-text);
  border-radius: var(--phx-radius-4);
}

.phx-lang-menu a:hover,.phx-lang-menu a[aria-current=page] {
  background: var(--phx-surface-subtle) !important;
}

.phx-lang-trigger:focus-visible {
  outline: 2px solid var(--phx-brand);
  outline-offset: 2px;
}

@media (max-width:950px) {
  .phx-lang-switch {
    margin: var(--space-1) 0;
  }
  .phx-lang-menu {
    right: auto;
    left: 0;
  }
}

html[lang="de"] h1:where(html,html *),html[lang="de"] h2:where(html,html *),html[lang="de"] h3:where(html,html *),html[lang="de"] .nav-menu a:where(html,html *),html[lang="de"] .footer-column a:where(html,html *) {
  overflow-wrap: anywhere;
  hyphens: auto;
}

html[lang="de"] .phx-lang-menu a:where(html,html *) {
  hyphens: none;
  overflow-wrap: normal;
}

html[lang="de"] .phx-lang-trigger:where(html,html *)::-webkit-details-marker {
  display: none;
}

html[lang="de"] .phx-lang-trigger:where(html,html *) {
  list-style: none;
}

@media (max-width:950px) {
  html[lang="de"] .phx-lang-switch:where(html,html *) {
    display: block;
    width: 100%;
  }
  html[lang="de"] .phx-lang-menu:where(html,html *) {
    position: static;
    box-shadow: none;
    margin-top: var(--space-1);
    min-width: 0;
  }
}

html[lang="it"] h1:where(html,html *),html[lang="it"] h2:where(html,html *),html[lang="it"] h3:where(html,html *),html[lang="it"] .nav-menu a:where(html,html *),html[lang="it"] .footer-column a:where(html,html *) {
  overflow-wrap: anywhere;
  hyphens: auto;
}

html[lang="it"] .phx-lang-menu a:where(html,html *) {
  hyphens: none;
  overflow-wrap: normal;
}

html[lang="it"] .phx-lang-trigger:where(html,html *) {
  list-style: none;
}

html[lang="it"] .phx-lang-trigger:where(html,html *)::-webkit-details-marker {
  display: none;
}

@media (max-width:950px) {
  html[lang="it"] .phx-lang-switch:where(html,html *) {
    display: block;
    width: 100%;
  }
  html[lang="it"] .phx-lang-menu:where(html,html *) {
    position: static;
    box-shadow: none;
    margin-top: var(--space-1);
    min-width: 0;
  }
}

img,svg {
  max-width: 100%;
}

img {
  height: auto;
}

:where(.phx-unified-hero) {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

:where(html:not([data-phx-page="ral"])) .phx-unified-hero::before,:where(html[data-phx-page="ral"]) .hero.ral-hero-background::before,:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact::before {
  background: var(--phx-hero-fade) !important;
  background-image: var(--phx-hero-fade) !important;
  pointer-events: none !important;
}

@media (min-width:1025px) {
  .header .phx-mobile-nav-toggle {
    display: none;
  }
  .header .nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy {
    max-width: var(--phx-size-800);
  }
}

@media (min-width:641px) and (max-width:1024px) {
  .wrap {
    width: calc(100% - var(--phx-size-48));
    max-width: var(--phx-content-max);
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy {
    max-width: min(var(--phx-size-640),95%);
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy h1 {
    font-size: clamp(var(--phx-font-subheading),4.5vw,var(--phx-font-page));
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero {
    background-position: center center !important;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero>.wrap.hero-grid {
    width: calc(100% - var(--phx-size-48));
  }
}

@media (max-width:640px) {
  .wrap {
    width: calc(100% - var(--phx-size-24));
    max-width: var(--phx-content-max);
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero>.wrap.hero-grid {
    width: calc(100% - var(--phx-size-24));
    max-width: 100%;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy {
    max-width: 100%;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy h1 {
    font-size: clamp(var(--phx-font-subheading),8vw,var(--phx-font-section));
    overflow-wrap: break-word;
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero .ral-hero-copy p {
    font-size: var(--phx-font-xs);
    line-height: var(--phx-leading-body);
  }
  :where(html:not([data-phx-page="ral"])) .phx-unified-hero {
    background-position: center center !important;
  }
  .header .header-logo {
    max-width: min(var(--phx-size-192),52vw);
  }
  :where(input,textarea,select) {
    max-width: 100%;
    min-width: 0;
  }
}

.phx-mobile-nav-toggle {
  display: none;
}

@media (max-width:1024px) {
  .header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-2);
    min-height: var(--phx-size-64);
    height: auto;
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
    z-index: 100;
  }
  .header>a:first-child {
    min-width: 0;
    flex: 0 1 auto !important;
  }
  .header .header-logo {
    max-width: min(var(--phx-size-224),54vw);
    height: auto;
  }
  .phx-mobile-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    border: 1px solid var(--phx-control-border);
    background: var(--phx-surface);
    color: var(--phx-text);
    border-radius: var(--phx-control-radius);
    padding: var(--space-2) var(--space-3);
    font: 700 var(--phx-font-xs)/1.2 var(--phx-font-sans);
    cursor: pointer;
    min-height: var(--phx-control-height);
    min-width: var(--phx-size-96);
    flex: none;
    margin-left: auto;
  }
  .phx-mobile-nav-toggle:focus-visible {
    outline: 3px solid var(--phx-focus-ring);
    outline-offset: 2px;
  }
  .phx-mobile-nav-toggle svg {
    width: var(--phx-size-16);
    height: var(--phx-size-16);
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
  }
  .header .nav {
    display: none;
    position: static;
    order: 5;
    flex: 0 0 100% !important;
    width: 100%;
    min-width: 0;
    max-height: min(72vh,var(--phx-size-640));
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    background: var(--phx-surface) !important;
    border: 1px solid var(--phx-border) !important;
    border-radius: var(--phx-radius-12);
    padding: var(--space-2);
    box-shadow: 0 12px 30px var(--phx-alpha-ink-12);
    gap: var(--space-1);
    white-space: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  .header.phx-mobile-nav-open .nav {
    display: flex !important;
  }
  .header .nav>a,.header .nav>.nav-dropdown>a {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    min-height: var(--phx-size-48);
    justify-content: space-between;
    text-align: start;
    padding: var(--space-3) var(--space-3) !important;
    border-radius: var(--phx-radius-8);
    font-size: var(--phx-font-sm);
  }
  .header .nav .nav-dropdown {
    display: block;
    position: static;
    width: 100%;
  }
  .header .nav .nav-menu {
    display: flex;
    position: static;
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    flex-direction: column;
    background: var(--phx-surface-muted) !important;
    box-shadow: none;
    border: 0 !important;
    border-left: 2px solid var(--phx-border) !important;
    border-radius: var(--phx-radius-4);
    padding: var(--space-1) 0 var(--space-1) var(--space-2);
    margin: 0 0 var(--space-1) var(--space-3);
    max-width: calc(100% - var(--phx-size-12));
  }
  .header .nav .nav-menu a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: var(--phx-size-32);
    padding: var(--space-2) var(--space-2) !important;
    font-size: var(--phx-font-xs);
    white-space: normal;
    line-height: var(--phx-leading-caption);
  }
  .header .nav .nav-chevron {
    margin-left: auto;
  }
}

:where(html:not([data-phx-page="ral"])) body section.phx-unified-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-image: none;
  background-color: var(--phx-surface-muted);
}

:where(html:not([data-phx-page="ral"])) body section.phx-unified-hero>img.phx-hero-photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  object-position: center 48%;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  opacity: 1;
  visibility: visible;
  filter: none;
  transform: none;
  pointer-events: none;
}

:where(html:not([data-phx-page="ral"])) body section.phx-unified-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: var(--phx-hero-fade) !important;
  background-image: var(--phx-hero-fade) !important;
  pointer-events: none !important;
}

:where(html:not([data-phx-page="ral"])) body section.phx-unified-hero>.wrap.hero-grid {
  position: relative;
  z-index: 2;
}

:where(html:not([data-phx-page="ral"])) body section.phx-unified-hero::after {
  pointer-events: none;
}

@media (max-width:640px) {
  :where(html:not([data-phx-page="ral"])) body section.phx-unified-hero>img.phx-hero-photo {
    object-fit: cover;
  }
}

[data-phx-space="advantage"] {
  margin-top: 0;
  margin-bottom: var(--space-5);
  padding-top: var(--space-2);
  padding-bottom: var(--space-4);
}

[data-phx-space="news"] {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--phx-news-gap);
  padding-bottom: var(--phx-section-space,var(--space-7));
}

@media (max-width:1024px) {
  :root {
    
  }
}

@media (max-width:640px) {
  :root {
    --phx-font-card: 17px;
    --phx-font-subheading: 20px;
    --phx-font-section: 26px;
    --phx-font-page: 30px;
    
  }
}

main:not(.phx-expertise-page):not(.location-redesign)>section:not(.hero):not(.phx-unified-hero):not(.hotline-strip) {
  margin-block-end: 0;
}

main.page-body:is(.phx-expertise-page,.location-redesign) {
  --phx-section-gap: var(--space-7);
  --phx-content-gap: var(--space-5);
  padding-top: var(--phx-section-gap);
}

main.page-body:is(.phx-expertise-page,.location-redesign)>:is(section,div,figure) {
  margin-block: 0;
}

main.page-body:is(.phx-expertise-page,.location-redesign)>:is(section,div,figure)+:is(section,div,figure) {
  margin-block-start: var(--phx-section-gap);
}

main.page-body.phx-expertise-page>.ex-heading+.ex-grid {
  margin-block-start: var(--phx-content-gap);
}

main.page-body.location-redesign>.trade-agreements-section {
  padding-block-start: 0;
}

@media (max-width:1024px) {
  main.page-body:is(.phx-expertise-page,.location-redesign) {
    --phx-section-gap: var(--space-6);
  }
}

@media (max-width:640px) {
  main.page-body:is(.phx-expertise-page,.location-redesign) {
    --phx-section-gap: var(--space-5);
    --phx-content-gap: var(--space-4);
  }
}

main.phx-contacts-improved>section.contact-section {
  margin-block-end: 0;
  padding-block-end: 0;
}

.footer .footer-quick .phx-linkedin-footer .phx-linkedin-footer-icon {
  display: block;
  width: var(--phx-size-24);
  height: var(--phx-size-24);
  object-fit: contain;
  flex: 0 0 26px;
}

.footer .footer-quick .phx-linkedin-footer {
  position: static;
  transform: none;
  left: auto;
  right: auto;
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
  margin-inline: 0;
  min-height: 0;
  height: var(--phx-size-24);
  width: var(--phx-size-24);
  flex: 0 0 26px !important;
  align-self: flex-start;
  justify-content: flex-start;
  border: 0 !important;
  border-radius: 0;
  background: none !important;
  box-shadow: none;
  outline-offset: 3px;
}

input::placeholder,textarea::placeholder {
  color: var(--phx-text-muted);
  opacity: 1;
}

.home-product-body p,.phx-expertise-page p,.trade-agreements-intro p,.phx-fandeck-intro p,.phx-colorcharts-intro p,.phx-why-sub,.section-head p {
  color: var(--phx-text-muted);
}

.footer,.contacts-footer {
  color: var(--phx-surface);
}

.home-product-body p,.phx-expertise-page p,.trade-agreements-intro p,.phx-fandeck-intro p,.phx-colorcharts-intro p,.section-head p {
  font-size: max(var(--phx-font-sm),1em);
}

.phx-text-muted {
  color: var(--phx-text-muted);
}

.phx-visually-hidden {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ral-price-note {
  margin: var(--space-2) 0 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
}

section.hotline-strip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--space-4) 0;
  min-height: 0;
  background: var(--phx-dark-section-bg);
  color: var(--phx-text-on-dark-muted);
  border: 0;
  margin: 0;
  clear: both;
}

section.hotline-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(118deg,var(--phx-alpha-paper-8),transparent 52%),radial-gradient(circle at 94% 7%,var(--phx-alpha-paper-8),transparent 46%);
  z-index: -1;
  pointer-events: none;
}

section.hotline-strip .hotline-inner {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.16fr);
  gap: clamp(var(--space-3),2.1vw,var(--space-5));
  align-items: center;
  padding: 0;
  max-width: var(--phx-size-1200);
  margin: auto;
}

section.hotline-strip .hotline-intro {
  min-width: 0;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  column-gap: var(--space-3);
  align-items: center;
  padding: 0;
}

section.hotline-strip .hotline-eyebrow {
  display: inline-block;
  grid-column: 1/-1;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-1);
  color: var(--phx-text-on-dark-muted);
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}

section.hotline-strip .hotline-intro h2 {
  grid-column: 1;
  margin: 0 0 var(--space-1);
  color: var(--phx-text-on-dark);
  font-size: clamp(var(--phx-font-card),2.1vw,var(--phx-font-subheading));
  font-weight: 700;
  letter-spacing: -.55px;
  line-height: var(--phx-leading-heading);
}

section.hotline-strip .hotline-intro p {
  grid-column: 1;
  max-width: var(--phx-size-384);
  margin: 0;
  color: var(--phx-text-on-dark-muted);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-compact);
}

section.hotline-strip .hotline-action {
  display: inline-flex;
  grid-column: 2;
  grid-row: 2/span 2;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: auto;
  min-height: var(--phx-size-32);
  padding: var(--space-2) var(--space-3);
  background: var(--phx-surface-subtle);
  color: var(--phx-text-strong);
  border: 1px solid var(--phx-surface-muted);
  border-radius: var(--phx-radius-8);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  line-height: var(--phx-leading-heading);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none;
  transition: background var(--phx-motion-fast) var(--phx-ease-standard),transform var(--phx-motion-fast) var(--phx-ease-standard);
}

section.hotline-strip .hotline-action:hover,section.hotline-strip .hotline-action:focus-visible {
  background: var(--phx-surface-subtle);
  border-color: var(--phx-surface-muted);
  color: var(--phx-text-strong);
  transform: translateY(-1px);
}

section.hotline-strip .hotline-action svg {
  width: var(--phx-size-12);
  height: var(--phx-size-12);
  flex-shrink: 0;
}

section.hotline-strip .hotline-numbers {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
  gap: var(--space-2);
  width: 100%;
  max-width: var(--phx-size-480);
  margin-inline-start: auto;
  align-items: stretch;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
}

section.hotline-strip .contact-detail-card {
  display: flex;
  flex-direction: row;
  grid-template-columns: 122px minmax(0,1fr);
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-2);
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: var(--space-2);
  background: var(--phx-alpha-paper-8);
  border: 1px solid var(--phx-alpha-paper-24);
  border-radius: var(--phx-radius-8);
  box-shadow: none;
  position: static;
}

section.hotline-strip .contact-detail-card+.contact-detail-card {
  border-top-color: var(--phx-alpha-paper-24);
}

section.hotline-strip .contact-detail-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-1);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

section.hotline-strip .contact-detail-heading {
  display: block;
  margin: 0;
  color: var(--phx-text-on-dark-muted);
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: .7px;
  line-height: var(--phx-leading-display);
}

section.hotline-strip .contact-detail-copy a {
  display: block;
  min-width: 0;
  margin: 0;
  padding: var(--space-1) 0;
  background: none;
  border: 0;
  box-shadow: none;
  color: var(--phx-text-on-dark);
  font-size: clamp(var(--phx-font-xs),.88vw,var(--phx-font-xs));
  font-weight: 600;
  line-height: var(--phx-leading-subheading);
  text-decoration: none;
  overflow-wrap: anywhere;
  white-space: normal;
}

section.hotline-strip .contact-detail-card:first-child .contact-detail-copy a:nth-of-type(2) {
  margin-top: var(--space-1);
}

section.hotline-strip .contact-detail-copy a:hover,section.hotline-strip .contact-detail-copy a:focus-visible {
  color: var(--phx-text-on-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width:1050px) {
  section.hotline-strip .hotline-inner {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }
  section.hotline-strip .hotline-intro p {
    max-width: none;
  }
  section.hotline-strip .contact-detail-copy a {
    font-size: var(--phx-font-xs);
  }
}

@media (max-width:960px) {
  section.hotline-strip .hotline-numbers {
    max-width: var(--phx-size-480);
  }
}

@media (max-width:800px) {
  section.hotline-strip .hotline-inner {
    flex-direction: column;
  }
  section.hotline-strip .contact-detail-card {
    grid-template-columns: 108px minmax(0,1fr);
  }
}

@media (max-width:390px) {
  section.hotline-strip .contact-detail-card {
    grid-template-columns: 95px minmax(0,1fr);
  }
}

@media (max-width:560px) {
  section.hotline-strip {
    padding: var(--space-4) 0;
  }
  section.hotline-strip .hotline-intro {
    grid-template-columns: 1fr;
    gap: 0;
  }
  section.hotline-strip .hotline-action {
    grid-column: 1;
    grid-row: auto;
    margin-top: var(--space-2);
    width: max-content;
    max-width: 100%;
  }
  section.hotline-strip .hotline-numbers {
    grid-template-columns: 1fr;
    gap: var(--space-2);
  }
  section.hotline-strip .hotline-inner {
    gap: var(--space-3);
  }
  section.hotline-strip .hotline-intro h2 {
    font-size: var(--phx-font-subheading);
  }
  section.hotline-strip .hotline-intro p {
    font-size: var(--phx-font-xs);
    margin: 0;
  }
  section.hotline-strip .contact-detail-card {
    padding: var(--space-2);
    gap: var(--space-2);
  }
}

@media (prefers-reduced-motion:reduce) {
  section.hotline-strip .hotline-action {
    transition: none;
    transform: none;
  }
}

.skip-link {
  position: fixed;
  top: var(--space-2);
  left: var(--space-2);
  z-index: 10000;
  transform: translateY(calc(-100% - var(--space-4)));
  padding: var(--space-3) var(--space-4);
  background: var(--phx-text-strong);
  color: var(--phx-text-on-dark);
  border-radius: var(--phx-control-radius);
  font-weight: 700;
  text-decoration: none;
  box-shadow: var(--phx-shadow-md);
  transition: transform var(--phx-motion-fast) var(--phx-ease-standard);
}

.skip-link:focus-visible {
  transform: translateY(0);
  outline: 3px solid var(--phx-focus-ring);
  outline-offset: 3px;
}

main[tabindex="-1"]:focus {
  outline: none;
}

:where(a,button,summary,input,select,textarea) {
  scroll-margin-top: var(--space-7);
}

body.phx-lightbox-open {
  overflow: hidden;
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto !important;
  }
  *,*::before,*::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-contrast:more) {
  :where(a,button,summary,input,select,textarea):focus-visible {
    outline-width: 4px;
    outline-offset: 4px;
  }
}

@media (forced-colors:active) {
  :where(a,button,summary,input,select,textarea):focus-visible {
    outline: 3px solid Highlight !important;
    outline-offset: 3px;
  }
  .skip-link {
    border: 2px solid ButtonText;
    forced-color-adjust: auto;
  }
}

:root {
  --phx-layout-gutter: 3rem;
  
  
  
  
  
  
}

.wrap,:where(html:not([data-phx-page="ral"])) .phx-unified-hero>.wrap.hero-grid,:where(html[data-phx-page="ral"]) .hero.ral-hero-background>.wrap.hero-grid {
  width: min(var(--phx-content-max),calc(100% - var(--phx-layout-gutter) - var(--phx-layout-gutter)));
  max-width: var(--phx-content-max);
  margin-inline: auto;
}


:where(.section-head,.head,.phx-meter-heading) {
  gap: var(--phx-content-gap);
  margin-block-end: var(--phx-section-head-gap);
}

:where(.section-head,.head,.phx-meter-heading)>:last-child {
  margin-block-end: 0;
}

:where(.section-head p,.page-subtitle,.phx-products-intro p,.phx-fandeck-intro p,.phx-colorcharts-intro p) {
  max-width: var(--phx-reading-measure);
}

@media (max-width:1024px) {
  :root {
    --phx-layout-gutter: 2rem;
    
    
    
  }
}

@media (max-width:640px) {
  :root {
    --phx-layout-gutter: 1.5rem;
    
    
    
    
    
  }
}

:root {
  --phx-leading-display: 1.08;
  --phx-leading-heading: 1.20;
  --phx-leading-subheading: 1.30;
  --phx-leading-body: 1.50;
  --phx-leading-reading: 1.55;
  --phx-leading-intro: 1.45;
  --phx-leading-compact: 1.45;
  --phx-leading-caption: 1.40;
  --phx-leading-detail: 1.30;
  --phx-leading-ui: 1.20;
  --phx-reading-measure: 66ch;
  --phx-reading-measure-wide: 75ch;
  --phx-intro-measure: 60ch;
  --phx-hero-measure: 56ch;
  --phx-list-item-gap: var(--space-2);
  --phx-heading-2-before: var(--space-5);
  --phx-heading-2-after: var(--space-3);
  --phx-heading-3-before: var(--space-4);
  --phx-heading-3-after: var(--space-2);
}

body {
  line-height: var(--phx-leading-body);
}

html[data-phx-page] body .phx-unified-hero .ral-hero-copy h1,html[data-phx-page="ral"] body .hero h1 {
  line-height: var(--phx-leading-display);
}

html[data-phx-page] body main h2 {
  line-height: var(--phx-leading-heading);
}

html[data-phx-page] body main h3 {
  line-height: var(--phx-leading-subheading);
}

html[data-phx-page] body main h4 {
  line-height: var(--phx-leading-detail);
}

html[data-phx-page] body main p {
  line-height: var(--phx-leading-body);
  text-align: start;
}

html[data-phx-page] body main :where(li) {
  line-height: var(--phx-leading-body);
}

html[data-phx-page] body main :where(li+li) {
  margin-block-start: var(--phx-list-item-gap);
}

html[data-phx-page] body :is(.legal-content,.intro-copy,.phx-heritage-content,.mv-paragraph,.location-story,.ex-intro,.ex-featured-content,.mf-intro,.cp-intro,.fd-intro,.phx-products-intro,.phx-fandeck-intro,.phx-colorcharts-intro,.product-hero-copy,.references-intro,.event-feature-copy,.past-info) p {
  line-height: var(--phx-leading-reading);
  max-inline-size: var(--phx-reading-measure);
  text-align: start;
}

html[data-phx-page] body :is(.section-head,.head,.phx-meter-heading,.ex-heading,.mf-section-head,.cp-section-heading,.fd-heading,.mf-gallery-heading,.references-logos-head,.export-copy) p {
  line-height: var(--phx-leading-intro);
  max-inline-size: var(--phx-intro-measure);
  text-align: start;
}

html[data-phx-page] body .phx-unified-hero .ral-hero-copy :is(p,.page-subtitle,.lead) {
  line-height: var(--phx-leading-intro);
  max-inline-size: var(--phx-hero-measure);
  text-align: start;
}

html[data-phx-page] body main :is(.home-product-body,.phx-meter-card-copy,.product-benefit,.references-value,.ral-card,.location-card,.past-body,.about-feature-copy,.phx-fandeck-card,.phx-colorcharts-card) p {
  line-height: var(--phx-leading-compact);
  text-align: start;
}

html[data-phx-page] body :is(figcaption,.map-caption,.event-meta,.notice,.legal-updated) {
  line-height: var(--phx-leading-caption);
}

html[data-phx-page] body main h2+:is(p,ul,ol),html[data-phx-page] body main h3+:is(p,ul,ol) {
  margin-block-start: 0;
}

html[data-phx-page] body :is(.about-lead,.ex-intro,.ex-heading,.mf-intro,.mf-section-head,.mf-gallery-heading,.cp-intro,.cp-section-heading,.fd-intro,.fd-heading,.export-copy) {
  max-inline-size: var(--phx-reading-measure);
  margin-inline-start: 0;
  margin-inline-end: auto;
  text-align: start;
}

html[data-phx-page] body :is(.section-head,.head,.references-logos-head)>p {
  max-inline-size: var(--phx-intro-measure);
  text-align: start;
}

html[data-phx-page] body .map-caption {
  max-inline-size: var(--phx-reading-measure-wide);
  margin-inline: auto;
  text-align: center;
}

:where(button,.btn,.button,.nav a,.nav-menu a,.phx-lang-menu a) {
  line-height: var(--phx-leading-ui);
}

html[data-phx-page] body main :where(p,li,h1,h2,h3,h4) {
  overflow-wrap: break-word;
  hyphens: auto;
}

html[data-phx-page] body main p {
  margin-block: 0;
}

:root {
  --phx-after-paragraph-gap: var(--phx-paragraph-gap);
}

/* Global paragraph flow fix: when a paragraph is followed by a non-paragraph block,
   add a natural gap below the paragraph without disturbing p+p rhythm. */
html[data-phx-page] body main p + :not(p) {
  margin-block-start: var(--phx-after-paragraph-gap);
}

/* Row-based CTA bars manage their own alignment and must stay opt-out from the
   generic after-paragraph gap rule. */
:where(html[data-phx-template="product-photo"]) .product-next p + * {
  margin-block-start: 0;
}

html[data-phx-page] body main p+p {
  margin-block-start: var(--phx-paragraph-gap);
}

html[data-phx-page] body main p+:is(ul,ol) {
  margin-block-start: var(--phx-list-paragraph-gap);
}

html[data-phx-page] body main :is(ul,ol)+p {
  margin-block-start: var(--phx-paragraph-gap);
}

html[data-phx-page][lang] body main p+:is(div,section,article,figure,nav,form,table,blockquote,dl) {
  margin-block-start: var(--phx-paragraph-gap);
}

html[data-phx-page] body main p+:is(.btn,.button,button) {
  margin-block-start: var(--space-5);
}

html[data-phx-page] body main p+h2 {
  margin-block-start: var(--phx-heading-2-before);
}

html[data-phx-page] body main h2 {
  margin-block-end: var(--phx-heading-2-after);
}

html[data-phx-page] body main p+h3 {
  margin-block-start: var(--phx-heading-3-before);
}

html[data-phx-page] body main h3 {
  margin-block-end: var(--phx-heading-3-after);
}

html[data-phx-page] body main :is(.product-benefit,.references-value,.location-card,.past-body,.about-feature-copy,.phx-fandeck-card,.phx-colorcharts-card) :is(h2,h3) {
  margin-block-end: var(--space-2);
}

:root {
  --phx-paragraph-gap: var(--space-5);
  --phx-list-paragraph-gap: var(--space-4);
  --phx-inline-glyph-gap: .25em;
  --phx-anchor-scroll-offset: calc(var(--phx-size-96) + var(--space-4));
}




html[lang="ar"] {
  --phx-font-card: 1.0625rem;
  --phx-font-subheading: 1.25rem;
  --phx-font-section: 1.75rem;
  --phx-font-page: 2.25rem;
  --phx-ar-type-hero: clamp(1.75rem,2.6vw,2.25rem);
  --phx-ar-type-section-wide: clamp(1.45rem,2.15vw,1.85rem);
  --phx-ar-type-section: clamp(1.4rem,2.05vw,1.75rem);
  --phx-ar-type-subsection: clamp(1.2rem,1.75vw,1.5rem);
  --phx-ar-type-stage: clamp(1.05rem,1.35vw,1.18rem);
  direction: rtl;
  --phx-font-sans: Tahoma,"Segoe UI",Arial,sans-serif;
  --phx-hero-fade: linear-gradient(270deg,var(--phx-alpha-paper-95) 0%,var(--phx-alpha-paper-70) 50%,transparent 100%);
}

html[lang="ar"] body {
  direction: rtl;
  text-align: start;
  font-family: var(--phx-font-sans);
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "rlig" 1,"calt" 1,"liga" 1;
}

html[lang="ar"] body,html[lang="ar"] body * {
  letter-spacing: normal !important;
}

html[lang="ar"] :is(button,input,textarea,select) {
  font-family: inherit;
}

html[lang="ar"] :is(.eyebrow,.kicker,.phx-small-label,.phx-chips-eyebrow,.phx-dc-label,.hotline-eyebrow,.contact-detail-heading) {
  text-transform: none;
}

html[lang="ar"] .phx-inline-company-name {
  direction: rtl;
  unicode-bidi: isolate;
  display: inline;
}

html[lang="ar"] :is(a[href^="tel:"],a[href^="mailto:"]) {
  direction: ltr;
  unicode-bidi: isolate;
}

html[lang="ar"] .header-logo {
  object-position: right center;
}

html[lang="ar"] .header .nav .nav-menu {
  left: auto;
  right: calc(var(--space-3) * -1);
}

html[lang="ar"] .phx-lang-switch {
  margin-left: 0;
  margin-right: var(--space-2);
}

html[lang="ar"] .phx-lang-trigger {
  direction: ltr;
  unicode-bidi: isolate;
}

html[lang="ar"] .phx-lang-menu {
  right: auto;
  left: 0;
}

html[lang="ar"] .phx-lang-menu a[lang="ar"] {
  direction: rtl;
}

html[lang="ar"] .phx-lang-menu a:not([lang="ar"]) {
  direction: ltr;
  text-align: left;
}

html[lang="ar"] .phx-mobile-nav-toggle {
  margin-left: 0;
  margin-right: auto;
}

html[lang="ar"] .phx-unified-hero .ral-hero-copy {
  margin-left: auto;
  margin-right: 0;
  text-align: start;
}

html[lang="ar"] :is(.cp-split ul,.fd-feature ul,.legal-content ul,.phx-dc-capability ul,.phx-display-config ul,.phx-chips-details ul,.phx-special-capabilities ul) {
  padding-left: 0 !important;
  padding-right: var(--space-5) !important;
}

html[lang="ar"] .trade-agreements-section .trade-agreement-marker {
  left: auto !important;
  right: 0;
  border-radius: var(--phx-radius-4) 0 0 var(--phx-radius-4);
}

html[lang="ar"] .about-feature-heading {
  border-left: 0;
  border-right: 3px solid var(--phx-brand);
  padding-left: 0;
  padding-right: var(--space-4);
}

html[lang="ar"] .dc-outcome {
  border-left: 0;
  border-right: 4px solid var(--phx-brand);
  border-radius: var(--phx-radius-12) 0 0 var(--phx-radius-12);
}

html[lang="ar"] .mf-keypoint {
  border-left: 0;
  border-right: 4px solid var(--phx-brand);
  border-radius: var(--phx-radius-8) 0 0 var(--phx-radius-8);
}

html[lang="ar"] .mf-caution {
  border-left: 0;
  border-right: 3px solid var(--phx-brand);
  padding-left: 0;
  padding-right: var(--space-4);
}

html[lang="ar"] .legal-aside a {
  margin-right: 0;
  margin-left: var(--space-4);
}

html[lang="ar"] .phx-location-v5 .phx-location-summary {
  border-left: 0;
  border-right: 2px solid var(--phx-brand);
  padding-left: 0;
  padding-right: var(--space-4);
}

html[lang="ar"] .phx-fandeck-cta-button span {
  margin-left: 0;
  margin-right: var(--space-3);
}

html[lang="ar"] #phoenix-meter .phx-meter-product-title {
  direction: ltr;
  unicode-bidi: isolate;
  justify-content: flex-end;
}

html[lang="ar"] #phoenix-meter .phx-meter-brand-link {
  direction: ltr;
  unicode-bidi: isolate;
}

html[lang="ar"] #phoenix-meter .phx-meter-link-arrow,html[lang="ar"] .hotline-action svg {
  transform: scaleX(-1);
}

html[lang="ar"] :is(input[type="email"],input[type="tel"],#calling_code) {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

html[lang="ar"] :is(input[type="text"],textarea,select) {
  text-align: right;
}

html[lang="ar"] .phone-fields {
  direction: rtl;
}

html[lang="ar"] .photo-lightbox .prev-lightbox {
  left: auto !important;
  right: var(--space-4) !important;
}

html[lang="ar"] .photo-lightbox .next-lightbox,html[lang="ar"] .photo-lightbox .close-lightbox {
  right: auto !important;
  left: var(--space-4) !important;
}

html[lang="ar"] :is(.footer-column,.footer .footer-column.footer-quick) {
  text-align: start !important;
}

html[lang="ar"] .footer .footer-column.footer-quick>h3,html[lang="ar"] .footer .footer-column.footer-quick>ul {
  padding-right: 0;
  margin-right: 0;
  text-align: start;
}

html[lang="ar"] .footer .footer-column.footer-quick .phx-footer-quick-linkedin {
  justify-content: flex-start !important;
  text-align: start !important;
}

html[lang="ar"] .footer .phx-linkedin-footer {
  margin-left: auto;
  margin-right: 0;
}

html[lang="ar"] .contacts-footer .footer-brand {
  padding-right: 0;
  padding-left: var(--space-3);
}

html[lang="ar"] .skip-link {
  left: auto;
  right: var(--space-2);
}

html[lang="ar"] .phx-visually-hidden {
  left: auto;
  right: -9999px;
}

@media (max-width:1024px) {
  html[lang="ar"] .header .nav .nav-menu {
    right: auto;
    left: auto;
    border-left: 0 !important;
    border-right: 2px solid var(--phx-border) !important;
    padding: var(--space-1) var(--space-2) var(--space-1) 0;
    margin: 0 var(--space-3) var(--space-1) 0;
  }
  html[lang="ar"] .header .nav .nav-chevron {
    margin-left: 0;
    margin-right: auto;
  }
  html[lang="ar"] .phx-lang-switch {
    margin: var(--space-1) 0;
  }
  html[lang="ar"] .phx-lang-menu {
    right: 0;
    left: auto;
  }
}

@media (max-width:640px) {
  html[lang="ar"] .photo-lightbox .prev-lightbox {
    right: var(--space-2) !important;
  }
  html[lang="ar"] .photo-lightbox .next-lightbox,html[lang="ar"] .photo-lightbox .close-lightbox {
    left: var(--space-2) !important;
  }
}

.phx-content-attribution {
  margin: 0 0 var(--space-4);
  font-size: var(--phx-font-xs);
  line-height: 1.45;
  color: var(--phx-text-muted);
}

.phx-content-attribution a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.phx-source-links {
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.phx-source-links a {
  color: inherit;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.footer .footer-column.footer-quick {
  min-width: 0;
  text-align: start;
}

.footer .footer-column.footer-quick>h3,.footer .footer-column.footer-quick>ul {
  padding-inline-start: 0;
  margin-inline-start: 0;
  text-align: start;
}

.footer .footer-column.footer-quick .phx-footer-quick-linkedin {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: var(--space-3) 0 0;
  padding: 0;
  text-align: start;
  transform: none;
}

.footer .footer-column.footer-quick .phx-footer-quick-linkedin>a.phx-linkedin-footer {
  display: inline-flex;
  position: relative;
  flex: 0 0 26px !important;
  width: var(--phx-size-24);
  height: var(--phx-size-24);
  margin: 0 !important;
  margin-inline: 0 !important;
  align-self: flex-start;
  justify-content: flex-start;
  transform: none;
}

.phx-faq-main {
  background: var(--phx-surface);
}

.phx-faq-intro {
  padding-block-start: 0;
  padding-block-end: var(--phx-flow-section);
}

.phx-faq-intro-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--phx-border);
}

.phx-faq-intro-head h2 {
  margin: 0;
  font-size: var(--phx-font-subheading);
  line-height: var(--phx-leading-heading);
}

.phx-faq-topic-nav {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-3);
}

.phx-faq-topic-nav a {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-height: 60px;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface);
  color: var(--phx-text-strong);
  font-size: var(--phx-font-sm);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: border-color var(--phx-motion-fast) var(--phx-ease-standard),background-color var(--phx-motion-fast) var(--phx-ease-standard);
}

.phx-faq-topic-nav a::after {
  content: "→";
  color: var(--phx-text-muted);
  font-size: var(--phx-font-body);
  line-height: 1;
}

html[dir="rtl"] .phx-faq-topic-nav a::after {
  content: "←";
}

.phx-faq-topic-nav a:hover,.phx-faq-topic-nav a:focus-visible {
  background: var(--phx-surface-subtle);
  border-color: var(--phx-control-border);
}

.phx-faq-topic-no {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  padding-inline: var(--space-1);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface-muted);
  color: var(--phx-text-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
}

.phx-faq-content {
  display: grid;
  gap: var(--space-4);
  padding-block-start: 0;
}

.phx-faq-group {
  scroll-margin-top: var(--phx-anchor-scroll-offset);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface);
  overflow: clip;
}

.phx-faq-group>summary,.phx-faq-item>summary {
  list-style: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.phx-faq-group>summary::-webkit-details-marker,.phx-faq-item>summary::-webkit-details-marker {
  display: none;
}

.phx-faq-group-summary {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  color: var(--phx-text-strong);
  font-weight: 600;
}

.phx-faq-group[open]>.phx-faq-group-summary {
  border-bottom: 1px solid var(--phx-border);
  background: var(--phx-surface-subtle);
}

.phx-faq-group-number {
  display: inline-grid;
  place-items: center;
  min-width: 34px;
  height: 30px;
  padding-inline: var(--space-2);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface);
  color: var(--phx-text-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
}

.phx-faq-group-title {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
}

.phx-faq-group-toggle,.phx-faq-item-toggle {
  position: relative;
  display: block;
  inline-size: 20px;
  block-size: 20px;
  flex: none;
  color: var(--phx-text-muted);
}

.phx-faq-group-toggle::before,.phx-faq-group-toggle::after,.phx-faq-item-toggle::before,.phx-faq-item-toggle::after {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  background: currentColor;
  transform: translate(-50%,-50%);
  transition: transform .2s ease,opacity .2s ease;
}

.phx-faq-group-toggle::before,.phx-faq-item-toggle::before {
  inline-size: 14px;
  block-size: 1.5px;
}

.phx-faq-group-toggle::after,.phx-faq-item-toggle::after {
  inline-size: 1.5px;
  block-size: 14px;
}

.phx-faq-group[open]>.phx-faq-group-summary .phx-faq-group-toggle::after,.phx-faq-item[open]>.phx-faq-question .phx-faq-item-toggle::after {
  opacity: 0;
  transform: translate(-50%,-50%) rotate(90deg);
}

.phx-faq-items {
  padding: 0 var(--space-5);
}

.phx-faq-item {
  border-bottom: 1px solid var(--phx-border);
}

.phx-faq-item:last-child {
  border-bottom: 0;
}

.phx-faq-question {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: var(--space-4);
  min-height: 62px;
  padding: var(--space-3) 0;
  color: var(--phx-text-strong);
  font-size: var(--phx-font-body);
  font-weight: 600;
  line-height: 1.5;
}

.phx-faq-item[open]>.phx-faq-question {
  padding-block-end: var(--space-2);
}

.phx-faq-answer {
  padding: 0 var(--space-7) var(--space-4) 0;
}

.phx-faq-answer p {
  margin: 0;
  max-inline-size: 84ch;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

.phx-faq-cta {
  padding-block: var(--phx-flow-section) var(--phx-flow-page);
}

.phx-faq-cta-box {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,.9fr) auto;
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-5) var(--space-6);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface-subtle);
}

.phx-faq-cta-box h2,.phx-faq-cta-box p {
  margin: 0;
}

.phx-faq-cta-box h2 {
  font-size: var(--phx-font-subheading);
}

.phx-faq-cta-box p {
  max-inline-size: 58ch;
  color: var(--phx-text-muted);
}

html[dir="rtl"] .phx-faq-answer {
  padding-left: 0;
  padding-right: 0;
  padding-inline-start: 0;
  padding-inline-end: var(--space-7);
}

@media (max-width:1100px) {
  .phx-faq-topic-nav {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .phx-faq-cta-box {
    grid-template-columns: 1fr auto;
  }
  .phx-faq-cta-box p {
    grid-column: 1/-1;
    grid-row: 2;
  }
}

@media (max-width:720px) {
  .phx-faq-intro-head {
    align-items: flex-start;
  }
  .phx-faq-topic-nav {
    grid-template-columns: 1fr;
  }
  .phx-faq-group-summary {
    padding: var(--space-4);
    gap: var(--space-3);
  }
  .phx-faq-items {
    padding-inline: var(--space-4);
  }
  .phx-faq-question {
    min-height: 56px;
    font-size: var(--phx-font-sm);
  }
  .phx-faq-answer,html[dir="rtl"] .phx-faq-answer {
    padding-inline: 0 var(--space-5);
    padding-block-end: var(--space-4);
  }
  .phx-faq-cta-box {
    grid-template-columns: 1fr;
    padding: var(--space-4);
  }
  .phx-faq-cta-box p {
    grid-column: auto;
    grid-row: auto;
  }
  .phx-faq-cta-box .btn {
    justify-self: start;
  }
}

@media (max-width:480px) {
  .phx-faq-topic-nav a {
    min-height: 54px;
    padding-inline: var(--space-3);
  }
  .phx-faq-group-number {
    min-width: 32px;
    height: 28px;
  }
  .phx-faq-group-title {
    font-size: var(--phx-font-body);
  }
}

section.hotline-strip .contact-detail-card--channels .contact-detail-copy {
  align-items: flex-start;
}

section.hotline-strip .contact-detail-copy a.contact-channel-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-1);
  direction: ltr;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  overflow-wrap: normal;
}

section.hotline-strip .contact-channel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

section.hotline-strip .contact-channel-icon svg {
  display: block;
  width: 20px;
  height: 20px;
}

section.hotline-strip .contact-channel-link--whatsapp .contact-channel-icon {
  color: var(--phx-text-on-dark);
}

section.hotline-strip .contact-channel-link--phone .contact-channel-icon {
  color: var(--phx-text-on-dark-muted);
}

section.hotline-strip .contact-detail-card--email .contact-detail-copy {
  align-items: flex-start;
}

section.hotline-strip .contact-channel-link--email .contact-channel-icon {
  color: var(--phx-text-on-dark);
}

html[lang="ar"] section.hotline-strip .contact-detail-card--channels .contact-detail-copy {
  align-items: flex-start;
}

.phx-authority-section {
  width: min(1200px,92%);
  margin: 0 auto;
  padding: var(--space-8) 0 var(--space-9);
}

.phx-authority-head {
  max-width: 820px;
  margin: 0 0 var(--space-5);
}

.phx-authority-head h2 {
  margin: var(--space-2) 0 var(--space-2);
  font-size: clamp(27px,3vw,38px);
  line-height: 1.15;
  color: var(--phx-heading-color,var(--phx-neutral-700,#3e3e36));
}

.phx-authority-head p {
  margin: 0;
  color: var(--phx-text-muted,#66685f);
  font-size: 14px;
  line-height: 1.75;
}

.phx-authority-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-3);
}

.phx-authority-card,.phx-glossary-card,.phx-answer-card {
  border: 1px solid var(--phx-border,#e0e1da);
  background: var(--phx-surface);
  border-radius: 12px;
  padding: var(--space-4) var(--space-5);
}

.phx-authority-card {
  position: relative;
  padding-top: var(--space-5);
}

.phx-authority-index {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: var(--phx-brand,var(--phx-neutral-600));
  margin-bottom: var(--space-2);
}

.phx-authority-card h3,.phx-glossary-card h3,.phx-answer-card h3 {
  margin: 0 0 var(--space-2);
  color: var(--phx-heading-color,var(--phx-neutral-700,#3e3e36));
  font-size: 16px;
  line-height: 1.35;
}

.phx-authority-card p,.phx-glossary-card p,.phx-answer-card p {
  margin: 0;
  color: var(--phx-text-muted,#66685f);
  font-size: 13px;
  line-height: 1.7;
}

.phx-facts-section {
  border-top: 1px solid var(--phx-border,#e0e1da);
  border-bottom: 1px solid var(--phx-border,#e0e1da);
}

.phx-glossary-section {
  border-top: 1px solid var(--phx-border,#e0e1da);
}

.phx-glossary-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-3);
}

.phx-glossary-card {
  background: var(--phx-surface-subtle);
}

.phx-buyer-answers {
  padding-block-start: var(--phx-flow-page) !important;
  padding-block-end: var(--phx-flow-section) !important;
}

.phx-buyer-answers .phx-authority-head {
  max-width: 760px;
  margin-bottom: var(--space-5);
}

.phx-buyer-answers .phx-authority-head h2 {
  margin-block: var(--space-2);
  font-size: var(--phx-font-section);
  line-height: var(--phx-leading-heading);
}

.phx-answer-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-3);
}

.phx-answer-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100%;
  padding: var(--space-5);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface-subtle);
}

.phx-answer-card p {
  margin-bottom: var(--phx-paragraph-gap);
}

.phx-answer-card .text-link {
  margin-top: auto;
}

.phx-answer-card .text-link span {
  display: inline-block;
  transition: transform .18s ease;
}

.phx-answer-card .text-link:hover span {
  transform: translateX(2px);
}

[dir="rtl"] .phx-answer-card .text-link:hover span {
  transform: translateX(-2px);
}

@media (max-width:850px) {
  .phx-authority-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .phx-glossary-grid {
    grid-template-columns: 1fr;
  }
  .phx-answer-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px) {
  .phx-authority-section {
    padding: var(--space-7) 0 var(--space-8);
  }
  .phx-authority-grid {
    grid-template-columns: 1fr;
  }
  .phx-authority-card,.phx-glossary-card,.phx-answer-card {
    padding: var(--space-4);
  }
  .phx-buyer-answers {
    padding-top: var(--space-6) !important;
  }
}

.footer.contacts-footer .footgrid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  column-gap: clamp(var(--space-3),1.8vw,var(--space-5));
}

.footer.contacts-footer .footer-brand {
  grid-column: 1/-1;
}

@media (min-width:1051px) {
  .footer.contacts-footer .footgrid {
    grid-template-columns: minmax(190px,1.3fr) repeat(4,minmax(0,1fr));
  }
  .footer.contacts-footer .footer-brand {
    grid-column: auto;
  }
}

@media (max-width:760px) {
  .footer.contacts-footer .footgrid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px) {
  .footer.contacts-footer .footgrid {
    grid-template-columns: 1fr;
  }
  .footer.contacts-footer .footer-brand {
    grid-column: 1;
  }
}

html body section.hero.phx-unified-hero,html[data-phx-page="ral"] body section.hero.ral-hero-background {
  background-color: var(--phx-surface) !important;
  background-image: none !important;
}

:root {
  --phx-card-image-padding: var(--space-4);
  --phx-card-content-padding: var(--space-5);
  --phx-card-heading-gap: var(--space-3);
  --phx-card-label-gap: var(--space-3);
  --phx-card-shadow: var(--phx-shadow-sm);
  --phx-card-shadow-hover: var(--phx-shadow-md);
  --phx-card-border: var(--phx-border);
  --phx-card-lift: -2px;
  --phx-card-transition: var(--phx-motion-fast) var(--phx-ease-standard);
}

:where(main :is(.phx-card--product,.phx-card--industry,.phx-card--expertise,.phx-card--case-study,.phx-card--news)) {
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid var(--phx-card-border);
  background: var(--phx-surface);
}

:where(main :is(.phx-card--expertise,.phx-card--case-study,.phx-card--news):not(.phx-glossary-card),html[data-phx-page="home"] main .phx-card--product,html[data-phx-page="products"] main .phx-card--product) {
  overflow: hidden;
}

html[data-phx-page="products"] body main .product-card .card-body,html[data-phx-page="case-studies"] body main .phx-cs-card .phx-cs-card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--phx-card-content-padding);
}

html[data-phx-page="products"] body main .product-card .art,html[data-phx-page="expertise"] body main .ex-card .ex-card-visual,html[data-phx-page="case-studies"] body main .phx-cs-card .phx-cs-card-image-link {
  box-sizing: border-box;
  padding: var(--phx-card-image-padding);
  background: var(--phx-surface);
}

html[data-phx-page="products"] body main .product-card .kicker,html[data-phx-page="expertise"] body main .ex-card .ex-no,html[data-phx-page="industries"] body main .phx-industry-card .phx-industry-index,html[data-phx-page="case-studies"] body main .phx-cs-card .phx-cs-kicker {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--phx-text-muted);
}

html[data-phx-page="products"] body main .product-card .kicker {
  line-height: 1.5;
}

html[data-phx-page="expertise"] body main .ex-card .ex-no,html[data-phx-page="industries"] body main .phx-industry-card .phx-industry-index,html[data-phx-page="case-studies"] body main .phx-cs-card .phx-cs-kicker {
  line-height: var(--phx-leading-ui);
}

html[data-phx-page="products"] body main .product-card h3,html[data-phx-page="expertise"] body main .ex-card h3,html[data-phx-page="case-studies"] body main .phx-cs-card .phx-cs-card-content h2 {
  margin-block-end: var(--phx-card-heading-gap);
}

html[data-phx-page="products"] body main .product-card h3,html[data-phx-page="expertise"] body main .ex-card h3 {
  margin-block-start: 0;
}

html[data-phx-page="expertise"] body main .ex-card .ex-card-read,html[data-phx-page="case-studies"] body main .phx-cs-card .phx-cs-read {
  padding-block-start: var(--space-4);
}

html[data-phx-page] body main .phx-card {
  border-radius: var(--phx-card-radius) !important;
  box-shadow: var(--phx-card-shadow) !important;
  transition: box-shadow var(--phx-card-transition),transform var(--phx-card-transition),border-color var(--phx-card-transition) !important;
  min-inline-size: 0;
}

html[data-phx-page] body main .phx-card__media {
  min-inline-size: 0;
}

html[data-phx-page] body main .phx-card__body {
  min-inline-size: 0;
  row-gap: var(--space-3);
}

html[data-phx-page] body main .phx-card__cta {
  margin-block-start: auto;
}

html[data-phx-page] body main .phx-card__title {
  overflow-wrap: break-word;
}

@media (hover:hover) and (pointer:fine) {
  html[data-phx-page] body main .phx-card:hover {
    transform: translateY(var(--phx-card-lift)) !important;
    box-shadow: var(--phx-card-shadow-hover) !important;
  }
}

html[data-phx-page] body main .phx-card:focus-within {
  box-shadow: var(--phx-card-shadow-hover) !important;
}

html[data-phx-page] body main .phx-card :is(a,button):focus-visible {
  outline: 2px solid var(--phx-focus-ring);
  outline-offset: 3px;
  border-radius: var(--phx-radius-4);
}

@media (prefers-reduced-motion:reduce) {
  html[data-phx-page] body main .phx-card {
    transition: none !important;
    transform: none !important;
  }
}

:root {
  --phx-type-eyebrow-after: var(--space-2);
  --phx-type-heading-after: var(--space-3);
  --phx-type-body-measure: var(--phx-reading-measure);
  --phx-type-intro-measure: var(--phx-intro-measure);
}

html[data-phx-page] body main :is(.phx-unified-hero,.hero) h1 {
  line-height: var(--phx-leading-display);
}

html[data-phx-page] body main :is(.section-head,.head,.ex-heading,.mf-section-head,.cp-section-heading,.fd-heading,.phx-ge-heading,.phx-cs-section-head,.phx-industries-intro-copy)>h2 {
  line-height: var(--phx-leading-heading);
  margin-block-end: var(--phx-type-heading-after);
}

html[data-phx-page] body main :is(.section-head,.head,.ex-heading,.mf-section-head,.cp-section-heading,.fd-heading,.phx-ge-heading,.phx-cs-section-head,.ral-hero-copy)>:is(.eyebrow,.kicker,.phx-ge-eyebrow,.phx-cs-kicker,.phx-small-label) {
  line-height: var(--phx-leading-caption);
  margin-block-end: var(--phx-type-eyebrow-after);
}

html[data-phx-page] body main :is(.phx-ge-copy,.phx-cs-story-copy,.phx-cs-section-copy)>p {
  line-height: var(--phx-leading-reading);
  max-inline-size: var(--phx-type-body-measure);
}

html[data-phx-page] body main :is(.section-head,.head,.ex-heading,.mf-section-head,.cp-section-heading,.fd-heading,.phx-ge-heading,.phx-cs-section-head)>p {
  line-height: var(--phx-leading-intro);
  max-inline-size: var(--phx-type-intro-measure);
}

html[data-phx-page] body main :is(figcaption,.phx-cs-photo-caption,.phx-ge-photo-caption) {
  line-height: var(--phx-leading-caption);
}

html[data-phx-page] body main :is(.section-head,.head,.ex-heading,.mf-section-head,.cp-section-heading,.fd-heading,.phx-ge-heading,.phx-cs-section-head)>h2+p {
  margin-block-start: 0;
}

html[data-phx-page] body main :is(.fan-deck-type,.mf-keypoint)>strong,html[data-phx-page] body main .ex-quality-points>div>strong {
  display: block;
  margin-block-end: var(--space-2);
}

html[data-phx-page] body main :is(.fan-deck-type,.mf-keypoint)>span,html[data-phx-page] body main .ex-quality-points>div>span {
  display: block;
  line-height: var(--phx-leading-reading);
}

:root {
  --phx-signature-image: url("../images/brand/phx-fandeck-signature.svg");
  --phx-signature-opacity: .13;
}

html:not([data-phx-page="ral"]) body section.hero.phx-unified-hero::after {
  content: "";
  position: absolute;
  inset: auto;
  inset-inline-end: clamp(10px,3vw,46px);
  inset-block-end: var(--space-3);
  width: clamp(105px,12vw,175px);
  height: 110px;
  background-image: var(--phx-signature-image);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: var(--phx-signature-opacity);
  pointer-events: none;
  z-index: 1;
  transform: none;
}

html[lang="ar"] body section.hero.phx-unified-hero::after {
  transform: scaleX(-1);
}

@media (max-width:700px) {
  html:not([data-phx-page="ral"]) body section.hero.phx-unified-hero::after {
    width: 86px;
    height: 60px;
    opacity: .075;
    inset-inline-end: var(--space-2);
    inset-block-end: var(--space-2);
  }
}

@media (prefers-reduced-motion:reduce) {
  html[data-phx-page] .phx-project-showcase :is(a,button) {
    scroll-behavior: auto;
  }
}

.phx-process-diagram {
  position: relative;
  max-width: 1180px;
  margin: clamp(var(--space-6),5vw,var(--space-9)) auto;
  padding: clamp(var(--space-5),4vw,var(--space-8));
  border: 1px solid #e5e8e5;
  border-radius: 22px;
  background: linear-gradient(155deg,var(--phx-neutral-25) 0%,#FFFFFF 55%,var(--phx-neutral-25) 100%);
  box-shadow: 0 18px 48px rgba(29,40,35,.055);
  overflow: hidden;
}

.phx-process-diagram .phx-process-header {
  max-width: 760px;
  margin: 0 auto var(--space-6);
  text-align: center;
}

.phx-process-diagram .phx-process-kicker {
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .14em;
  color: #60776c;
}

@media (max-width:540px) {
  .phx-process-diagram {
    padding: var(--space-4) var(--space-4);
    border-radius: 16px;
  }
}

.phx-home-cs-section .phx-home-cs-copy.phx-card__body {
  background: var(--phx-neutral-50) !important;
  border-radius: 0 0 14px 14px;
  padding: var(--space-5) !important;
}

.phx-home-cs-section .phx-home-cs-image {
  background: transparent !important;
}

.phx-home-cs-section .phx-home-cs-card {
  overflow: hidden;
}

.phx-home-cs-section .phx-home-cs-card .phx-home-cs-image img {
  object-fit: contain;
}

:root {
  --phx-control-height: 2.75rem;
  --phx-primary-button-height: var(--phx-control-height);
  --phx-media-ratio-landscape: 1.65;
  --phx-media-ratio-process: 1.55;
  --phx-media-ratio-wide-mobile: 1.8;
  --phx-media-ratio-process-wide: 2.1;
  --phx-media-ratio-process-mobile: 1.75;
  --phx-media-ratio-standard: 4 / 3;
  --phx-media-ratio-project: 3 / 2;
}

:is(a.btn,a.button,a.phx-cs-action,a.phx-ge-button,a.phx-btn,button.btn,button.button,button.phx-btn,input[type="submit"].btn,input[type="button"].btn) {
  box-sizing: border-box;
  min-height: var(--phx-primary-button-height) !important;
  height: auto;
  padding-block: var(--space-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.35;
  white-space: normal;
}

:where(a:not(.btn):not(.primary):not(.phx-home-industry-card):not(.phx-cs-related-link):has(.phx-nav-arrow[data-direction="horizontal"]),a.phx-cs-related-link>span,a.phx-home-cs-all,a.phx-home-cs-action) {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

:where(a:not(.btn):not(.primary):not(.phx-home-industry-card):not(.phx-cs-related-link):has(.phx-nav-arrow[data-direction="horizontal"]),a.phx-cs-related-link>span,a.phx-home-cs-all,a.phx-home-cs-action):is(:hover,:focus-visible) {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
}

a .phx-link-arrow {
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  margin-inline-start: var(--phx-inline-glyph-gap);
  vertical-align: baseline;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .18s ease;
  transform: translateX(0);
}

a:hover .phx-link-arrow,a:focus-visible .phx-link-arrow {
  transform: translateX(2px);
}

html[dir="rtl"] a:hover .phx-link-arrow,html[lang="ar"] a:hover .phx-link-arrow,html[dir="rtl"] a:focus-visible .phx-link-arrow,html[lang="ar"] a:focus-visible .phx-link-arrow {
  transform: translateX(-2px);
}

@media (prefers-reduced-motion:reduce) {
  a .phx-link-arrow {
    transition: none !important;
  }
}

.phx-buyer-answers .phx-answer-grid {
  align-items: stretch;
}

.phx-buyer-answers .phx-answer-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.phx-buyer-answers .phx-answer-card>a.phx-answer-action {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  align-self: flex-start;
  margin-top: auto;
  padding: 0 0 var(--space-1);
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: var(--phx-text-strong);
  text-align: start;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.35;
  transition: color var(--phx-motion-fast) var(--phx-ease-standard),border-color var(--phx-motion-fast) var(--phx-ease-standard);
}

.phx-buyer-answers .phx-answer-card>a.phx-answer-action:hover {
  background: transparent;
  color: var(--phx-brand);
  border-color: var(--phx-brand);
  text-decoration: none;
  transform: none;
}

.phx-buyer-answers .phx-answer-card>a.phx-answer-action:focus-visible {
  outline: 2px solid var(--phx-brand);
  outline-offset: 4px;
}

.phx-buyer-answers .phx-answer-card>a.phx-answer-action .phx-link-arrow {
  display: inline-block;
}

.phx-buyer-answers .phx-answer-card>p {
  margin-bottom: var(--space-4);
}

@media (max-width:600px) {
  .phx-answer-grid {
    grid-template-columns: 1fr;
  }
  .phx-buyer-answers .phx-answer-card>a.phx-answer-action {
    width: auto;
  }
}

@media (prefers-reduced-motion:reduce) {
  .phx-buyer-answers .phx-answer-card>a.phx-answer-action {
    transition: none;
  }
  .phx-buyer-answers .phx-answer-card>a.phx-answer-action:hover {
    transform: none;
  }
}

header.header>details.phx-lang-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin: 0;
  z-index: 60;
}

header.header>details.phx-lang-switch[open] {
  z-index: 110;
}

header.header>details.phx-lang-switch>summary.phx-lang-trigger {
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  box-sizing: border-box;
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
  margin: 0;
  white-space: nowrap;
  line-height: 1;
  border: 1px solid var(--phx-control-border);
  border-radius: var(--phx-control-radius);
  background: var(--phx-surface-muted);
  color: var(--phx-brand);
  cursor: pointer;
  user-select: none;
}

header.header>details.phx-lang-switch>summary.phx-lang-trigger::-webkit-details-marker {
  display: none;
}

header.header>details.phx-lang-switch>summary.phx-lang-trigger::marker {
  content: "";
}

header.header>details.phx-lang-switch .phx-lang-globe {
  display: block;
  flex: none;
  width: 16px;
  height: 16px;
}

header.header>details.phx-lang-switch .phx-lang-code {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}

header.header>details.phx-lang-switch .phx-lang-chevron {
  display: block;
  flex: none;
  transition: transform .2s ease;
}

header.header>details.phx-lang-switch[open] .phx-lang-chevron {
  transform: rotate(180deg);
}

header.header>details.phx-lang-switch>summary.phx-lang-trigger:focus-visible {
  outline: 2px solid var(--phx-focus-ring);
  outline-offset: 3px;
}

header.header>details.phx-lang-switch>.phx-lang-menu {
  display: none;
  position: absolute;
  inset-inline-end: 0;
  inset-inline-start: auto;
  top: calc(100% + 7px);
  z-index: 120;
  box-sizing: border-box;
  width: 228px;
  min-width: 0;
  max-width: calc(100vw - 24px);
  max-height: min(440px,70vh);
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--space-1);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
  box-shadow: 0 8px 24px var(--phx-alpha-ink-12);
}

header.header>details.phx-lang-switch[open]>.phx-lang-menu {
  display: grid;
  gap: var(--phx-size-2);
}

header.header>details.phx-lang-switch .phx-lang-menu a {
  box-sizing: border-box;
  direction: ltr !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-2);
  min-height: 40px;
  padding: var(--space-2) var(--space-2) !important;
  border: 0 !important;
  border-radius: var(--phx-radius-8);
  text-decoration: none !important;
  color: var(--phx-text);
  font-size: 13px;
  line-height: 1.3;
  text-align: left !important;
  white-space: normal !important;
}

header.header>details.phx-lang-switch .phx-lang-menu a:hover,header.header>details.phx-lang-switch .phx-lang-menu a[aria-current="page"] {
  background: var(--phx-surface-muted) !important;
}

header.header>details.phx-lang-switch .phx-lang-menu a:focus-visible {
  outline: 2px solid var(--phx-focus-ring);
  outline-offset: -2px;
}

header.header>details.phx-lang-switch .phx-lang-menu img.phx-lang-flag {
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 13px !important;
  max-height: 13px !important;
  object-fit: cover;
  object-position: center;
  transform: none !important;
  border: 1px solid var(--phx-border);
  border-radius: 2px;
  box-sizing: border-box;
}

header.header>details.phx-lang-switch .phx-lang-menu .phx-lang-name {
  flex: 1;
  min-width: 0;
  unicode-bidi: isolate;
}

@media (min-width:1025px) {
  header.header>nav#phx-primary-navigation {
    order: 2;
    margin-inline-start: auto;
  }
  header.header>details.phx-lang-switch {
    order: 3;
    margin-inline-start: var(--space-2);
  }
}

@media (max-width:1024px) {
  header.header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between;
    gap: var(--space-2);
    height: auto !important;
    min-height: 64px;
  }
  header.header>a:first-child {
    order: 0;
    min-width: 0;
    flex: 0 1 auto !important;
    margin-inline-end: auto;
  }
  header.header>a:first-child img.header-logo {
    max-width: min(224px,42vw) !important;
    height: 64px !important;
    object-fit: contain !important;
  }
  header.header>details.phx-lang-switch {
    order: 1;
    margin: 0 !important;
    display: inline-flex !important;
    flex: 0 0 auto;
    width: auto !important;
  }
  header.header>details.phx-lang-switch>.phx-lang-menu {
    position: absolute !important;
    min-width: 0 !important;
    width: 228px !important;
    top: calc(100% + 7px);
    right: 0 !important;
    left: auto !important;
    box-shadow: 0 8px 24px var(--phx-alpha-ink-12) !important;
  }
  header.header>button.phx-mobile-nav-toggle {
    order: 2;
    flex: 0 0 auto;
    margin: 0 !important;
  }
  header.header>nav#phx-primary-navigation {
    order: 3 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
  }
  html[dir="rtl"] header.header>details.phx-lang-switch>.phx-lang-menu {
    right: auto !important;
    left: 0 !important;
  }
}

@media (max-width:600px) {
  header.header>a:first-child img.header-logo {
    max-width: min(172px,42vw) !important;
    height: 56px !important;
  }
  header.header>button.phx-mobile-nav-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: var(--space-2) !important;
    gap: 0 !important;
  }
  header.header>button.phx-mobile-nav-toggle span {
    display: none !important;
  }
}

@media (max-width:410px) {
  header.header {
    gap: var(--space-1) !important;
  }
  header.header>a:first-child img.header-logo {
    max-width: min(38vw,130px) !important;
    height: 54px !important;
    object-fit: contain;
  }
  header.header>details.phx-lang-switch>summary.phx-lang-trigger {
    min-height: 44px;
    padding: var(--space-2) var(--space-2);
    gap: var(--space-1);
  }
}

@media (prefers-reduced-motion:reduce) {
  header.header>details.phx-lang-switch .phx-lang-chevron {
    transition: none;
  }
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="expertise"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .ex-cta {
  border-radius: var(--phx-radius-12);
  color: var(--phx-text-strong);
  background: var(--phx-surface-muted);
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  align-items: center;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="expertise"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .ex-cta a {
  background: var(--phx-brand);
  border-radius: var(--phx-radius-8);
  padding: var(--space-3) var(--space-4);
  white-space: nowrap;
  text-decoration: none;
  color: var(--phx-surface);
  font-size: var(--phx-font-sm);
  font-weight: 800;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="expertise"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .ex-cta h2 {
  color: var(--phx-heading-color);
  font-size: clamp(var(--phx-font-subheading),3.2vw,var(--phx-font-section));
  margin: var(--space-2) 0;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="expertise"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .ex-cta p {
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related {
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related a {
  color: var(--phx-text-muted);
  font-weight: 700;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  border-radius: var(--phx-radius-8);
  border: 1px solid var(--phx-border);
  padding: var(--space-4);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related a span {
  flex: none;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related a:hover {
  background: var(--phx-surface-muted);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related>div {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-3);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card h2,:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split h2,:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-section-heading h2,:where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  color: var(--phx-heading-color);
  letter-spacing: -.035em;
  margin: var(--space-3) 0 var(--space-4);
}

@media (max-width:560px) {
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-related>div{
    grid-template-columns: 1fr;
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="expertise"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .ex-cta a {
    white-space: normal;
    width: 100%;
    text-align: center;
  }
}

@media (max-width:950px) {
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="expertise"],html[data-phx-page="real-paint-samples-vs-printed-samples"]) .ex-cta {
    flex-direction: column;
    align-items: start;
  }
}

:root {
  --phx-interactive-gap: var(--space-2);
  --phx-card-radius: var(--phx-radius-12);
}

:where(main a.btn,main a.button,main button[type="submit"],main .phx-btn,main .phx-quick-answer-link) {
  min-height: var(--phx-control-height);
  gap: var(--phx-interactive-gap);
}

:where(main a,header a,footer a,main button,header button,header summary):focus-visible {
  outline: 2px solid var(--phx-focus-ring);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  :where(main .product-card,main .ex-card,main .phx-home-cs-card,main .phx-cs-card) {
    transition-duration: 0.01ms;
  }
}

.contacts-footer .copyright>.phx-footer-lang-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  z-index: 2;
}

.contacts-footer .copyright .phx-footer-lang-switch>.phx-lang-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  width: auto;
  min-height: 36px;
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--phx-control-border);
  border-radius: var(--phx-radius-8);
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  cursor: pointer;
  list-style: none;
}

.contacts-footer .copyright .phx-footer-lang-switch>.phx-lang-trigger::-webkit-details-marker {
  display: none;
}

.contacts-footer .copyright .phx-footer-lang-switch>.phx-lang-trigger:hover,.contacts-footer .copyright .phx-footer-lang-switch[open]>.phx-lang-trigger {
  color: var(--phx-surface);
  border-color: var(--phx-surface);
}

.contacts-footer .copyright .phx-footer-lang-switch>.phx-lang-trigger:focus-visible {
  outline: 2px solid var(--phx-surface);
  outline-offset: 3px;
}

.contacts-footer .copyright .phx-footer-lang-switch .phx-lang-globe,.contacts-footer .copyright .phx-footer-lang-switch .phx-lang-chevron {
  flex: none;
}

.contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu {
  position: absolute;
  top: auto;
  bottom: calc(100% + 6px);
  right: 0;
  left: auto;
  display: none;
  min-width: 210px;
  width: max-content;
  max-width: min(90vw,280px);
  max-height: min(360px,70vh);
  overflow-y: auto;
  padding: var(--space-2);
  background: var(--phx-surface);
  color: var(--phx-text);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  box-shadow: 0 8px 24px var(--phx-alpha-ink-12);
  z-index: 50;
  direction: ltr;
}

.contacts-footer .copyright .phx-footer-lang-switch[open] .phx-lang-menu {
  display: grid;
  gap: var(--space-1);
}

.contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu a {
  display: flex !important;
  align-items: center;
  gap: var(--space-2);
  min-height: 38px;
  padding: var(--space-2) var(--space-2) !important;
  color: var(--phx-text);
  text-decoration: none !important;
  direction: ltr !important;
  text-align: left !important;
  white-space: normal;
  border-radius: var(--phx-radius-8);
}

.contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu a:hover,.contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu a:focus-visible,.contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu a[aria-current="page"] {
  background: var(--phx-surface-muted) !important;
  color: var(--phx-text);
  text-decoration: none !important;
}

.contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu a:focus-visible {
  outline: 2px solid var(--phx-brand);
  outline-offset: 1px;
}

html[dir="rtl"] .contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu {
  right: auto;
  left: 0;
}

@media (max-width:620px) {
  .contacts-footer .copyright>span:first-child {
    flex: 0 1 auto;
  }
  .contacts-footer .copyright>.phx-footer-lang-switch {
    align-self: flex-start;
    max-width: 100%;
  }
  .contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu {
    right: auto;
    left: 0;
  }
  html[dir="rtl"] .contacts-footer .copyright .phx-footer-lang-switch .phx-lang-menu {
    left: auto;
    right: 0;
  }
}

@media (min-width:1026px) and (max-width:1320px) {
  header.header {
    height: auto !important;
    min-height: var(--phx-size-96);
    padding-block: var(--space-2);
    flex-wrap: wrap;
    row-gap: var(--space-1);
  }
  header.header>nav#phx-primary-navigation {
    order: 4;
    flex: 0 0 100%;
    margin-inline-start: 0;
    justify-content: center;
    gap: 0;
  }
  header.header>details.phx-lang-switch {
    order: 2;
    margin-inline-start: auto;
  }
  .header .nav>a,.header .nav>.nav-dropdown>a {
    padding-inline: var(--space-1) !important;
  }
}

@media (min-width:1321px) {
  html[lang="pt-BR"] .header .nav {
    gap: 0 !important;
  }
  html[lang="pt-BR"] .header .nav>a,html[lang="pt-BR"] .header .nav>.nav-dropdown>a {
    padding-inline: var(--space-1) !important;
  }
}

@media (min-width:1321px) and (max-width:1440px) {
  html:is([lang="de"],[lang="es"],[lang="tr"]) .header .nav>a,html:is([lang="de"],[lang="es"],[lang="tr"]) .header .nav>.nav-dropdown>a {
    padding-inline: var(--space-2) !important;
  }
}

@media (min-width:1025px) {
  .header .nav .nav-dropdown.phx-nav-escape-closed>.nav-menu {
    display: none !important;
    visibility: hidden !important;
  }
}

:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks-grid a>span:first-child {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: break-word;
}

html[lang="ar"] .phx-unified-hero .ral-hero-copy h1 {
  font-size: var(--phx-ar-type-hero);
  line-height: 1.35;
  max-width: 38ch;
  overflow-wrap: break-word;
}

html[lang="ar"] .phx-cs-page :is(.phx-ge-intro h2,.phx-ge-heading h2,.phx-process-header h2,.phx-cs-related-projects h2,.phx-ge-cta h2) {
  font-size: var(--phx-ar-type-section);
  line-height: 1.4;
  overflow-wrap: break-word;
}

html[lang="ar"] .phx-cs-page .phx-stage-title {
  font-size: var(--phx-ar-type-stage);
  line-height: 1.45;
}

@media (max-width:600px) {
  html[lang="ar"] {
    --phx-ar-type-hero: clamp(1.7rem,6vw,1.95rem);
    --phx-ar-type-section-wide: clamp(1.35rem,5vw,1.55rem);
    --phx-ar-type-section: clamp(1.3rem,4.8vw,1.5rem);
    --phx-ar-type-subsection: clamp(1.2rem,4.4vw,1.4rem);
    --phx-ar-type-stage: clamp(1rem,3.8vw,1.1rem);
  }
}

main :is(.btn,.phx-ge-cta>a,.phx-cs-cta>a,.phx-fandeck-cta-button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--phx-control-height);
  border-radius: var(--phx-button-radius);
  line-height: 1.45;
}

html[lang="ar"] main :is(.phx-authority-head,.phx-industries-intro-copy,.mf-intro,.mf-section-head,.mf-text,.mf-gallery-heading,.mf-comparison,.ex-heading,.ex-intro,.ex-featured-content,.fd-heading,.fd-intro,.cp-intro)>h2 {
  font-size: var(--phx-ar-type-section-wide);
  line-height: 1.4;
  overflow-wrap: break-word;
}

html[lang="ar"] .phx-cs-page :is(.phx-cs-feature-copy,.phx-cs-story-copy)>h2 {
  font-size: var(--phx-ar-type-section);
  line-height: 1.4;
}

html[data-phx-page] body main .phx-arrow-underline {
  display: inline-flex !important;
  align-items: baseline !important;
  align-self: flex-start;
  column-gap: var(--phx-inline-glyph-gap) !important;
  width: fit-content;
  max-inline-size: 100%;
  min-inline-size: 0;
  padding-block-end: var(--phx-size-2);
  text-decoration: none !important;
  border-block-end: 1px solid currentColor !important;
  background-image: none !important;
  box-sizing: border-box;
}

html[data-phx-page] body main .phx-arrow-underline>:is(.phx-link-arrow,span[aria-hidden="true"]) {
  display: inline-block !important;
  flex: 0 0 auto;
  align-self: baseline;
  margin-inline-start: 0 !important;
  font-size: 1em !important;
  font-weight: inherit;
  line-height: 1 !important;
  letter-spacing: normal;
  text-decoration: none !important;
  transform: none !important;
  transition: none;
}

html[data-phx-page] body main .phx-cs-related-link>.phx-cs-related-action.phx-arrow-underline {
  align-self: flex-start;
  width: fit-content;
  max-inline-size: 100%;
  text-decoration: none !important;
}

html[data-phx-page] body main .phx-cs-related-link>.phx-cs-related-action.phx-arrow-underline span {
  text-decoration: none !important;
}

html[dir="rtl"] body main .phx-arrow-underline,html[lang="ar"] body main .phx-arrow-underline {
  direction: rtl;
}

body.phx-consent-active {
  padding-bottom: var(--phx-consent-reserve,var(--phx-size-160));
}

.phx-consent-bar[hidden],.phx-map-consent-button[hidden] {
  display: none !important;
}

.phx-consent-bar {
  position: fixed;
  inset-inline: 12px;
  bottom: 12px;
  z-index: 9990;
  max-width: 930px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  background: var(--phx-neutral-25);
  color: #33352f;
  border: 1px solid #d9d9d1;
  border-radius: 12px;
  box-shadow: 0 6px 22px rgb(0 0 0 / .09);
  padding: var(--space-3) var(--space-4);
  font-family: inherit;
  direction: inherit;
}

.phx-consent-copy {
  flex: 1 1 55%;
  min-width: 0;
}

.phx-consent-copy strong {
  display: block;
  font-size: 13px;
  line-height: 1.4;
}

.phx-consent-copy p {
  font-size: 12px;
  line-height: 1.55;
  margin: var(--space-1) 0;
}

.phx-consent-copy a {
  font-size: 12px;
  color: inherit;
  text-underline-offset: 3px;
}

.phx-consent-actions {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-1);
  min-width: 0;
}

.phx-consent-btn {
  border: 1px solid #97988f;
  border-radius: 7px;
  background: #fff;
  color: #33352f;
  padding: var(--space-2) var(--space-2);
  min-height: 42px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  text-align: center;
}

.phx-consent-btn:hover {
  background: var(--phx-neutral-50);
}

.phx-consent-btn:focus-visible,.phx-cookie-settings-link:focus-visible,.phx-map-consent-button:focus-visible,.phx-video-consent button:focus-visible {
  outline: 2px solid #33352f;
  outline-offset: 2px;
}

.phx-cookie-settings-link {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  font: inherit;
}

.phx-privacy-dialog {
  width: min(94vw,520px);
  max-height: 85vh;
  overflow: auto;
  border: 1px solid #d9d9d1;
  border-radius: 13px;
  background: #fff;
  color: #33352f;
  padding: var(--space-5);
  font-family: inherit;
  box-shadow: 0 16px 45px rgb(0 0 0 / .18);
}

.phx-privacy-dialog::backdrop {
  background: rgb(0 0 0 / .3);
}

.phx-privacy-dialog h2 {
  font-size: 20px;
  margin: 0 0 var(--space-4);
  line-height: 1.35;
}

.phx-privacy-item,.phx-privacy-option {
  display: flex;
  gap: var(--space-3);
  margin: 0 0 var(--space-3);
  padding: var(--space-3);
  border: 1px solid #e0e1da;
  background: var(--phx-neutral-25);
  border-radius: 8px;
}

.phx-privacy-item {
  display: block;
}

.phx-privacy-item strong,.phx-privacy-option strong {
  display: block;
  font-size: 14px;
}

.phx-privacy-item small,.phx-privacy-option small {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  margin-top: var(--space-1);
  color: #555850;
}

.phx-privacy-option input {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  accent-color: #393d3a;
  margin: 0;
}

.phx-privacy-dialog-actions {
  display: flex;
  gap: var(--space-2);
  justify-content: flex-end;
  margin-top: var(--space-3);
}

.phx-privacy-dialog-actions .phx-consent-btn {
  min-width: 112px;
}

.location-map-preview.phx-map-blocked {
  background: var(--phx-neutral-50);
}

.phx-map-consent-button {
  position: absolute;
  inset-inline-start: 50%;
  top: 42%;
  transform: translate(-50%,-50%);
  z-index: 3;
  min-height: 40px;
  white-space: nowrap;
  padding: var(--space-2) var(--space-4);
  background: #fff;
  color: #33352f;
  border: 1px solid #b7b9af;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

html[dir="rtl"] .phx-map-consent-button {
  transform: translate(50%,-50%);
}

.phx-video-consent {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: var(--phx-neutral-25);
  color: #33352f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--space-2);
  padding: var(--space-4);
  text-align: center;
  border: 1px solid #d9d9d1;
  border-radius: 9px;
}

.phx-video-consent p {
  width: 100%;
  max-width: 420px;
  margin: 0 0 var(--space-1);
  line-height: 1.5;
  font-size: 13px;
}

.phx-video-consent button {
  padding: var(--space-2) var(--space-3);
  background: #fff;
  color: #33352f;
  border: 1px solid #999b93;
  border-radius: 7px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}

@media (max-width:720px) {
  .phx-consent-bar {
    display: block;
    inset-inline: 8px;
    bottom: 8px;
    padding: var(--space-3) var(--space-3);
  }
  .phx-consent-actions {
    margin-top: var(--space-2);
  }
  .phx-consent-copy p {
    font-size: 11px;
  }
  .phx-consent-btn {
    padding: var(--space-2) var(--space-1);
    font-size: 11px;
    min-height: 40px;
  }
  .phx-privacy-dialog {
    padding: var(--space-4);
  }
}

.header .nav .phx-nav-projects>.phx-projects-mobile-toggle {
  display: none;
}

@media (max-width:1024px) {
  .header .nav .phx-nav-projects {
    display: grid;
    grid-template-columns: minmax(0,1fr) 44px;
    align-items: start;
    gap: var(--space-1);
  }
  .header .nav .phx-nav-projects>a {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    width: 100%;
  }
  .header .nav .phx-nav-projects>a .nav-chevron {
    display: none;
  }
  .header .nav .phx-nav-projects>.phx-projects-mobile-toggle {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 48px;
    padding: 0;
    background: var(--phx-surface);
    color: var(--phx-brand);
    border: 1px solid var(--phx-border);
    border-radius: var(--phx-radius-8);
    cursor: pointer;
  }
  .header .nav .phx-nav-projects>.phx-projects-mobile-toggle::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .15s ease;
  }
  .header .nav .phx-nav-projects.phx-projects-menu-open>.phx-projects-mobile-toggle::after {
    transform: translateY(2px) rotate(225deg);
  }
  .header .nav .phx-nav-projects>.phx-projects-mobile-toggle:focus-visible {
    outline: 3px solid var(--phx-focus-ring);
    outline-offset: 2px;
  }
  .header .nav .phx-nav-projects>.nav-menu {
    grid-column: 1/-1;
    grid-row: 2;
    display: none !important;
  }
  .header .nav .phx-nav-projects.phx-projects-menu-open>.nav-menu {
    display: flex !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .header .nav .phx-nav-projects>.phx-projects-mobile-toggle::after {
    transition: none;
  }
}

.phx-product-projects {
  box-sizing: border-box;
  margin: var(--space-7) auto;
  max-width: var(--phx-size-1200);
  width: 100%;
  padding: var(--space-6);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  background: var(--phx-surface);
}

.phx-product-projects-header h2 {
  font-size: clamp(1.3rem,2.3vw,1.7rem);
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-2);
  line-height: 1.35;
}

.phx-product-projects-header p {
  font-size: var(--phx-font-sm);
  line-height: 1.65;
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-6);
  max-width: 75ch;
}

.phx-product-project-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
}

.phx-product-project-grid[data-project-count="1"] {
  grid-template-columns: minmax(0,1fr);
  max-width: 720px;
}

.phx-product-project-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-card-radius);
  background: var(--phx-surface-muted);
  color: var(--phx-heading-color);
  text-decoration: none;
  box-sizing: border-box;
  box-shadow: var(--phx-card-shadow);
}

.phx-product-project-card:is(:hover,:focus-visible) {
  border-color: var(--phx-neutral-600);
  box-shadow: var(--phx-shadow-md);
}

.phx-product-project-title {
  margin: 0;
  font-size: var(--phx-font-card);
  font-weight: 700;
  line-height: 1.42;
  overflow-wrap: break-word;
}

.phx-product-project-copy {
  font-size: var(--phx-font-sm);
  font-weight: 400;
  line-height: 1.65;
  color: var(--phx-text-muted);
  overflow-wrap: break-word;
}

.phx-product-project-card .phx-product-project-action {
  margin-top: auto;
  font-size: var(--phx-font-sm);
  font-weight: 700;
  color: var(--phx-heading-color);
}

.phx-case-capabilities {
  width: min(100%,1080px);
  margin: var(--space-7) auto;
  padding: var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
}

.phx-case-capabilities h2 {
  font-size: clamp(1.3rem,2.2vw,1.65rem);
  margin: 0 0 var(--space-4);
  color: var(--phx-heading-color);
  line-height: 1.4;
}

.phx-case-capabilities ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: 0;
  margin: 0;
  list-style: none;
}

.phx-case-capabilities a {
  display: block;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  color: var(--phx-heading-color);
  text-decoration: none;
  font-size: var(--phx-font-sm);
  font-weight: 600;
}

.phx-case-capabilities a:is(:hover,:focus-visible) {
  background: var(--phx-surface-subtle);
  text-decoration: underline;
}

@media (max-width:700px) {
  .phx-product-projects {
    padding: var(--space-4);
  }
  .phx-product-project-grid {
    grid-template-columns: minmax(0,1fr);
  }
  .phx-product-project-card {
    padding: var(--space-4);
  }
  .phx-case-capabilities {
    padding: var(--space-4);
  }
}

html[lang="ar"] .phx-product-projects-header h2,html[lang="ar"] .phx-case-capabilities h2 {
  font-size: var(--phx-ar-type-subsection);
  line-height: 1.45;
}

:root {
  --phx-type-section-title: clamp(1.5rem,2.18vw,1.95rem);
  --phx-type-subsection-title: clamp(1.3rem,1.75vw,1.65rem);
}

html[data-phx-page] body main .phx-authority-head h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.3;
}

html[lang="ar"][data-phx-page] body main .phx-authority-head h2 {
  font-size: var(--phx-ar-type-section);
  line-height: 1.42;
}

html[data-phx-page="faq"] body main .phx-faq-group-title {
  font-size: clamp(1.06rem,1.4vw,1.26rem);
  line-height: 1.35;
}

html[data-phx-page="faq"] body main .phx-faq-group-summary {
  padding-block: var(--space-4);
}

/* PHOENiX about-detail — shared tokens and existing cascade preserved */

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-inline-media figcaption {
  flex: 0 0 auto !important;
}

@media (max-width:850px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-content-grid {
    display: flex;
    flex-direction: column;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-inline-media {
    order: -1;
    height: auto;
    max-width: var(--phx-size-640);
    width: 100%;
    align-self: center !important;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-text-groups {
    grid-template-columns: 1fr;
  }
}

:where(html[data-phx-page="about-history"]) main.page-body:has(.phx-heritage-layout) {
  padding-top: var(--space-7);
  padding-bottom: var(--space-8);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-layout {
  display: grid;
  grid-template-columns: minmax(290px,.82fr) minmax(0,1.18fr);
  align-items: start;
  gap: clamp(var(--space-6),5vw,var(--space-8));
  font-family: var(--phx-font-sans);
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-visual {
  min-width: 0;
  position: sticky;
  top: var(--space-5);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-photo {
  margin: 0;
  padding: var(--space-3);
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  box-shadow: var(--phx-shadow-lg);
  overflow: hidden;
}

:where(html[data-phx-page="about-history"]) .phx-heritage-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 39/50;
  object-fit: cover;
  border-radius: var(--phx-radius-8);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-photo figcaption {
  padding: var(--space-3) var(--space-2) var(--space-1);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-caption {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  padding: var(--space-3) var(--space-2) 0;
  max-width: var(--phx-size-480);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-kicker {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  color: var(--phx-brand);
  letter-spacing: 1.8px;
  margin-bottom: var(--space-4);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-kicker-line {
  height: var(--phx-size-2);
  width: var(--phx-size-32);
  background: var(--phx-brand);
  flex: none;
}

:where(html[data-phx-page="about-history"]) .phx-heritage-content h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -1.2px;
  color: var(--phx-text);
  margin: 0 0 var(--space-4);
  font-weight: 700;
  max-width: var(--phx-size-640);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-lead {
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  margin: 0 0 var(--space-6);
  max-width: var(--phx-size-640);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-story {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  column-gap: var(--space-4);
  padding: var(--space-5) 0 var(--space-4);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-number {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: .8px;
  color: var(--phx-brand);
  padding-top: var(--space-1);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-story h3 {
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-detail);
  color: var(--phx-text);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-story p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="about-history"]) .phx-heritage-story p:last-child {
  margin-bottom: 0;
}

@media (max-width:850px) {
  :where(html[data-phx-page="about-history"]) .phx-heritage-layout {
    grid-template-columns: minmax(0,1fr);
    gap: var(--space-6);
  }
  :where(html[data-phx-page="about-history"]) .phx-heritage-visual {
    position: static;
    max-width: var(--phx-size-640);
    margin: 0 auto;
    width: 100%;
  }
  :where(html[data-phx-page="about-history"]) .phx-heritage-photo img {
    max-height: var(--phx-size-640);
    object-fit: contain;
    background: var(--phx-surface-subtle);
  }
  :where(html[data-phx-page="about-history"]) .phx-heritage-content h2 {
    font-size: clamp(var(--phx-font-subheading),5vw,var(--phx-font-section));
  }
}

@media (max-width:560px) {
  :where(html[data-phx-page="about-history"]) main.page-body:has(.phx-heritage-layout) {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }
  :where(html[data-phx-page="about-history"]) .phx-heritage-layout {
    gap: var(--space-5);
  }
  :where(html[data-phx-page="about-history"]) .phx-heritage-photo {
    padding: var(--space-2);
    border-radius: var(--phx-radius-12);
  }
  :where(html[data-phx-page="about-history"]) .phx-heritage-photo img {
    max-height: var(--phx-size-480);
  }
  :where(html[data-phx-page="about-history"]) .phx-heritage-story {
    grid-template-columns: 36px minmax(0,1fr);
    gap: var(--space-2);
    padding: var(--space-4) 0;
  }
  :where(html[data-phx-page="about-history"]) .phx-heritage-lead {
    font-size: var(--phx-font-sm);
    margin-bottom: var(--space-5);
  }
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign {
  padding-top: var(--space-7);
  padding-bottom: clamp(var(--space-5),3.9vw,var(--space-6));
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-story {
  display: grid;
  grid-template-columns: minmax(0,1.36fr) minmax(320px,.84fr);
  gap: clamp(var(--space-5),4vw,var(--space-8));
  align-items: start;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-kicker {
  display: block;
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-story h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.9px;
  color: var(--phx-text);
  margin: var(--space-3) 0 var(--space-4);
}

@media (max-width:900px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .location-story {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign {
    padding-top: var(--space-6);
  }
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-description {
  flex-basis: 100%;
  margin: 0 0 0 var(--space-5);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-intro {
  max-width: var(--phx-size-800);
  margin-bottom: var(--space-6);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-eyebrow {
  display: block;
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: 1.7px;
  margin-bottom: var(--space-2);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-intro h2 {
  font-size: clamp(var(--phx-font-subheading),3.3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.9px;
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-intro p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-3);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-marker {
  width: var(--phx-size-4);
  min-width: var(--phx-size-4);
  height: var(--phx-size-32);
  border-radius: var(--phx-radius-8);
  background: var(--phx-brand);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-card h3 {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--phx-text);
  font-size: var(--phx-font-body);
  font-weight: 600;
  line-height: var(--phx-leading-caption);
  overflow-wrap: anywhere;
}

@media (max-width:650px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-card {
    padding: var(--space-4) var(--space-4);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-card h3 {
    font-size: var(--phx-font-sm);
  }
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-card {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-4) var(--space-5);
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  box-shadow: 0 3px 14px var(--phx-alpha-ink-8);
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-source-wrap {
  margin-top: auto;
  padding-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  align-items: center;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-source-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-weight: 700;
  font-size: var(--phx-font-xs);
  letter-spacing: .012em;
  color: var(--phx-brand);
  text-decoration: none;
  border-bottom: 1px solid var(--phx-border);
  padding: var(--space-1) 0;
  transition: color .2s,border-color .2s;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-source-link:hover,:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-source-link:focus-visible {
  color: var(--phx-brand) !important;
  border-color: var(--phx-brand);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-source-link span[aria-hidden] {
  font-size: var(--phx-font-body);
  line-height: 1;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-source-name {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-caption);
}

@media (max-width:700px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreement-source-wrap {
    padding-top: var(--space-4);
  }
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section {
  width: min(var(--phx-size-1200),92%);
  max-width: var(--phx-size-1200);
  margin: 0 auto;
  padding: var(--space-7) 0 0;
  box-sizing: border-box;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreements-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: stretch;
  gap: var(--space-4);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  flex-wrap: nowrap;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: var(--space-5) var(--space-5) var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
  box-shadow: 0 4px 16px var(--phx-alpha-ink-4);
  overflow: hidden;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-marker {
  position: absolute;
  top: var(--space-5);
  left: 0;
  width: var(--phx-size-4);
  min-width: var(--phx-size-4);
  height: var(--phx-size-32);
  background: var(--phx-brand);
  border-radius: 0 var(--phx-radius-4) var(--phx-radius-4) 0;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card h3 {
  flex: none;
  width: 100%;
  min-width: 0;
  margin: 0 0 var(--space-3);
  color: var(--phx-heading-color);
  font-size: var(--phx-font-body);
  font-weight: 700;
  line-height: var(--phx-leading-caption);
  letter-spacing: -.18px;
  overflow-wrap: break-word;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card p.trade-agreement-description {
  flex: none;
  flex-basis: auto;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  overflow-wrap: break-word;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-source-wrap {
  width: 100%;
  margin-top: auto;
  padding-top: var(--space-4);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-4);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-source-link {
  font-size: var(--phx-font-xs);
  white-space: normal;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-source-name {
  font-size: var(--phx-font-xs);
}

@media (max-width:780px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreements-grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section {
    padding: var(--space-6) 0 0;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card {
    padding: var(--space-5) var(--space-5);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-marker {
    top: var(--space-5);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card h3 {
    font-size: var(--phx-font-body);
  }
}

@media (max-width:430px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card {
    padding: var(--space-4) var(--space-4);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card h3 {
    font-size: var(--phx-font-body);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card p.trade-agreement-description {
    font-size: var(--phx-font-sm);
    line-height: var(--phx-leading-reading);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-logo {
    width: 100%;
    height: var(--phx-size-128);
    margin-bottom: var(--space-3);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-logo img {
    width: 100%;
    height: 100%;
  }
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-logo {
  position: relative;
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
  height: var(--phx-size-96);
  min-height: var(--phx-size-96);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  padding: var(--space-1) 0;
  margin: 0 0 var(--space-4);
  border: 0 !important;
  background: transparent !important;
  overflow: visible;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-logo img {
  position: relative;
  z-index: 1;
  flex: 0 1 auto !important;
  image-rendering: auto;
  clip-path: none;
  display: block;
  width: auto;
  height: auto;
  max-width: min(100%, var(--phx-size-160));
  max-height: var(--phx-size-64);
  min-width: 0;
  object-fit: contain;
  object-position: left center;
  margin: 0;
  transform: none;
}

@media (max-width:600px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-logo {
    height: var(--phx-size-96);
    min-height: var(--phx-size-96);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .trade-agreements-section .trade-agreement-card .trade-agreement-logo img {
    max-height: var(--phx-size-64);
    max-width: min(100%, var(--phx-size-160));
  }
}

:where(html[data-phx-page="about-mission-vision"]) .mv-page {
  padding: var(--space-7) 0 var(--space-8);
}

:where(html[data-phx-page="about-mission-vision"]) .mv-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-5);
  align-items: stretch;
}

:where(html[data-phx-page="about-mission-vision"]) .mv-card {
  min-width: 0;
  padding: var(--space-6) var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  background: linear-gradient(145deg,var(--phx-surface-muted),var(--phx-surface) 62%);
  box-shadow: 0 9px 24px var(--phx-alpha-ink-4);
}

:where(html[data-phx-page="about-mission-vision"]) .mv-card h2 {
  font-size: var(--phx-font-subheading);
  letter-spacing: -.6px;
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-4);
}

:where(html[data-phx-page="about-mission-vision"]) .mv-paragraph {
  display: grid;
  grid-template-columns: 112px minmax(0,1fr);
  gap: var(--space-4);
  align-items: center;
  margin: 0 0 var(--space-4);
}

:where(html[data-phx-page="about-mission-vision"]) .mv-paragraph:last-child {
  margin-bottom: 0;
}

:where(html[data-phx-page="about-mission-vision"]) .mv-paragraph p {
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

@media (max-width:900px) {
  :where(html[data-phx-page="about-mission-vision"]) .mv-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="about-mission-vision"]) .mv-card {
    padding: var(--space-5);
  }
}

@media (max-width:520px) {
  :where(html[data-phx-page="about-mission-vision"]) .mv-page {
    padding-top: var(--space-6);
  }
  :where(html[data-phx-page="about-mission-vision"]) .mv-card {
    padding: var(--space-5) var(--space-4);
  }
  :where(html[data-phx-page="about-mission-vision"]) .mv-card h2 {
    font-size: var(--phx-font-subheading);
  }
  :where(html[data-phx-page="about-mission-vision"]) .mv-paragraph {
    grid-template-columns: 86px minmax(0,1fr);
    gap: var(--space-3);
  }
  :where(html[data-phx-page="about-mission-vision"]) .mv-paragraph p {
    font-size: var(--phx-font-sm);
    line-height: var(--phx-leading-reading);
  }
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page {
  padding: var(--space-7) 0 var(--space-8);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-intro-panel,:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel {
  max-width: var(--phx-size-960);
  margin: 0 auto;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-24);
  padding: var(--space-6) var(--space-6);
  box-shadow: 0 12px 28px var(--phx-alpha-ink-4);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-intro-panel h2,:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel h2 {
  margin: 0 0 var(--space-3);
  color: var(--phx-heading-color);
  font-size: var(--phx-font-section);
  line-height: var(--phx-leading-heading);
  letter-spacing: -.8px;
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-intro-panel p,:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel p {
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-intro-panel p+p,:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel p+p {
  margin-top: var(--space-3);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-principles {
  margin-top: var(--space-6);
  padding-bottom: var(--space-6);
  display: flow-root;
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--space-5);
  margin: 0 auto var(--space-5);
  max-width: var(--phx-size-1200);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-section-head .eyebrow {
  margin-bottom: var(--space-2);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-section-head h2 {
  margin: 0;
  color: var(--phx-heading-color);
  font-size: var(--phx-font-section);
  line-height: var(--phx-leading-heading);
  letter-spacing: -.8px;
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-section-head p {
  max-width: var(--phx-size-480);
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-phx-page="about-sustainability"]) .s-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  box-shadow: 0 12px 26px var(--phx-alpha-ink-4);
  height: 100%;
}

:where(html[data-phx-page="about-sustainability"]) .s-card-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-5) var(--space-5) var(--space-5);
}

:where(html[data-phx-page="about-sustainability"]) .s-card h3 {
  margin: var(--space-1) 0 0;
  color: var(--phx-heading-color);
  font-size: var(--phx-font-subheading);
  line-height: var(--phx-leading-ui);
  letter-spacing: -.35px;
}

:where(html[data-phx-page="about-sustainability"]) .s-card p {
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="about-sustainability"]) .s-card-footer {
  margin-top: auto;
  padding-top: var(--space-1);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel {
  margin-top: 0;
}

@media (max-width:1024px) {
  :where(html[data-phx-page="about-sustainability"]) .sustainability-principles {
    padding-bottom: var(--space-6);
  }
}

@media (max-width:640px) {
  :where(html[data-phx-page="about-sustainability"]) .sustainability-principles {
    padding-bottom: var(--space-5);
  }
}

@media (max-width:940px) {
  :where(html[data-phx-page="about-sustainability"]) .sustainability-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-section-head {
    flex-direction: column;
    align-items: flex-start;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-intro-panel,:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel {
    padding: var(--space-5) var(--space-5);
  }
  :where(html[data-phx-page="about-sustainability"]) .s-card h3 {
    font-size: var(--phx-font-card);
  }
}

@media (max-width:560px) {
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page {
    padding: var(--space-6) 0 var(--space-8) !important;
  }
  :where(html[data-phx-page="about-sustainability"]) .s-card-body {
    padding: var(--space-4) var(--space-4) var(--space-5);
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-intro-panel h2,:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel h2,:where(html[data-phx-page="about-sustainability"]) .sustainability-section-head h2 {
    font-size: var(--phx-font-subheading);
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-intro-panel p,:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel p,:where(html[data-phx-page="about-sustainability"]) .s-card p {
    font-size: var(--phx-font-sm);
    line-height: var(--phx-leading-reading);
  }
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card {
  display: grid;
  grid-template-columns: 122px minmax(0,1fr);
  align-items: start;
  gap: 0;
  border-radius: var(--phx-radius-16);
  min-height: 0;
  border-color: var(--phx-border);
  box-shadow: 0 8px 24px var(--phx-alpha-ink-4);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card-media {
  position: relative;
  aspect-ratio: 1/1;
  margin: var(--space-5) 0 0 var(--space-4);
  border-radius: var(--phx-radius-12);
  overflow: visible;
  width: var(--phx-size-96);
  height: var(--phx-size-96);
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card-body {
  min-width: 0;
  padding: var(--space-4) var(--space-4) var(--space-5) var(--space-3);
  gap: var(--space-2);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

@media (max-width:940px) {
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:560px) {
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card {
    grid-template-columns: 100px minmax(0,1fr);
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card-media {
    width: var(--phx-size-96);
    height: var(--phx-size-96);
    margin: var(--space-4) 0 0 var(--space-3);
    border-radius: var(--phx-radius-8);
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card-body {
    padding: var(--space-4) var(--space-3) var(--space-4) var(--space-2);
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card h3 {
    font-size: var(--phx-font-body);
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card p {
    font-size: var(--phx-font-xs);
  }
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-panel,:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-outro-panel {
  background: linear-gradient(135deg,var(--phx-surface-muted) 0%,var(--phx-surface) 90%);
  border-color: var(--phx-border);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-panel h2,:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-outro-panel h2,:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-section-head h2,:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-section-head .eyebrow,:where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card-footer {
  color: var(--phx-brand);
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-panel {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(250px,.85fr);
  gap: var(--space-5);
  align-items: center;
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-copy {
  min-width: 0;
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-figure {
  display: flex;
  justify-content: center;
  align-items: center;
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-figure img {
  display: block;
  max-width: 100%;
  max-height: var(--phx-size-320);
  width: auto;
  height: auto;
  object-fit: contain;
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page .s-card-media img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: transparent !important;
}

@media (max-width:860px) {
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-panel {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-figure {
    order: -1;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-page .sustainability-intro-figure img {
    max-height: var(--phx-size-256);
  }
}

:where(html[data-phx-page="about-mission-vision"]) .mv-page .mv-paragraph {
  display: block;
  margin-bottom: var(--space-4);
}

:where(html[data-phx-page="about-mission-vision"]) .mv-page .mv-paragraph p {
  max-width: none;
}

@media (max-width:767px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .location-story {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    align-items: stretch;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: var(--space-4);
    align-items: stretch;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-grid>.s-card {
    min-width: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-grid .s-card-media {
    position: relative;
    inset: auto;
    transform: none;
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: var(--phx-media-ratio-standard);
    margin: 0;
    overflow: hidden;
    flex: 0 0 auto !important;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-grid .s-card-media img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: var(--phx-media-ratio-standard);
    object-fit: contain;
    transform: none;
    max-width: 100%;
    max-height: none;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-grid .s-card-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: auto;
    padding: var(--space-4);
    box-sizing: border-box;
    margin: 0;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-intro-figure,:where(html[data-phx-page="about-sustainability"]) .sustainability-intro-figure img {
    max-width: 100%;
    min-width: 0;
    height: auto;
    position: static;
    transform: none;
    float: none;
  }
  :where(html[data-phx-page="about-sustainability"]) .sustainability-intro-panel,:where(html[data-phx-page="about-sustainability"]) .sustainability-outro-panel {
    padding: var(--space-5) var(--space-4);
    min-width: 0;
  }
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-grid {
  row-gap: var(--phx-card-gap);
  column-gap: var(--phx-card-gap);
}

:where(html[data-phx-page="about-mission-vision"]) .mv-page .mv-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

:where(html[data-phx-page="about-mission-vision"]) .mv-page .mv-card h2 {
  margin: 0;
}

:where(html[data-phx-page="about-mission-vision"]) .mv-page .mv-card .mv-motto {
  font-size: clamp(var(--phx-font-card),2vw,var(--phx-font-subheading));
  font-weight: 700;
  line-height: var(--phx-leading-detail);
  color: var(--phx-text-muted);
  margin: var(--space-1) 0;
}

:where(html[data-phx-page="about-mission-vision"]) .mv-page .mv-card .mv-paragraph {
  margin: 0 !important;
}

:where(html[data-phx-page="about-mission-vision"]) .mv-page .mv-card p {
  margin: 0 0 var(--space-2) !important;
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-story.phx-location-simplified {
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(280px,.88fr);
  gap: clamp(var(--space-5),4vw,var(--space-7));
  align-items: center;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-story .phx-location-inline-media figcaption {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  margin-top: var(--space-2);
  text-align: center;
}

@media (max-width:760px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .location-story.phx-location-simplified {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .location-story .phx-location-inline-media {
    order: -1;
  }
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-story.phx-location-simplified.phx-location-v5 {
  display: block;
  max-width: var(--phx-size-1200);
  margin-inline: auto;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-headline {
  margin-bottom: var(--space-5);
  max-width: var(--phx-size-960);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-headline h2 {
  font-size: clamp(var(--phx-font-section),3.5vw,var(--phx-font-page));
  letter-spacing: -.04em;
  line-height: var(--phx-leading-heading);
  margin: var(--space-2) 0 var(--space-3);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-content-grid {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  gap: clamp(var(--space-4),3vw,var(--space-7));
  align-items: start;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-text-groups {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: clamp(var(--space-4),2.4vw,var(--space-6));
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-text-groups h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-ui);
  margin: 0 0 var(--space-3);
  color: var(--phx-text);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-text-groups p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  margin: 0 0 var(--space-3);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-summary {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  margin: var(--space-4) 0 0;
  border-left: 2px solid var(--phx-brand);
  padding-left: var(--space-4);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-inline-media {
  height: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-self: start;
  order: initial;
  margin: 0;
  max-width: 100%;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-inline-media img {
  display: block;
  height: auto;
  min-height: 0;
  flex: 0 0 auto !important;
  object-position: center;
  background: var(--phx-surface-muted) !important;
  border-radius: var(--phx-radius-12);
  width: 100%;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}

@media (max-width:990px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-content-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-inline-media {
    max-width: var(--phx-size-800);
  }
}

@media (max-width:700px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-content-grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-inline-media {
    order: -1;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-text-groups {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-v5 .phx-location-headline {
    margin-bottom: var(--space-4);
  }
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .location-story.phx-location-v5 {
  max-width: var(--phx-size-1200);
  margin: 0 auto;
  padding-top: 0;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-headline {
  margin-bottom: var(--space-5);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-headline h2 {
  font-size: clamp(var(--phx-font-section),3.8vw,var(--phx-font-page));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.035em;
  margin: var(--space-2) 0 var(--space-2);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-headline>p {
  margin: 0 !important;
  line-height: var(--phx-leading-body);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-content-grid {
  display: grid;
  grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr);
  gap: var(--phx-section-gap);
  align-items: start;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-text-column {
  min-width: 0;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-text-groups {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-text-groups h3 {
  font-size: var(--phx-font-body);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-text-groups p {
  margin: 0 0 var(--space-2) !important;
  line-height: var(--phx-leading-reading);
  font-size: var(--phx-font-xs);
}

:where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-content-grid img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width:860px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-content-grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
  :where(html[data-phx-page="about-location-trade-agreements"]) .location-redesign .phx-location-content-grid>:last-child {
    grid-row: 1;
  }
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-headline h2#location-heading {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.025em;
  margin: var(--space-2) 0 var(--space-3) !important;
}

:where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-inline-media figcaption {
  margin-top: var(--space-2);
  line-height: var(--phx-leading-compact);
}

@media (max-width:800px) {
  :where(html[data-phx-page="about-location-trade-agreements"]) .phx-location-headline h2#location-heading {
    font-size: clamp(var(--phx-font-subheading),4vw,var(--phx-font-section));
  }
}

:where(html[data-phx-page="about-sustainability"]) .sustainability-page :is(.sustainability-intro-panel,.sustainability-outro-panel,.sustainability-section-head) h2 {
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="about-history"]) main.wrap.page-body>.phx-heritage-layout,:where(html[data-phx-page="about-location-trade-agreements"]) main.wrap.page-body>:is(.location-story,.trade-agreements-section),:where(html[data-phx-page="about-sustainability"]) main.wrap.page-body>.sustainability-principles {
  padding-block: 0 !important;
}

html[data-phx-template="about-detail"] body main :is(.phx-heritage-content,.phx-location-summary,.phx-sustainability-copy,.about-feature-copy,.about-feature-heading) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

html[data-phx-template="about-detail"] body main :is(.phx-location-headline,.trade-agreements-intro,.sustainability-intro-copy,.sustainability-section-head,.sustainability-outro-panel) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

html[data-phx-page="about-location-trade-agreements"] body main h2#location-heading {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX about-index — shared tokens and existing cascade preserved */

:where(html[data-phx-page="about"]) .phx-about-overview {
  max-width: var(--phx-size-1200);
  padding: var(--space-7) 0 var(--space-8);
}

:where(html[data-phx-page="about"]) .about-lead {
  max-width: var(--phx-size-960);
  margin: 0 auto var(--space-6);
  text-align: start;
}

:where(html[data-phx-page="about"]) .about-kicker,:where(html[data-phx-page="about"]) .about-index {
  display: block;
  color: var(--phx-brand);
  letter-spacing: 2px;
  font-size: var(--phx-font-xs);
  font-weight: 700;
}

:where(html[data-phx-page="about"]) .about-lead h2 {
  margin: var(--space-3) 0 var(--space-4);
  color: var(--phx-heading-color);
  font-size: clamp(var(--phx-font-subheading),3.6vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -1.2px;
}

:where(html[data-phx-page="about"]) .about-lead p {
  max-width: var(--phx-size-960);
  margin: auto;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="about"]) .about-overview-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

:where(html[data-phx-page="about"]) .about-feature {
  display: grid;
  grid-template-columns: minmax(210px,.35fr) minmax(0,.65fr);
  gap: clamp(var(--space-4),3.5vw,var(--space-7));
  padding: clamp(var(--space-5),3vw,var(--space-6));
  background: linear-gradient(135deg,var(--phx-surface),var(--phx-surface) 65%);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  box-shadow: var(--phx-shadow-sm);
}

:where(html[data-phx-page="about"]) .about-feature-heading {
  border-left: 3px solid var(--phx-brand);
  padding: var(--space-1) 0 0 var(--space-4);
  align-self: start;
}

:where(html[data-phx-page="about"]) .about-feature h3 {
  font-size: clamp(var(--phx-font-card),2.2vw,var(--phx-font-subheading));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.5px;
  color: var(--phx-heading-color);
  margin: var(--space-3) 0 0;
}

:where(html[data-phx-page="about"]) .about-feature-copy p {
  margin: 0 0 var(--space-3);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="about"]) .about-feature-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-1);
  color: var(--phx-brand);
  font-weight: 700;
  font-size: var(--phx-font-xs);
  text-decoration: none;
  border-bottom: 1px solid var(--phx-border);
  padding: var(--space-1) 0;
}

:where(html[data-phx-page="about"]) .about-feature-link:hover,:where(html[data-phx-page="about"]) .about-feature-link:focus-visible {
  color: var(--phx-text-strong);
  border-color: var(--phx-text-strong);
}

:where(html[data-phx-page="about"]) .about-feature-link span {
  font-size: var(--phx-font-body);
}

:where(html[data-phx-page="about"]) .about-closing {
  text-align: center;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  padding: var(--space-6) var(--space-5);
  margin-top: var(--space-4);
}

:where(html[data-phx-page="about"]) .about-closing h2 {
  color: var(--phx-heading-color);
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  letter-spacing: -.75px;
  margin: var(--space-2) 0 var(--space-3);
}

:where(html[data-phx-page="about"]) .about-closing p {
  max-width: var(--phx-size-800);
  margin: 0 auto var(--space-5);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
  font-size: var(--phx-font-sm);
}

@media (max-width:720px) {
  :where(html[data-phx-page="about"]) .phx-about-overview {
    padding: var(--space-6) 0 var(--space-7) !important;
  }
  :where(html[data-phx-page="about"]) .about-lead {
    text-align: start;
  }
  :where(html[data-phx-page="about"]) .about-lead p {
    font-size: var(--phx-font-sm);
  }
  :where(html[data-phx-page="about"]) .about-feature {
    grid-template-columns: 1fr;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-4);
  }
  :where(html[data-phx-page="about"]) .about-feature-copy p {
    font-size: var(--phx-font-sm);
  }
  :where(html[data-phx-page="about"]) .about-closing {
    padding: var(--space-6) var(--space-4);
  }
}

html[data-phx-page="about"] body .about-closing p {
  max-inline-size: var(--phx-intro-measure);
  margin-inline: auto;
  text-align: center;
}

html[data-phx-template="about-index"] body main :is(.about-lead,.about-closing)>h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX contact — shared tokens and existing cascade preserved */

:where(html[data-phx-page="contacts"]) :is(.btn,.toggle,button,a.button,.button) {
  border-radius: var(--phx-button-radius);
  transition: background-color var(--phx-motion-fast) var(--phx-ease-standard),border-color var(--phx-motion-fast) var(--phx-ease-standard),color var(--phx-motion-fast) var(--phx-ease-standard),box-shadow var(--phx-motion-fast) var(--phx-ease-standard),transform var(--phx-motion-fast) var(--phx-ease-standard);
}

:where(html[data-phx-page="contacts"]) .btn.dark {
  background: var(--phx-brand) !important;
  border: 1px solid var(--phx-brand) !important;
  box-shadow: none;
}

:where(html[data-phx-page="contacts"]) .toggle.active {
  background: var(--phx-brand) !important;
  border: 1px solid var(--phx-brand) !important;
  color: var(--phx-surface);
  box-shadow: none;
}

:where(html[data-phx-page="contacts"]) .btn:hover,:where(html[data-phx-page="contacts"]) .toggle:hover,:where(html[data-phx-page="contacts"]) button:hover,:where(html[data-phx-page="contacts"]) a.button:hover,:where(html[data-phx-page="contacts"]) .button:hover {
  background: var(--phx-brand-hover) !important;
  border-color: var(--phx-brand-hover) !important;
  color: var(--phx-text-on-dark) !important;
  transform: translateY(-1px);
  box-shadow: 0 7px 16px var(--phx-alpha-ink-12);
}

:where(html[data-phx-page="contacts"]) .btn:active,:where(html[data-phx-page="contacts"]) button:active,:where(html[data-phx-page="contacts"]) a.button:active,:where(html[data-phx-page="contacts"]) .button:active {
  background: var(--phx-brand-active) !important;
  border-color: var(--phx-brand-active) !important;
  transform: translateY(1px);
}

:where(html[data-phx-page="contacts"]) .nav a:hover,:where(html[data-phx-page="contacts"]) .nav a.active {
  color: var(--phx-brand);
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="contacts"]) .btn,:where(html[data-phx-page="contacts"]) button {
    transition: none;
  }
}

:where(html[data-phx-page="contacts"]) .btn.dark {
  background: var(--phx-brand);
  color: var(--phx-surface);
}

@media (max-width:950px) {
  :where(html[data-phx-page="contacts"]) .header {
    gap: var(--space-1);
  }
}

:where(html[data-phx-template="legal"],html[data-phx-page="contacts"]):where([data-phx-template="contact"]) .footgrid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: var(--space-6);
}

:where(html[data-phx-page="contacts"]) .btn,:where(html[data-phx-page="contacts"]) button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--phx-control-height);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--phx-brand);
  border-radius: var(--phx-button-radius);
  background: var(--phx-brand);
  color: var(--phx-text-on-dark);
  font: 700 var(--phx-font-xs)/1.2 var(--phx-font-sans);
  letter-spacing: .2px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 5px var(--phx-alpha-ink-8);
  transition: background-color var(--phx-motion-fast) var(--phx-ease-standard),color var(--phx-motion-fast) var(--phx-ease-standard),border-color var(--phx-motion-fast) var(--phx-ease-standard),transform var(--phx-motion-fast) var(--phx-ease-standard),box-shadow var(--phx-motion-fast) var(--phx-ease-standard);
}

:where(html[data-phx-page="contacts"]) .phone-fields {
  display: grid;
  grid-template-columns: 95px minmax(0,1fr);
  gap: var(--space-2);
}

:where(html[data-phx-page="contacts"]) .phone-fields input#calling_code {
  background: var(--phx-surface);
  color: var(--phx-text-muted);
  font-weight: 700;
}

@media (max-width:390px) {
  :where(html[data-phx-page="contacts"]) .phone-fields {
    grid-template-columns: 82px minmax(0,1fr);
    gap: var(--space-2);
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="contacts"]) .location-card h3 {
    font-size: var(--phx-font-card);
  }
}

:where(html[data-phx-page="contacts"]) .field-grid>.field:has(#mobile),:where(html[data-phx-page="contacts"]) .field-grid>.field:has(#country) {
  min-width: 0;
}

:where(html[data-phx-page="contacts"]) .field-grid>.field:has(#mobile) .phone-fields {
  grid-template-columns: 72px minmax(0,1fr);
  gap: var(--space-2);
}

:where(html[data-phx-page="contacts"]) .field-grid>.field:has(#mobile) .phone-fields input {
  min-width: 0;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

@media (max-width:760px) {
  :where(html[data-phx-page="contacts"]) .field-grid>.field:has(#mobile) .phone-fields {
    grid-template-columns: 82px minmax(0,1fr);
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="contacts"]) .nav-dropdown>a .nav-chevron {
    transition: none;
  }
}

:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent {
  margin-top: var(--space-1);
  margin-bottom: var(--space-1);
}

:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--phx-border) !important;
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface-muted) !important;
  cursor: pointer;
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  font-weight: 400;
  line-height: var(--phx-leading-reading);
  text-transform: none;
  letter-spacing: normal;
}

:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label input[type=checkbox] {
  appearance: auto;
  -webkit-appearance: checkbox;
  width: var(--phx-size-16);
  height: var(--phx-size-16);
  min-width: var(--phx-size-16);
  flex: 0 0 17px !important;
  accent-color: var(--phx-brand);
  margin: var(--space-1) 0 0;
  padding: 0;
  box-shadow: none;
  cursor: pointer;
}

:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label span {
  display: block;
  flex: 1;
  min-width: 0;
}

:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label a {
  color: var(--phx-brand);
  text-decoration: underline;
  font-weight: 600;
  text-underline-offset: 2px;
}

:where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label a:hover {
  color: var(--phx-text-strong) !important;
}

@media (max-width:600px) {
  :where(html[data-phx-page="contacts"]) #inquiryForm .phx-marketing-consent-label {
    padding: var(--space-3) !important;
    font-size: var(--phx-font-xs);
  }
}

:where(html[data-phx-page="contacts"]) .phx-contacts-improved .contact-layout {
  gap: clamp(var(--space-4),3vw,var(--space-6));
  align-items: start;
}

:where(html[data-phx-page="contacts"]) .phx-contacts-improved input,:where(html[data-phx-page="contacts"]) .phx-contacts-improved textarea,:where(html[data-phx-page="contacts"]) .phx-contacts-improved select {
  min-width: 0;
  max-width: 100%;
}

:where(html[data-phx-page="contacts"]) .phx-contacts-improved textarea {
  min-height: var(--phx-size-160) !important;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="contact"]) .footer.contacts-footer .footer-column h3>a {
  color: inherit;
  font: inherit !important;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  display: inline-block;
  transition: opacity .18s ease;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="contact"]) .footer.contacts-footer .footer-column h3>a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  opacity: .9;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="contact"]) .footer.contacts-footer .footer-column h3>a:focus-visible {
  outline: 2px solid var(--phx-border);
  outline-offset: 4px;
  border-radius: var(--phx-radius-4);
}

:where(html[data-phx-page="contacts"]) .contact-section {
  padding: var(--space-7) 0 var(--space-8);
}

:where(html[data-phx-page="contacts"]) .section-title {
  font-size: var(--phx-font-subheading);
  letter-spacing: -.7px;
  margin: var(--space-2) 0 var(--space-2);
}

:where(html[data-phx-page="contacts"]) .lead {
  max-width: var(--phx-size-640);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="contacts"]) .contact-layout {
  display: grid;
  grid-template-columns: minmax(0,850px);
  justify-content: center;
  gap: var(--space-5);
  align-items: start;
}

:where(html[data-phx-page="contacts"]) .contact-panel {
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface);
  padding: var(--space-5);
}

:where(html[data-phx-page="contacts"]) .contact-panel h2 {
  font-size: var(--phx-font-subheading);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="contacts"]) .contact-panel .sub {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
  margin: 0 0 var(--space-5);
}

:where(html[data-phx-page="contacts"]) .field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}

:where(html[data-phx-page="contacts"]) .field {
  display: grid;
  gap: var(--space-2);
}

:where(html[data-phx-page="contacts"]) .field.full {
  grid-column: 1/-1;
}

:where(html[data-phx-page="contacts"]) .field label {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="contacts"]) .field input,:where(html[data-phx-page="contacts"]) .field select,:where(html[data-phx-page="contacts"]) .field textarea {
  font: inherit;
  font-size: var(--phx-font-xs);
  padding: var(--space-3);
  border: 1px solid var(--phx-control-border);
  border-radius: var(--phx-radius-4);
  background: var(--phx-surface);
  width: 100%;
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="contacts"]) .field textarea {
  min-height: var(--phx-size-128);
  resize: vertical;
}

:where(html[data-phx-page="contacts"]) .field input:focus,:where(html[data-phx-page="contacts"]) .field select:focus,:where(html[data-phx-page="contacts"]) .field textarea:focus {
  border-color: var(--phx-brand);
  outline: 3px solid var(--phx-alpha-brand-20);
  outline-offset: 1px;
}

:where(html[data-phx-page="contacts"]) .form-note {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-body);
  color: var(--phx-text-muted);
  margin: var(--space-3) 0;
}

:where(html[data-phx-page="contacts"]) .form-status {
  display: none;
  background: var(--phx-surface-muted);
  border-radius: var(--phx-radius-4);
  padding: var(--space-3);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-body);
  margin-top: var(--space-3);
}

:where(html[data-phx-page="contacts"]) .locations {
  padding: var(--space-8) 0 var(--space-8);
}

:where(html[data-phx-page="contacts"]) .location-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
  margin-top: var(--space-5);
}

:where(html[data-phx-page="contacts"]) .location-card h3 {
  font-weight: 700;
  letter-spacing: -.35px;
  color: var(--phx-heading-color);
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-subheading);
  margin: var(--space-2) 0;
}

:where(html[data-phx-page="contacts"]) .location-card p {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-body);
  margin: 0 0 var(--space-4);
}

:where(html[data-phx-page="contacts"]) .location-card.no-map {
  background: var(--phx-surface);
}

:where(html[data-phx-page="contacts"]) .phone-list {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-top: var(--space-2);
}

:where(html[data-phx-page="contacts"]) .phone-list a {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  color: var(--phx-text-muted);
  text-decoration: none;
}

@media (max-width:850px) {
  :where(html[data-phx-page="contacts"]) .contact-layout {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="contacts"]) .location-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-phx-page="contacts"]) .hero-grid {
    grid-template-columns: 1fr 240px;
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="contacts"]) .hero-grid,:where(html[data-phx-page="contacts"]) .location-grid,:where(html[data-phx-page="contacts"]) .field-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="contacts"]) .field.full {
    grid-column: auto;
  }
  :where(html[data-phx-page="contacts"]) .contact-panel {
    padding: var(--space-4);
  }
}

@media (min-width:851px) {
  :where(html[data-phx-page="contacts"]) .footer .footgrid {
    grid-template-columns: 1.25fr 1fr 1fr 1fr;
  }
}

:where(html[data-phx-page="contacts"]) .contacts-footer .footer-brand {
  padding-right: var(--space-3);
}

@media (max-width:950px) {
  :where(html[data-phx-page="contacts"]) .contacts-footer .copyright {
    margin-top: var(--space-6);
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="contacts"]) .footer.contacts-footer {
    padding-top: var(--space-6);
  }
  :where(html[data-phx-page="contacts"]) .contacts-footer .footer-brand {
    grid-column: 1/-1;
  }
}

:where(html[data-phx-page="contacts"]) .header .nav .nav-dropdown {
  position: relative;
}

@media (min-width:951px) {
  :where(html[data-phx-page="contacts"]) .header .nav {
    gap: clamp(var(--space-1),.45vw,var(--space-2));
  }
  :where(html[data-phx-page="contacts"]) .header .nav>a,:where(html[data-phx-page="contacts"]) .header .nav>.nav-dropdown>a {
    padding: var(--space-2) clamp(var(--space-2),.82vw,var(--space-3)) !important;
  }
}

@media (max-width:950px) {
  :where(html[data-phx-page="contacts"]) .header .nav {
    gap: var(--space-2);
  }
  :where(html[data-phx-page="contacts"]) .header .nav .nav-menu {
    top: 100%;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="contacts"]) .header .nav>a,:where(html[data-phx-page="contacts"]) .header .nav>.nav-dropdown>a {
    transition: none;
  }
}

:where(html[data-phx-page="contacts"]) .location-card {
  background: var(--phx-surface);
  border: 1px solid var(--phx-control-border);
  border-radius: var(--phx-radius-8);
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

:where(html[data-phx-page="contacts"]) .location-map-preview iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
  filter: saturate(.82);
}

:where(html[data-phx-page="contacts"]) .location-map-preview .location-map-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: var(--space-3);
  text-decoration: none;
  cursor: pointer;
}

:where(html[data-phx-page="contacts"]) .location-map-preview .location-map-link:focus-visible {
  outline: 3px solid var(--phx-brand);
  outline-offset: -3px;
}

:where(html[data-phx-page="contacts"]) .location-map-preview .location-map-badge {
  display: inline-block;
  padding: var(--space-2) var(--space-2);
  border-radius: var(--phx-radius-4);
  background: var(--phx-surface);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  box-shadow: 0 2px 8px var(--phx-alpha-ink-12);
}

@media (hover:hover) {
  :where(html[data-phx-page="contacts"]) .location-map-preview .location-map-link:hover .location-map-badge {
    background: var(--phx-brand);
    color: var(--phx-surface);
  }
}

:where(html[data-phx-page="contacts"]) .location-card:has(.location-map-preview) {
  border-radius: var(--phx-radius-12);
  border-color: var(--phx-border);
  box-shadow: 0 7px 25px var(--phx-alpha-ink-4);
  transition: box-shadow .2s ease,transform .2s ease;
}

:where(html[data-phx-page="contacts"]) .location-card:has(.location-map-preview):hover {
  box-shadow: 0 13px 30px var(--phx-alpha-ink-8);
}

:where(html[data-phx-page="contacts"]) .location-card .location-map-preview {
  position: relative;
  margin: 0 0 var(--space-4);
  height: var(--phx-size-192);
  flex: 0 0 auto;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  overflow: hidden;
  background: var(--phx-surface-subtle);
  isolation: isolate;
}

:where(html[data-phx-page="contacts"]) .location-card .location-map-preview iframe {
  filter: saturate(.9) contrast(1.01);
}

:where(html[data-phx-page="contacts"]) .location-card .location-map-preview:after {
  content: "";
  position: absolute;
  inset: 50% 0 0;
  background: linear-gradient(transparent,var(--phx-alpha-ink-24));
  pointer-events: none;
}

:where(html[data-phx-page="contacts"]) .location-card .location-map-preview .location-map-link {
  z-index: 2;
}

:where(html[data-phx-page="contacts"]) .location-card .location-map-preview .location-map-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  color: var(--phx-text-muted);
  font: 700 var(--phx-font-xs)/1.15 var(--phx-font-sans);
  box-shadow: 0 3px 12px var(--phx-alpha-ink-12);
  transition: background .18s,color .18s,transform .18s;
}

:where(html[data-phx-page="contacts"]) .location-card .location-map-preview .location-map-link:hover .location-map-badge {
  background: var(--phx-brand);
  color: var(--phx-surface);
  transform: translateY(-2px);
}

:where(html[data-phx-page="contacts"]) .location-card .location-map-preview .location-map-link:focus-visible {
  outline: 3px solid var(--phx-brand);
  outline-offset: -4px;
}

@media (max-width:650px) {
  :where(html[data-phx-page="contacts"]) .location-card .location-map-preview {
    height: var(--phx-size-192);
  }
}

:where(html[data-phx-page="contacts"]) section.hotline-strip .hotline-inner {
  justify-content: space-between;
}

:where(html[data-phx-page="contacts"]) section.hotline-strip .hotline-numbers {
  flex-wrap: wrap;
}

:where(html[data-phx-page="contacts"]) .form-status:not([hidden]) {
  display: block;
}

:where(html[data-phx-page="contacts"]) main.phx-contacts-improved>.contact-section {
  padding-block-start: var(--phx-page-space);
  padding-block-end: 0;
}

:where(html[data-phx-page="contacts"]) main.phx-contacts-improved>.locations {
  padding-block-start: var(--phx-section-space);
  padding-block-end: var(--phx-page-space);
}

:where(html[data-phx-page="contacts"]) main.phx-contacts-improved>:is(.contact-section,.locations) {
  margin-block: 0 !important;
}

:where(html[data-phx-page="contacts"]) main.phx-contacts-improved>.contact-section {
  padding-block: var(--phx-flow-page) 0 !important;
}

:where(html[data-phx-page="contacts"]) main.phx-contacts-improved>.locations {
  padding-block: 0 var(--phx-flow-page) !important;
  margin-block-start: var(--phx-flow-section) !important;
}

.phx-inquiry-qualifiers:where(html[data-phx-template="contact"],html[data-phx-template="contact"] *) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-3);
  margin-block: 0 var(--space-2);
  min-width: 0;
}

@media (max-width:760px) {
  .phx-inquiry-qualifiers:where(html[data-phx-template="contact"],html[data-phx-template="contact"] *) {
    grid-template-columns: 1fr;
  }
}

.phx-quote-details:where(html[data-phx-template="contact"],html[data-phx-template="contact"] *) {
  border: 1px solid #deddd8;
  border-radius: 12px;
  padding: var(--space-3) var(--space-4);
  margin-block: var(--space-1) var(--space-4);
  background: var(--phx-neutral-25);
}

.phx-quote-details>summary:where(html[data-phx-template="contact"],html[data-phx-template="contact"] *) {
  cursor: pointer;
  font-weight: 650;
  color: #353532;
  list-style-position: inside;
}

.phx-quote-details[open]>summary:where(html[data-phx-template="contact"],html[data-phx-template="contact"] *) {
  margin-bottom: var(--space-4);
}

.phx-quote-details .field-grid:where(html[data-phx-template="contact"],html[data-phx-template="contact"] *) {
  margin: 0;
}

.phx-quote-details :where(input,select):where(html[data-phx-template="contact"],html[data-phx-template="contact"] *) {
  max-width: 100%;
}

.phx-quote-details>summary:focus-visible:where(html[data-phx-template="contact"],html[data-phx-template="contact"] *) {
  outline: 3px solid #565650;
  outline-offset: 4px;
}

/* PHOENiX expertise-comparison — shared tokens and existing cascade preserved */

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .comparison-page .cp-intro {
  max-width: var(--phx-size-960);
  margin: 0 auto var(--space-8);
  text-align: start;
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-intro h2 {
  font-size: clamp(var(--phx-font-subheading),4vw,var(--phx-font-page));
  line-height: var(--phx-leading-heading);
  margin: var(--space-3) 0 var(--space-5);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-intro p {
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-duo {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-5);
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card {
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  overflow: hidden;
  background: var(--phx-surface);
  box-shadow: 0 10px 28px var(--phx-alpha-ink-8);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card figure {
  height: var(--phx-size-256);
  margin: 0;
  position: relative;
  background: var(--phx-surface-muted);
  overflow: hidden;
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card img {
  height: 100%;
  object-fit: cover;
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .comparison-page figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--space-3) var(--space-4);
  background: linear-gradient(0deg,var(--phx-alpha-ink-80),transparent);
  color: var(--phx-surface);
  font-size: var(--phx-font-xs);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card>div {
  padding: var(--space-5) var(--space-6) var(--space-6);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .comparison-page p {
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-section {
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-section-heading {
  max-width: var(--phx-size-800);
  margin: 0 auto var(--space-6);
  text-align: start;
}













:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(var(--space-6),4vw,var(--space-8));
  align-items: center;
  margin: 0 0 var(--space-8);
}



:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split figure {
  margin: 0;
  height: var(--phx-size-384);
  position: relative;
  overflow: hidden;
  border-radius: var(--phx-radius-16);
  background: var(--phx-surface-muted);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split ul {
  padding-left: var(--space-5);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}











:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-faq {
  max-width: var(--phx-size-960);
  margin-left: auto;
  margin-right: auto;
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-faq details {
  border-bottom: 1px solid var(--phx-border);
  padding: var(--space-4) 0;
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-faq summary {
  font-weight: 700;
  cursor: pointer;
  color: var(--phx-text-strong);
  font-size: var(--phx-font-body);
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-faq details p {
  margin: var(--space-3) 0 0;
  font-size: var(--phx-font-sm);
}

@media (max-width:850px) {
  :where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-duo,
:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split{
    grid-template-columns: 1fr;
  }
  
  :where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split figure {
    height: var(--phx-size-320);
  }
  :where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-duo {
    gap: var(--space-5);
  }
}

@media (max-width:560px) {
  :where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card figure {
    height: var(--phx-size-224);
  }
  :where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-photo-card>div {
    padding: var(--space-5);
  }
  :where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .comparison-page .cp-intro {
    text-align: start;
  }
  :where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .cp-split figure {
    height: var(--phx-size-256);
  }
}



:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="expertise-comparison"]) footer h3>a {
  color: inherit !important;
  text-decoration: none;
  font: inherit !important;
  letter-spacing: inherit;
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="expertise-comparison"]) footer h3>a:hover,:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="expertise-comparison"]) footer h3>a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

:where(html[data-phx-page="real-paint-samples-vs-printed-samples"]) .phx-content-attribution.phx-technical-reference-links {
  margin-bottom: var(--space-5);
}

@media (max-width:560px) {
}

html[data-phx-template="expertise-comparison"] body main :is(.cp-intro,.cp-section-heading,.cp-split,.cp-photo-card,.cp-related,.ex-cta,.phx-expertise-crosslinks) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX expertise-fandeck — shared tokens and existing cascade preserved */

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-intro {
  max-width: var(--phx-size-960);
  margin: 0 auto var(--space-7);
  text-align: start;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-intro h2 {
  font-size: clamp(var(--phx-font-subheading),3.6vw,var(--phx-font-page));
  margin: var(--space-3) 0 var(--space-4);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-intro p {
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 0;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  overflow: hidden;
  background: var(--phx-surface-muted);
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 0;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  overflow: hidden;
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature figure,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair figure,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner figure {
  height: var(--phx-size-384);
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature figure img,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair figure img,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner figure img {
  flex: 1;
  min-height: 0;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature>div,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair>div,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner>div {
  padding: clamp(var(--space-5),4vw,var(--space-8));
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature h2,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair h2,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  margin: var(--space-3) 0 var(--space-4);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature ul {
  padding-left: var(--space-5);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-section {
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-heading {
  text-align: start;
  max-width: var(--phx-size-800);
  margin: 0 auto var(--space-6);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-heading h2 {
  font-size: clamp(var(--phx-font-subheading),3.3vw,var(--phx-font-page));
  margin: var(--space-3) 0 var(--space-3);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-steps {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-grid article,
:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-grid article,
:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-steps article,
:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-grid article,
:where(html[data-phx-page="expertise"]) .ex-process-grid article,
:where(html[data-phx-page="expertise"]) .ex-faq article {
  border: 1px solid var(--phx-border);
  background: var(--phx-surface);
  padding: var(--space-5);
  border-radius: var(--phx-radius-12);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-steps article,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-grid article {
  box-shadow: 0 10px 24px var(--phx-alpha-ink-4);
  min-width: 0;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-steps article b {
  font-size: var(--phx-font-subheading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-steps h3,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-grid h3 {
  font-size: var(--phx-font-card);
  color: var(--phx-text);
  margin: var(--space-3) 0;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-steps p,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-grid p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  margin: 0;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-faq details {
  border-bottom: 1px solid var(--phx-border);
  padding: var(--space-4) var(--space-1);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-faq summary {
  cursor: pointer;
  font-size: var(--phx-font-body);
  font-weight: 700;
  color: var(--phx-text);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-faq details p {
  max-width: var(--phx-size-960);
  margin: var(--space-3) 0 0;
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-faq {
  max-width: var(--phx-size-960);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width:900px) {
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature figure,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair figure,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner figure {
    height: var(--phx-size-320);
    order: 0;
  }
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature>div,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair>div,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner>div {
    order: 1;
  }
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-steps,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px) {
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-steps,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature figure,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair figure,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner figure {
    height: var(--phx-size-256);
  }
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-feature,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-pair,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-banner,:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-section {
    margin-bottom: var(--space-7);
  }
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-fandeck"]) .footer.contacts-footer .footer-column h3>a {
  color: inherit;
  font: inherit !important;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  display: inline-block;
  transition: opacity .18s ease;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-fandeck"]) .footer.contacts-footer .footer-column h3>a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  opacity: .9;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-fandeck"]) .footer.contacts-footer .footer-column h3>a:focus-visible {
  outline: 2px solid var(--phx-border);
  outline-offset: 4px;
  border-radius: var(--phx-radius-4);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .phx-content-attribution.phx-technical-reference-links {
  margin-bottom: var(--space-5);
}

:where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-intro {
  margin-bottom: var(--space-8);
}

@media (max-width:560px) {
  :where(html[data-phx-page="color-fan-deck-manufacturing-process"]) .fd-intro {
    margin-bottom: var(--space-7);
  }
}

html[data-phx-template="expertise-fandeck"] body main :is(.fd-intro,.fd-heading,.fd-feature,.fd-pair,.fd-banner,.cp-related,.phx-expertise-crosslinks,.ex-cta) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX expertise-index — shared tokens and existing cascade preserved */

:where(html[data-phx-page="expertise"]) .ex-intro {
  max-width: var(--phx-size-800);
  margin: 0 auto var(--space-8);
  text-align: start;
}

:where(html[data-phx-page="expertise"]) .ex-intro h2 {
  font-size: clamp(var(--phx-font-subheading),4vw,var(--phx-font-page));
  margin: var(--space-3) 0 var(--space-4);
}

:where(html[data-phx-page="expertise"]) .ex-intro p {
  font-size: var(--phx-font-body);
}

:where(html[data-phx-page="expertise"]) .ex-featured {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  overflow: hidden;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  margin-bottom: var(--space-8);
}

:where(html[data-phx-page="expertise"]) .ex-featured-content {
  padding: clamp(var(--space-5),4vw,var(--space-8));
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-phx-page="expertise"]) .ex-number,:where(html[data-phx-page="expertise"]) .ex-no {
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: .15em;
  color: var(--phx-brand);
}

:where(html[data-phx-page="expertise"]) .ex-featured h2 {
  font-size: clamp(var(--phx-font-subheading),3.4vw,var(--phx-font-page));
  margin: var(--space-4) 0 var(--space-1);
}

:where(html[data-phx-page="expertise"]) .ex-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-4) 0 var(--space-5);
}

:where(html[data-phx-page="expertise"]) .ex-highlights span {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  color: var(--phx-text-muted);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-32);
  background: var(--phx-surface);
}

:where(html[data-phx-page="expertise"]) .ex-link {
  font-weight: 800;
  text-decoration: none;
  color: var(--phx-brand);
}

:where(html[data-phx-page="expertise"]) .ex-heading {
  max-width: var(--phx-size-800);
  margin: 0 auto var(--space-6);
  text-align: start;
}

:where(html[data-phx-page="expertise"]) .ex-heading h2 {
  font-size: clamp(var(--phx-font-subheading),3.6vw,var(--phx-font-page));
  margin: var(--space-3) 0;
}

:where(html[data-phx-page="expertise"]) .ex-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
  margin-bottom: var(--space-8);
}

:where(html[data-phx-page="expertise"]) .ex-card h3 {
  font-size: var(--phx-font-card);
  letter-spacing: -.04em;
  color: var(--phx-heading-color);
  line-height: var(--phx-leading-subheading);
  margin: var(--space-4) 0 var(--space-2);
}

:where(html[data-phx-page="expertise"]) .ex-card p {
  margin: 0;
  font-size: var(--phx-font-sm);
}

:where(html[data-phx-page="expertise"]) .ex-quality h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-page));
  margin: var(--space-3) 0;
}

:where(html[data-phx-page="expertise"]) .ex-quality-points {
  display: grid;
  align-content: center;
  grid-column: 1/-1;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="expertise"]) .ex-quality-points>div {
  background: var(--phx-alpha-paper-70);
  border: 1px solid var(--phx-control-border);
  border-radius: var(--phx-radius-8);
  padding: var(--space-4) var(--space-5);
  display: grid;
  gap: var(--space-1);
}

:where(html[data-phx-page="expertise"]) .ex-quality-points strong {
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="expertise"]) .ex-quality-points span {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="expertise"]) .ex-product-links {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-3);
  margin: var(--space-5) 0 0;
}

:where(html[data-phx-page="expertise"]) .ex-product-links a {
  border: 1px solid var(--phx-border);
  color: var(--phx-text);
  font-weight: 700;
  text-decoration: none;
  border-radius: var(--phx-radius-8);
  padding: var(--space-4);
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  align-items: center;
}

:where(html[data-phx-page="expertise"]) .ex-product-links a:hover {
  background: var(--phx-surface-muted);
  border-color: var(--phx-border);
}

@media (max-width:950px) {
  :where(html[data-phx-page="expertise"]) .ex-grid,:where(html[data-phx-page="expertise"]) .ex-product-links {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-phx-page="expertise"]) .ex-quality,:where(html[data-phx-page="expertise"]) .ex-featured {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="expertise"]) .ex-featured-image {
    order: -1;
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="expertise"]) .ex-intro {
    margin-bottom: var(--space-6);
    text-align: start;
  }
  :where(html[data-phx-page="expertise"]) .ex-intro p {
    font-size: var(--phx-font-sm);
  }
  :where(html[data-phx-page="expertise"]) .ex-grid,:where(html[data-phx-page="expertise"]) .ex-product-links {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="expertise"]) .ex-grid {
    margin-bottom: var(--space-7);
  }
  :where(html[data-phx-page="expertise"]) .ex-quality {
    gap: var(--space-4);
  }
}

:where(html[data-phx-page="expertise"]) .ex-process {
  max-width: var(--phx-size-1200);
  margin: clamp(var(--space-7),6vw,var(--space-8)) auto;
  padding: 0 clamp(var(--space-4),4vw,var(--space-7));
}

:where(html[data-phx-page="expertise"]) .ex-process .ex-heading {
  margin-bottom: var(--space-5);
}

:where(html[data-phx-page="expertise"]) .ex-process .ex-heading p {
  max-width: var(--phx-size-800);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="expertise"]) .ex-process-grid article {
  box-shadow: 0 5px 24px var(--phx-alpha-ink-4);
}

:where(html[data-phx-page="expertise"]) .ex-process-grid p {
  color: var(--phx-text-muted);
}

@media (max-width:850px) {
  :where(html[data-phx-page="expertise"]) .ex-process-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:540px) {
  :where(html[data-phx-page="expertise"]) .ex-process-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="expertise"]) .ex-process-grid article {
    padding: var(--space-5);
  }
}

:where(html[data-phx-page="expertise"]) .ex-process,:where(html[data-phx-page="expertise"]) .ex-questions {
  margin-bottom: var(--space-8);
}

:where(html[data-phx-page="expertise"]) .ex-process-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="expertise"]) .ex-process-grid article,:where(html[data-phx-page="expertise"]) .ex-faq article {
  min-width: 0;
}

:where(html[data-phx-page="expertise"]) .ex-process-grid article>span {
  color: var(--phx-text-muted);
  letter-spacing: .1em;
  font-weight: 800;
  font-size: var(--phx-font-xs);
}

:where(html[data-phx-page="expertise"]) .ex-process-grid h3,:where(html[data-phx-page="expertise"]) .ex-faq h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  color: var(--phx-heading-color);
  margin: var(--space-3) 0 var(--space-2);
}

:where(html[data-phx-page="expertise"]) .ex-process-grid p,:where(html[data-phx-page="expertise"]) .ex-faq p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  margin: 0;
}

:where(html[data-phx-page="expertise"]) .ex-faq {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
}

@media (max-width:900px) {
  :where(html[data-phx-page="expertise"]) .ex-process-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="expertise"]) .ex-process-grid,:where(html[data-phx-page="expertise"]) .ex-faq {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="expertise"]) .ex-process,:where(html[data-phx-page="expertise"]) .ex-questions {
    margin-bottom: var(--space-7);
  }
}

:where(html[data-phx-page="expertise"]) .ex-card {
  padding: 0 0 var(--space-5);
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-page="expertise"]) .ex-card>.ex-no,:where(html[data-phx-page="expertise"]) .ex-card>h3,:where(html[data-phx-page="expertise"]) .ex-card>p {
  margin-left: var(--space-5);
  margin-right: var(--space-5);
}

:where(html[data-phx-page="expertise"]) .ex-card>.ex-no {
  margin-top: var(--space-5);
}

:where(html[data-phx-page="expertise"]) .ex-card-visual,
:where(html[data-phx-page="expertise"]) .ex-quality-photo,
:where(html[data-phx-page="expertise"]) .ex-featured-image {
  overflow: hidden;
}

:where(html[data-phx-page="expertise"]) .ex-card-visual {
  margin: 0;
  order: -1;
  width: 100%;
  aspect-ratio: var(--phx-media-ratio-landscape);
  background: var(--phx-surface-subtle);
}

:where(html[data-phx-page="expertise"]) .ex-card-visual img,
:where(html[data-phx-page="expertise"]) .ex-featured-image img,
:where(html[data-phx-page="expertise"]) .ex-quality-photo img,
:where(html[data-phx-page="expertise"]) .ex-process-photo-strip>picture>img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-phx-page="expertise"]) .ex-card-visual img {
  transition: transform .25s ease;
}

:where(html[data-phx-page="expertise"]) .ex-card:hover .ex-card-visual img {
  transform: scale(1.025);
}

:where(html[data-phx-page="expertise"]) .ex-quality-photo {
  margin: 0;
  min-width: 0;
  align-self: stretch;
  border-radius: var(--phx-radius-8);
  min-height: var(--phx-size-256);
}

:where(html[data-phx-page="expertise"]) .ex-quality {
  border-radius: var(--phx-radius-16);
  padding: 0 clamp(var(--space-5),4vw,var(--space-7));
  display: grid;
  margin-bottom: var(--space-8);
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  gap: var(--space-5);
}

:where(html[data-phx-page="expertise"]) .ex-process-photo-strip {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
  margin-top: var(--space-5);
}

:where(html[data-phx-page="expertise"]) .ex-process-photo-strip img {
  width: 100%;
  aspect-ratio: var(--phx-media-ratio-process);
  object-fit: cover;
  border-radius: var(--phx-radius-12);
  display: block;
}

@media (max-width:900px) {
  :where(html[data-phx-page="expertise"]) .ex-quality,:where(html[data-phx-page="expertise"]) .ex-quality-points {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="expertise"]) .ex-process-photo-strip {
    gap: var(--space-2);
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="expertise"]) .ex-process-photo-strip img:last-child {
    grid-column: 1/-1;
    aspect-ratio: var(--phx-media-ratio-process-wide);
  }
  :where(html[data-phx-page="expertise"]) .ex-card-visual {
    aspect-ratio: var(--phx-media-ratio-wide-mobile);
  }
}

:where(html[data-phx-page="expertise"]) .ex-card-visual>picture {
  height: 100%;
}

:where(html[data-phx-page="expertise"]) .ex-featured-image {
  position: relative;
  background: none !important;
  min-height: var(--phx-size-320);
}

:where(html[data-phx-page="expertise"]) .ex-featured-image>picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

:where(html[data-phx-page="expertise"]) .ex-quality-photo>picture {
  width: 100%;
  height: 100%;
}

:where(html[data-phx-page="expertise"]) .ex-quality-photo img {
  min-height: var(--phx-size-320);
}

:where(html[data-phx-page="expertise"]) .ex-process-photo-strip>picture {
  aspect-ratio: var(--phx-media-ratio-process);
  overflow: hidden;
  border-radius: var(--phx-radius-12);
}

:where(html[data-phx-page="expertise"]) .ex-process-photo-strip>picture>img {
  aspect-ratio: auto !important;
}

:where(html[data-phx-page="expertise"]) .ex-card h3 a {
  color: inherit;
  text-decoration: none;
}

:where(html[data-phx-page="expertise"]) .ex-card h3 a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

:where(html[data-phx-page="expertise"]) .ex-card .ex-card-read {
  display: inline-flex;
  margin: var(--space-4) var(--space-5) 0;
  padding-top: var(--space-1);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  text-decoration: none;
  align-self: flex-start;
}

:where(html[data-phx-page="expertise"]) .ex-card .ex-card-read:hover {
  text-decoration: underline;
}

@media (max-width:900px) {
  :where(html[data-phx-page="expertise"]) .ex-quality-photo img {
    min-height: 0;
  }
  :where(html[data-phx-page="expertise"]) .ex-quality-photo {
    height: var(--phx-size-320);
    min-height: 0;
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="expertise"]) .ex-featured-image {
    min-height: var(--phx-size-224);
  }
  :where(html[data-phx-page="expertise"]) .ex-quality-photo {
    height: auto;
    aspect-ratio: var(--phx-media-ratio-process);
  }
  :where(html[data-phx-page="expertise"]) .ex-process-photo-strip {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="expertise"]) .ex-process-photo-strip>picture {
    aspect-ratio: var(--phx-media-ratio-process-mobile);
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="expertise"]) .ex-card img {
    transition: none !important;
  }
}

:where(html[data-phx-page="expertise"]) .ex-featured-image::after {
  display: none;
  content: none;
}

@media (min-width:1001px) {
  :where(html[data-phx-page="expertise"]) .ex-grid {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
  :where(html[data-phx-page="expertise"]) .ex-grid>.ex-card {
    grid-column: span 2;
  }
  :where(html[data-phx-page="expertise"]) .ex-grid>.ex-card:nth-child(4),:where(html[data-phx-page="expertise"]) .ex-grid>.ex-card:nth-child(5) {
    grid-column: span 3;
  }
}

:where(html[data-phx-page="expertise"]) .page-body .ex-grid {
  column-gap: var(--phx-content-gap);
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-index"]) .footer.contacts-footer .footer-column h3>a {
  color: inherit;
  font: inherit !important;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  display: inline-block;
  transition: opacity .18s ease;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-index"]) .footer.contacts-footer .footer-column h3>a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  opacity: .9;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-index"]) .footer.contacts-footer .footer-column h3>a:focus-visible {
  outline: 2px solid var(--phx-border);
  outline-offset: 4px;
  border-radius: var(--phx-radius-4);
}


:where(html[data-phx-page="expertise"]) main.wrap.page-body>:is(.ex-quality,.ex-process,.ex-questions,.ex-products,.phx-expertise-crosslinks) {
  padding-block: 0 !important;
}

.phx-industries-page:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  background: var(--phx-surface);
}

.phx-industries-hero:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  margin-bottom: 0;
}

.phx-industries-intro:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  padding: 0;
}

.phx-industries-intro-copy:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  max-width: 900px;
}

.phx-industries-intro h2:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  margin: var(--space-2) 0 var(--space-4);
  font-size: clamp(2rem,4vw,3.35rem);
  line-height: 1.06;
  color: #3e3e36;
}

.phx-industries-intro p:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  max-width: 820px;
  font-size: 1.06rem;
  line-height: 1.78;
  color: #5f5f57;
}

.phx-industries-grid:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
  padding: 0;
}

.phx-industry-card:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  scroll-margin-top: var(--phx-anchor-scroll-offset);
  min-height: 250px;
  padding: var(--space-5) var(--space-5) var(--space-5);
  border: 1px solid rgba(62,62,54,.15);
  background: linear-gradient(150deg,var(--phx-neutral-25) 0%,var(--phx-neutral-50) 100%);
  display: flex;
  flex-direction: column;
}

.phx-industry-index:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .18em;
  color: #77776e;
  margin-bottom: var(--space-6);
}

.phx-industry-card h2:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  font-size: clamp(1.14rem,1.6vw,1.42rem);
  line-height: 1.25;
  margin: 0 0 var(--space-3);
  color: #3e3e36;
}

.phx-industry-card p:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  margin: auto 0 0;
  color: #62625a;
  line-height: 1.62;
  font-size: .95rem;
}

.phx-industries-capability:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  background: transparent;
  color: #fff;
  padding: 0 var(--space-4);
  margin-top: var(--space-7);
}

.phx-industries-capability-inner:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr);
  gap: var(--space-8);
  align-items: center;
  background: var(--phx-dark-section-bg);
  padding: clamp(var(--space-6),4.5vw,var(--space-8));
  border-radius: var(--phx-radius-12);
}

.phx-industries-capability .eyebrow:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  color: rgba(255,255,255,.68);
}

.phx-industries-capability h2:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  margin: var(--space-2) 0 var(--space-4);
  color: #fff;
  font-size: clamp(1.8rem,3.2vw,2.8rem);
  line-height: 1.08;
}

.phx-industries-capability p:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  margin: 0;
  color: rgba(255,255,255,.82);
  line-height: 1.72;
  max-width: 760px;
}

.phx-industries-capability-tags:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}

.phx-industries-capability-tags span:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  padding: var(--space-4) var(--space-4);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  font-size: .92rem;
}

.phx-industries-cta:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  text-align: center;
  padding-bottom: var(--space-6);
}

.phx-industries-cta .wrap:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  max-width: 820px;
}

@media (max-width:920px) {
  .phx-industries-grid:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .phx-industries-capability-inner:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    grid-template-columns: 1fr;
  }
}

@media (max-width:620px) {
  .phx-industries-grid:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    grid-template-columns: 1fr;
  }
  .phx-industries-capability-tags:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    grid-template-columns: 1fr;
  }
  .phx-industry-card:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    min-height: 220px;
  }
}

@media (max-width:620px) {
  .phx-industries-capability:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    padding-inline: var(--space-3);
    margin-top: var(--space-5);
  }
  .phx-industries-capability-inner:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    padding: var(--space-5);
    border-radius: var(--phx-radius-8);
  }
  .phx-industries-cta:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    padding-bottom: var(--space-5);
  }
}

:where(html[data-phx-page="expertise"]) .phx-authority-section {
  width: 100%;
  padding: 0;
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-page="expertise"]) .phx-glossary-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width:620px) {
  :where(html[data-phx-page="expertise"]) .phx-authority-section {
    margin-bottom: var(--space-7);
  }
}

.phx-industries-related:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  margin-top: var(--space-8);
  padding-top: var(--space-7);
  border-top: 1px solid var(--phx-border);
}

.phx-industries-related-copy:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  max-width: 820px;
  margin-bottom: var(--space-5);
}

.phx-industries-related h2:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  margin: var(--space-2) 0 var(--space-3);
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  color: var(--phx-heading-color);
}

.phx-industries-related p:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  margin: 0;
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
}

.phx-industries-related-links:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-3);
}

.phx-industries-related-links a:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface);
  color: var(--phx-text-strong);
  font-weight: 700;
  text-decoration: none;
}

.phx-industries-related-links a:hover:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
  background: var(--phx-surface-muted);
}

@media (max-width:800px) {
  .phx-industries-related-links:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:520px) {
  .phx-industries-related:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    margin-top: var(--space-7);
    padding-top: var(--space-6);
  }
  .phx-industries-related-links:where(html[data-phx-template="expertise-index"],html[data-phx-template="expertise-index"] *) {
    grid-template-columns: 1fr;
  }
}

html[data-phx-page="industries"] main .phx-industry-card {
  padding: var(--phx-card-content-padding);
  background: var(--phx-surface-subtle);
}

html[data-phx-page="industries"] main .phx-industry-card h2 {
  margin: 0 0 var(--phx-card-heading-gap);
  color: var(--phx-heading-color);
}

html[data-phx-page="expertise"] main .ex-card .ex-no {
  margin-block-start: var(--space-4);
  margin-block-end: var(--phx-card-label-gap);
}

html[data-phx-page="expertise"] main .phx-glossary-card {
  padding: var(--phx-card-content-padding);
}

html[data-phx-page="expertise"] main .phx-glossary-card :is(h3,h4) {
  margin-block: 0 var(--phx-card-heading-gap);
  color: var(--phx-heading-color);
}

html[data-phx-template="expertise-index"] body main :is(.ex-intro,.ex-featured-content,.ex-heading,.ex-quality,.ex-questions,.ex-cta,.phx-industries-intro-copy,.phx-industries-related-copy,.phx-expertise-crosslinks) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

html[data-phx-template="expertise-index"] body main .phx-industries-related-copy h2 {
  font-size: var(--phx-type-subsection-title);
}

/* PHOENiX expertise-mf — shared tokens and existing cascade preserved */

:where(html[data-phx-template="expertise-mf"]) .mf-intro {
  max-width: var(--phx-size-960);
  margin: var(--space-4) auto var(--space-8);
  text-align: start;
}

:where(html[data-phx-template="expertise-mf"]) .mf-intro h2 {
  font-size: clamp(var(--phx-font-section),4vw,var(--phx-font-page));
  margin: var(--space-3) 0 var(--space-5);
}

:where(html[data-phx-template="expertise-mf"]) .mf-intro p {
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-template="expertise-mf"]) .mf-intro p+p {
  margin-top: var(--space-3);
}

:where(html[data-phx-template="expertise-mf"]) .mf-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(var(--space-5),4vw,var(--space-8));
  align-items: center;
  margin-bottom: var(--space-8);
}

:where(html[data-phx-template="expertise-mf"]) .mf-text h2 {
  font-size: clamp(var(--phx-font-subheading),3.3vw,var(--phx-font-page));
  margin: var(--space-4) 0 var(--space-4);
}

:where(html[data-phx-template="expertise-mf"]) .mf-text p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-template="expertise-mf"]) .mf-keypoint {
  padding: var(--space-5) var(--space-5);
  border-left: 4px solid var(--phx-brand);
  background: var(--phx-surface-muted);
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-5);
  border-radius: 0 var(--phx-radius-8) var(--phx-radius-8) 0;
}

:where(html[data-phx-template="expertise-mf"]) .mf-keypoint strong {
  color: var(--phx-text-strong);
}

:where(html[data-phx-template="expertise-mf"]) .mf-keypoint span {
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-template="expertise-mf"]) .mf-visual {
  margin: 0;
  overflow: hidden;
  border-radius: var(--phx-radius-16);
  background: var(--phx-surface-subtle);
  border: 1px solid var(--phx-border);
}

:where(html[data-phx-template="expertise-mf"]) .mf-visual img {
  width: 100%;
  height: var(--phx-size-384);
  display: block;
  object-fit: cover;
}

:where(html[data-phx-template="expertise-mf"]) .mf-visual figcaption {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  padding: var(--space-2) var(--space-4);
  background: var(--phx-surface-muted);
}

:where(html[data-phx-template="expertise-mf"]) .mf-section {
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-template="expertise-mf"]) .mf-section-head {
  text-align: start;
  max-width: var(--phx-size-800);
  margin: 0 auto var(--space-6);
}

:where(html[data-phx-template="expertise-mf"]) .mf-section-head h2,:where(html[data-phx-template="expertise-mf"]) .mf-gallery h2,:where(html[data-phx-template="expertise-mf"]) .mf-comparison h2 {
  font-size: clamp(var(--phx-font-subheading),3.5vw,var(--phx-font-page));
  margin: var(--space-3) 0 var(--space-4);
}

:where(html[data-phx-template="expertise-mf"]) .mf-section-head p {
  font-size: var(--phx-font-sm);
}

:where(html[data-phx-template="expertise-mf"]) .mf-steps {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-template="expertise-mf"]) .mf-steps article {
  padding: var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface-muted);
  box-shadow: none;
}

:where(html[data-phx-template="expertise-mf"]) .mf-steps article span {
  font-size: var(--phx-font-xs);
  font-weight: 800;
  color: var(--phx-text-muted);
}

:where(html[data-phx-template="expertise-mf"]) .mf-steps h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  margin: var(--space-3) 0;
  color: var(--phx-heading-color);
}

:where(html[data-phx-template="expertise-mf"]) .mf-steps p {
  font-size: var(--phx-font-xs);
  margin: 0;
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-template="expertise-mf"]) .mf-tech-grid p {
  font-size: var(--phx-font-sm);
  margin: 0;
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="real-paint-color-sample-manufacturing"]) .mf-tech {
  padding: var(--space-7) var(--space-7);
  border-radius: var(--phx-radius-16);
}

:where(html[data-phx-template="expertise-mf"]) .mf-tech-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-template="expertise-mf"]) .mf-tech-grid>div {
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
  padding: var(--space-5);
}

:where(html[data-phx-template="expertise-mf"]) .mf-tech-grid h3 {
  line-height: var(--phx-leading-subheading);
  color: var(--phx-heading-color);
  font-size: var(--phx-font-body);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-template="expertise-mf"]) .mf-gallery {
  margin-bottom: var(--space-8);
}

:where(html[data-phx-template="expertise-mf"]) .mf-gallery-heading {
  max-width: var(--phx-size-800);
  margin-bottom: var(--space-5);
}

:where(html[data-phx-template="expertise-mf"]) .mf-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-template="expertise-mf"]) .mf-gallery-grid a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  color: var(--phx-text-strong);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  overflow: hidden;
  background: var(--phx-surface);
  box-shadow: 0 8px 28px var(--phx-alpha-ink-4);
}

:where(html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"]) .mf-gallery-grid img,:where(html[data-phx-page="real-paint-color-sample-manufacturing"]) .mf-gallery-grid img {
  width: 100%;
  height: var(--phx-size-192);
  object-fit: cover;
}

:where(html[data-phx-template="expertise-mf"]) .mf-gallery-grid strong {
  font-size: var(--phx-font-card);
  padding: var(--space-4) var(--space-4) var(--space-1);
}

:where(html[data-phx-template="expertise-mf"]) .mf-gallery-grid span {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  padding: 0 var(--space-4) var(--space-5);
}

:where(html[data-phx-template="expertise-mf"]) .mf-comparison {
  border-radius: var(--phx-radius-16);
  padding: clamp(var(--space-5),4vw,var(--space-7));
}

:where(html[data-phx-page="real-paint-color-sample-manufacturing"]) .mf-comparison {
  margin-bottom: var(--space-8);
}

:where(html[data-phx-template="expertise-mf"]) .mf-comparison>p {
  max-width: var(--phx-size-800);
}

:where(html[data-phx-template="expertise-mf"]) .mf-comparison-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  margin: var(--space-5) 0 var(--space-4);
}

:where(html[data-phx-template="expertise-mf"]) .mf-comparison-grid>div {
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  padding: var(--space-5);
  border-radius: var(--phx-radius-12);
}

:where(html[data-phx-template="expertise-mf"]) .mf-comparison-grid h3 {
  margin: 0 0 var(--space-2);
  color: var(--phx-heading-color);
}

:where(html[data-phx-template="expertise-mf"]) .mf-comparison-grid p {
  margin: 0;
}

:where(html[data-phx-template="expertise-mf"]) .mf-caution {
  font-size: var(--phx-font-xs) !important;
  color: var(--phx-text-muted);
}

:where(html[data-phx-template="expertise-mf"]) .mf-faq {
  margin-bottom: var(--space-8);
}

:where(html[data-phx-template="expertise-mf"]) .mf-faq-list {
  display: grid;
  gap: var(--space-2);
  max-width: var(--phx-size-960);
  margin: auto;
}

:where(html[data-phx-template="expertise-mf"]) .mf-faq-list details {
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  padding: var(--space-4) var(--space-5);
  background: var(--phx-surface);
}

:where(html[data-phx-template="expertise-mf"]) .mf-faq-list summary {
  color: var(--phx-text);
  font-weight: 700;
  font-size: var(--phx-font-sm);
  cursor: pointer;
}

:where(html[data-phx-template="expertise-mf"]) .mf-faq-list details p {
  margin: var(--space-3) 0 0;
  font-size: var(--phx-font-sm);
}

:where(html[data-phx-template="expertise-mf"]) .mf-cta {
  background: var(--phx-surface-muted);
  color: var(--phx-text);
  border-radius: var(--phx-radius-16);
  padding: clamp(var(--space-5),4vw,var(--space-7));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
}

:where(html[data-phx-template="expertise-mf"]) .mf-cta h2 {
  color: var(--phx-heading-color);
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-page));
  margin: var(--space-2) 0;
}

:where(html[data-phx-template="expertise-mf"]) .mf-cta p {
  color: var(--phx-text-muted);
  margin: 0;
  max-width: var(--phx-size-800);
}

:where(html[data-phx-template="expertise-mf"]) .mf-cta a {
  padding: var(--space-4) var(--space-4);
  border-radius: var(--phx-radius-8);
  background: var(--phx-brand);
  color: var(--phx-surface);
  text-decoration: none;
  font-size: var(--phx-font-xs);
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width:920px) {
  :where(html[data-phx-template="expertise-mf"]) .mf-steps,:where(html[data-phx-template="expertise-mf"]) .mf-tech-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-split {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-reverse .mf-visual {
    order: 2;
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-reverse .mf-text {
    order: 1;
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-visual img {
    height: var(--phx-size-384);
  }
}

@media (max-width:650px) {
  :where(html[data-phx-template="expertise-mf"]) .mf-intro {
    margin-bottom: var(--space-7);
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-intro p {
    font-size: var(--phx-font-sm);
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-split,:where(html[data-phx-template="expertise-mf"]) .mf-section,:where(html[data-phx-template="expertise-mf"]) .mf-gallery,:where(html[data-phx-template="expertise-mf"]) .mf-comparison,:where(html[data-phx-template="expertise-mf"]) .mf-faq {
    margin-bottom: var(--space-8);
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-steps,:where(html[data-phx-template="expertise-mf"]) .mf-tech-grid,:where(html[data-phx-template="expertise-mf"]) .mf-gallery-grid,:where(html[data-phx-template="expertise-mf"]) .mf-comparison-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="real-paint-color-sample-manufacturing"]) .mf-tech {
    padding: var(--space-6) var(--space-4);
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-visual img {
    height: auto;
    aspect-ratio: var(--phx-media-ratio-standard);
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-gallery-grid img {
    height: var(--phx-size-224);
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-cta {
    flex-direction: column;
    align-items: start;
  }
  :where(html[data-phx-template="expertise-mf"]) .mf-cta a {
    white-space: normal;
  }
}

:where(html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"]) .mf-intro p {
  max-width: var(--phx-size-960);
  margin-left: auto;
  margin-right: auto;
}

:where(html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"]) .mf-gallery-heading p {
  max-width: var(--phx-size-800);
  margin: 0 auto var(--space-5);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
  text-align: start;
}

:where(html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"]) .mf-comparison {
  margin: 0 0 var(--space-8);
}

:where(html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"]) .mf-comparison h2 {
  color: var(--phx-text);
}

:where(html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"]) .mf-caution {
  border-left: 3px solid var(--phx-brand);
  padding-left: var(--space-4);
}

@media (max-width:740px) {
  :where(html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"]) .mf-tech-grid>div {
    min-height: 0;
  }
  :where(html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"]) .mf-comparison {
    padding: var(--space-5) var(--space-4);
  }
}

@media (min-width:901px) {
  :where(html[data-phx-page="coating-drying-technology"]) .phx-expertise-page .mf-tech-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

:where(html[data-phx-page="coating-drying-technology"]) .phx-expertise-page .mf-visual img {
  width: 100%;
  height: 100%;
  min-height: var(--phx-size-256);
  object-fit: cover;
}

:where(html[data-phx-page="coating-drying-technology"]) .phx-expertise-page .mf-intro {
  max-width: var(--phx-size-960);
}

:where(html[data-phx-page="coating-drying-technology"]) .phx-expertise-page .mf-caution {
  line-height: var(--phx-leading-reading);
}

@media (max-width:700px) {
  :where(html[data-phx-page="coating-drying-technology"]) .phx-expertise-page .mf-tech-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="coating-drying-technology"]) .phx-expertise-page .mf-visual img {
    min-height: var(--phx-size-224);
  }
}

:where(html[data-phx-page="coating-drying-technology"]) .phx-expertise-page .phx-extra-media {
  margin: 0 0 var(--ex-space,var(--space-8));
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  overflow: hidden;
  background: var(--phx-surface-muted);
}

:where(html[data-phx-page="coating-drying-technology"]) .phx-extra-media picture {
  aspect-ratio: 2.15;
}

:where(html[data-phx-page="coating-drying-technology"]) .phx-extra-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width:600px) {
  :where(html[data-phx-page="coating-drying-technology"]) .phx-extra-media picture {
    aspect-ratio: 1.5;
  }
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-mf"]) .footer.contacts-footer .footer-column h3>a {
  color: inherit;
  font: inherit !important;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  display: inline-block;
  transition: opacity .18s ease;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-mf"]) .footer.contacts-footer .footer-column h3>a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  opacity: .9;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="expertise-mf"]) .footer.contacts-footer .footer-column h3>a:focus-visible {
  outline: 2px solid var(--phx-border);
  outline-offset: 4px;
  border-radius: var(--phx-radius-4);
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="expertise-mf"]) footer h3>a {
  color: inherit !important;
  text-decoration: none;
  font: inherit !important;
  letter-spacing: inherit;
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="expertise-mf"]) footer h3>a:hover,:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="expertise-mf"]) footer h3>a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

:where(html[data-phx-template="expertise-mf"]) .mf-intro {
  margin-top: 0;
}

:where(html[data-phx-template="expertise-mf"]) .phx-content-attribution.phx-technical-reference-links {
  margin-bottom: var(--space-5);
}

@media (max-width:650px) {
}

:where(html[data-phx-template="expertise-mf"]) :is(.phx-dimensions-cards,.phx-quality-cards,.phx-drying-cards) .mf-tech-grid>div {
  background: var(--phx-surface-muted);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  padding: var(--space-5);
  box-shadow: 0 6px 18px rgba(31,31,28,.05);
}

:where(html[data-phx-template="expertise-mf"]) :is(.phx-dimensions-cards,.phx-quality-cards,.phx-drying-cards) .mf-tech-grid {
  align-items: stretch;
}

:where(html[data-phx-template="expertise-mf"]) .phx-factors-cards .mf-tech-grid>div {
  background: var(--phx-brand);
  border: 1px solid var(--phx-brand);
  border-radius: var(--phx-radius-12);
  padding: var(--space-5);
  color: var(--phx-surface);
  box-shadow: 0 8px 22px rgba(31,31,28,.08);
}

:where(html[data-phx-template="expertise-mf"]) .phx-factors-cards .mf-tech-grid>div h3,:where(html[data-phx-template="expertise-mf"]) .phx-factors-cards .mf-tech-grid>div p {
  color: var(--phx-surface);
}

:where(html[data-phx-template="expertise-mf"]) .phx-factors-cards .mf-tech-grid {
  align-items: stretch;
}

html[data-phx-template="expertise-mf"] body main :is(.mf-intro,.mf-section-head,.mf-text,.mf-heading,.mf-section,.mf-feature,.mf-gallery-heading,.mf-comparison,.ex-cta,.cp-related,.phx-expertise-crosslinks) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

html[data-phx-template="expertise-mf"] body main .mf-cta h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX home — shared tokens and existing cascade preserved */

:where(html[data-phx-page="home"]) #phoenix-meter {
  --phx-device-colormeter: #C9252C;
  --phx-device-spectropro: #328C4F;
}

:where(html[data-phx-template|="product"],html[data-phx-page="home"],html[data-phx-page="references"]):where([data-phx-template="home"]) .header {
  height: var(--phx-size-96);
}

:where(html[data-phx-template|="product"],html[data-phx-page="home"],html[data-phx-page="references"]):where([data-phx-template="home"]) .nav {
  display: flex;
  gap: var(--space-4);
  font-size: var(--phx-font-xs);
  white-space: nowrap;
}

:where(html[data-phx-template|="product"],html[data-phx-page="home"],html[data-phx-page="references"]):where([data-phx-template="home"]) .nav a {
  color: inherit;
  text-decoration: none;
  padding-bottom: var(--space-2);
}

:where(html[data-phx-template|="product"],html[data-phx-page="home"]):where([data-phx-template="home"]) .nav a:hover,:where(html[data-phx-page="home"]) .nav a:first-child {
  border-bottom: 2px solid var(--phx-brand);
}

:where(html[data-phx-page="home"]) .primary {
  background: var(--phx-brand);
  color: var(--phx-surface);
}

:where(html[data-phx-page="home"]) .hero {
  background: linear-gradient(90deg,var(--phx-surface-muted),var(--phx-surface-subtle));
  overflow: hidden;
}

:where(html[data-phx-page="home"],html[data-phx-page="ral"]):where([data-phx-template="home"]) .hero-grid {
  display: grid;
  align-items: center;
}

:where(html[data-phx-page="home"]) .hero-grid {
  grid-template-columns: 43% 57%;
}

:where(html[data-phx-page="home"]) .eyebrow {
  letter-spacing: 1px;
}

:where(html[data-phx-page="home"]) .hero h1 {
  font-size: clamp(var(--phx-font-section),4vw,var(--phx-font-page));
  line-height: var(--phx-leading-display);
  letter-spacing: -2px;
  margin: var(--space-3) 0;
}

:where(html[data-phx-page="home"]) .hero h1 em {
  font-style: normal;
  color: var(--phx-brand);
}

:where(html[data-phx-page="home"]) p {
  line-height: var(--phx-leading-intro);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
}

:where(html[data-phx-page="home"]) .hero p {
  font-size: var(--phx-font-body);
  max-width: var(--phx-size-384);
}

:where(html[data-phx-page="home"]) .proofs {
  display: flex;
  gap: var(--space-4);
  font-size: var(--phx-font-xs);
  margin-top: var(--space-5);
}

:where(html[data-phx-page="home"]) .proof {
  max-width: var(--phx-size-128);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

:where(html[data-phx-page="home"]) .proof i {
  font-style: normal;
  border: 1px solid var(--phx-brand);
  border-radius: 50%;
  padding: var(--space-2);
  font-size: var(--phx-font-sm);
}

:where(html[data-phx-page="home"]) .section:where(:not([data-phx-space])) {
  padding: var(--space-6) 0;
}

:where(html[data-phx-page="home"]) .head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--space-5);
  margin-bottom: var(--space-4);
}

:where(html[data-phx-page="home"]) .head h2,:where(html[data-phx-page="home"]) h2 {
  font-size: var(--phx-font-subheading);
  letter-spacing: -.7px;
  margin: var(--space-1) 0;
}

:where(html[data-phx-page="home"]) .head p {
  max-width: var(--phx-size-384);
  font-size: var(--phx-font-xs);
}

:where(html[data-phx-page="home"]) .products {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: var(--space-3);
}

:where(html[data-phx-page="home"]) .card {
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  overflow: hidden;
}

:where(html[data-phx-page="home"]) .ral-grid {
  display: grid;
  grid-template-columns: 36% 64%;
  gap: var(--space-5);
  align-items: center;
}

:where(html[data-phx-page="home"]) .ral-products {
  display: flex;
  gap: var(--space-3);
  justify-content: center;
}

:where(html[data-phx-page="home"]) .cta {
  padding: var(--space-5) 0;
}

:where(html[data-phx-page="home"]) .cta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
}

:where(html[data-phx-page="home"]) .cta h2 {
  margin: 0;
}

@media (max-width:620px) {
  :where(html[data-phx-page="references"],html[data-phx-page="home"]):where([data-phx-template="home"]) .header {
    height: auto;
    padding: var(--space-3) 0;
    flex-wrap: wrap;
  }
  :where(html[data-phx-page="references"],html[data-phx-page="home"]):where([data-phx-template="home"]) .nav {
    order: 3;
    width: 100%;
    overflow: auto;
  }
}

@media (max-width:950px) {
  :where(html[data-phx-page="home"]) .nav {
    gap: var(--space-2);
  }
  :where(html[data-phx-page="home"]) .products {
    grid-template-columns: repeat(3,1fr);
  }
  :where(html[data-phx-page="home"]) .card:nth-child(n/**/+4) {
    display: none;
  }
  :where(html[data-phx-page="home"]) .ral-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="home"]) .hero-grid {
    grid-template-columns: 1fr;
    padding-top: var(--space-6);
  }
  :where(html[data-phx-page="home"]) .hero h1 {
    font-size: var(--phx-font-section);
  }
  :where(html[data-phx-page="home"]) .proofs {
    gap: var(--space-2);
  }
  :where(html[data-phx-page="home"]) .section:where(:not([data-phx-space])) {
    padding: var(--space-5) 0;
  }
  :where(html[data-phx-page="home"]) .head {
    display: block;
  }
  :where(html[data-phx-page="home"]) .products {
    grid-template-columns: repeat(2,1fr);
  }
  :where(html[data-phx-page="home"]) .card:nth-child(3) {
    display: none;
  }
  :where(html[data-phx-page="home"]) .ral-products {
    gap: var(--space-1);
  }
  :where(html[data-phx-page="home"]) .cta-row {
    display: block;
  }
  :where(html[data-phx-page="home"]) .cta .btn {
    margin-top: var(--space-4);
  }
}

:where(html[data-phx-page="home"]) .phx-unified-hero .proofs {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-top: var(--space-3);
  padding: 0;
}

:where(html[data-phx-page="home"]) .phx-unified-hero .proof {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-subheading);
  padding: 0;
  min-height: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
}

@media (min-width:801px) {
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: var(--space-6) 0 var(--space-6);
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero>.hero-grid {
    height: auto;
    min-height: 0;
    display: flex;
    align-items: center;
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero .ral-hero-layout {
    min-height: 0;
    width: 100%;
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero .ral-hero-copy h1 {
    font-size: clamp(var(--phx-font-section),3vw,var(--phx-font-page));
    line-height: var(--phx-leading-display);
    margin: 0 0 var(--space-2) !important;
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero .ral-hero-copy p {
    margin: 0 0 var(--space-2) !important;
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero .ral-hero-copy .proofs {
    margin-top: var(--space-2);
    gap: var(--space-2);
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero .ral-hero-copy .proof {
    font-size: var(--phx-font-xs);
  }
}

@media (min-width:561px) and (max-width:800px) {
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero {
    height: auto;
    min-height: 0;
    max-height: none;
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero>.hero-grid {
    min-height: 0;
    display: flex;
    align-items: center;
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero .ral-hero-copy h1 {
    font-size: var(--phx-font-section) !important;
    line-height: var(--phx-leading-display);
    margin: 0 0 var(--space-2) !important;
  }
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero .ral-hero-copy .proofs {
    margin-top: var(--space-1);
    gap: var(--space-2) !important;
  }
}

@media (max-width:560px) {
  :where(html[data-phx-page="home"]) section.hero.phx-unified-hero {
    height: auto;
    max-height: none;
  }
}

:where(html[data-phx-page="home"]) section.ral .ral-grid {
  grid-template-columns: minmax(0,35%) minmax(0,65%);
  gap: clamp(var(--space-4),3vw,var(--space-6));
}

:where(html[data-phx-page="home"]) section.ral .ral-products {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  align-items: stretch;
  gap: clamp(var(--space-2),1.1vw,var(--space-4));
  width: 100%;
}

:where(html[data-phx-page="home"]) section.ral .phx-ral-product {
  background: var(--phx-surface);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  overflow: hidden;
  padding: var(--space-2) var(--space-2) var(--space-3);
  text-decoration: none;
  box-shadow: 0 5px 16px var(--phx-alpha-ink-8);
  transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

:where(html[data-phx-page="home"]) section.ral .phx-ral-product:hover {
  transform: translateY(-3px);
  border-color: var(--phx-brand);
  box-shadow: 0 9px 23px var(--phx-alpha-ink-12);
}

:where(html[data-phx-page="home"]) section.ral .phx-ral-product img {
  height: var(--phx-size-160);
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

:where(html[data-phx-page="home"]) section.ral .phx-ral-product-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--phx-size-32);
  margin-top: var(--space-2);
  text-align: center;
}

:where(html[data-phx-page="home"]) section.ral .phx-ral-product-meta strong {
  font-size: var(--phx-font-xs);
  color: var(--phx-brand);
  line-height: var(--phx-leading-heading);
}

:where(html[data-phx-page="home"]) section.ral .phx-ral-product-meta small {
  font-size: var(--phx-font-xs);
  letter-spacing: .7px;
  color: var(--phx-text-muted);
}

@media (max-width:1000px) {
  :where(html[data-phx-page="home"]) section.ral .ral-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="home"]) section.ral .ral-products {
    max-width: var(--phx-size-800);
    margin: auto;
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="home"]) section.ral .ral-products {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--space-3);
  }
  :where(html[data-phx-page="home"]) section.ral .phx-ral-product img {
    height: var(--phx-size-128);
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="home"]) section.ral .phx-ral-product {
    transition: none;
  }
}

:where(html[data-phx-page="home"]) .phx-company-news-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin: var(--space-4) 0 var(--space-4);
}

:where(html[data-phx-page="home"]) .phx-company-news-card {
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-page="home"]) .phx-company-news-body {
  padding: var(--space-4);
}

:where(html[data-phx-page="home"]) .phx-company-news-body h3 {
  margin: 0;
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="home"]) .phx-company-news-body p {
  margin: 0 0 var(--space-2);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="home"]) .phx-company-news-body a {
  margin-top: auto;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: var(--space-1);
}

:where(html[data-phx-page="home"]) .phx-company-news-body a:hover {
  color: var(--phx-text-strong);
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .phx-company-news-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:580px) {
  :where(html[data-phx-page="home"]) .phx-company-news-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="home"]) .phx-company-news-image {
    height: var(--phx-size-192);
  }
}

:where(html[data-phx-page="home"]) .phx-meter-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: var(--space-4);
  gap: var(--space-4);
}

:where(html[data-phx-page="home"]) .phx-meter-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
}

:where(html[data-phx-page="home"]) .phx-meter-card-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

:where(html[data-phx-page="home"]) .phx-meter-overline {
  font-weight: 800;
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  letter-spacing: 1px;
}

:where(html[data-phx-page="home"]) .phx-meter-blue h3 span {
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="home"]) .phx-meter-features {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
}

:where(html[data-phx-page="home"]) .phx-meter-green .phx-meter-features span {
  background: var(--phx-surface-muted);
  border-color: var(--phx-border);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="home"]) .phx-meter-device {
  width: 100%;
  object-fit: contain;
  justify-self: center;
  height: var(--phx-size-128);
  max-width: var(--phx-size-128);
}

:where(html[data-phx-page="home"]) .phx-meter-preview:hover img {
  box-shadow: 0 5px 17px var(--phx-alpha-ink-24);
}

@media (max-width:920px) {
  :where(html[data-phx-page="home"]) .phx-meter-cards {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="home"]) .phx-meter-visual {
    min-height: var(--phx-size-224);
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) .phx-meter-heading {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: var(--space-4);
  }
  :where(html[data-phx-page="home"]) .phx-meter-preview img {
    height: var(--phx-size-160);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-visual {
  display: block;
  text-decoration: none;
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body,
:where(html[data-phx-page="home"]) .phx-company-news-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  flex: 1;
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body {
  padding: var(--space-5);
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body h3 a {
  color: inherit;
  text-decoration: none;
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body h3 a:hover {
  color: var(--phx-brand);
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body p {
  font-size: var(--phx-font-sm);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) 0;
  color: var(--phx-brand);
  text-decoration: none;
  font-weight: 700;
  font-size: var(--phx-font-xs);
  margin-top: auto;
  border-bottom: 1px solid transparent;
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-link:hover {
  color: var(--phx-text);
  border-bottom-color: currentColor;
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .home-products-grid {
    gap: var(--space-4);
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-phx-page="home"]) .home-products-grid .home-product-body {
    padding: var(--space-4);
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card {
    display: flex;
    background: var(--phx-surface);
    border-color: var(--phx-border);
  }
  :where(html[data-phx-page="home"]) .home-products-grid .home-product-body {
    padding: var(--space-4) var(--space-4) var(--space-5);
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card {
    background: var(--phx-surface);
    border-color: var(--phx-border);
  }
}

:where(html[data-phx-page="home"]) .phx-meter-heading h2 {
  line-height: var(--phx-leading-heading);
  letter-spacing: -1px;
  color: var(--phx-heading-color);
  font-size: clamp(var(--phx-font-subheading),2.5vw,var(--phx-font-subheading));
  margin: var(--space-1) 0 var(--space-2);
}

:where(html[data-phx-page="home"]) .phx-meter-heading p {
  max-width: var(--phx-size-640);
  color: var(--phx-text-muted);
  margin: 0;
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-intro);
}

:where(html[data-phx-page="home"]) .phx-meter-card {
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  min-width: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: var(--space-4);
  gap: var(--space-2);
  border-radius: var(--phx-radius-12);
  box-shadow: 0 5px 15px var(--phx-alpha-ink-8);
  transition: transform .2s ease,box-shadow .2s ease;
}

:where(html[data-phx-page="home"]) .phx-meter-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 11px 23px var(--phx-alpha-ink-12);
}

:where(html[data-phx-page="home"]) .phx-meter-stretched {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}

:where(html[data-phx-page="home"]) .phx-meter-card h3 {
  color: var(--phx-heading-color);
  margin: 0;
  font-size: clamp(var(--phx-font-card),1.9vw,var(--phx-font-subheading));
  font-weight: 700;
  letter-spacing: -.5px;
}

:where(html[data-phx-page="home"]) .phx-meter-features span {
  display: inline-flex;
  background: var(--phx-surface-muted);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-4);
  color: var(--phx-text-muted);
  font-weight: 700;
  padding: var(--space-1) var(--space-2);
  font-size: var(--phx-font-xs);
}

:where(html[data-phx-page="home"]) .phx-meter-visual {
  display: grid;
  align-items: center;
  background: linear-gradient(140deg,var(--phx-surface),var(--phx-surface-subtle));
  grid-template-columns: minmax(0,1fr) minmax(70px,.72fr);
  gap: var(--space-2);
  padding: var(--space-2);
  min-height: var(--phx-size-160);
  border-radius: var(--phx-radius-8);
}

:where(html[data-phx-page="home"]) .phx-meter-preview {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: var(--phx-text-muted);
  overflow: hidden;
  align-items: center;
  height: var(--phx-size-160);
  position: relative;
  z-index: 2;
  gap: var(--space-1);
}

:where(html[data-phx-page="home"]) .phx-meter-preview img {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  box-shadow: 0 3px 10px var(--phx-alpha-ink-24);
  border-radius: var(--phx-radius-4);
  height: var(--phx-size-128);
}

:where(html[data-phx-page="home"]) .phx-meter-brand-link {
  display: inline-flex;
  background: var(--phx-brand);
  border-radius: var(--phx-radius-8);
  color: var(--phx-surface);
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  font-size: var(--phx-font-xs);
  padding: var(--space-2) var(--space-3);
}

@media (max-width:930px) {
  :where(html[data-phx-page="home"]) .phx-meter-cards {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) .phx-meter-cards {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="home"]) .phx-meter-showcase {
    padding: var(--space-5) 0 var(--space-6);
  }
  :where(html[data-phx-page="home"]) .phx-meter-card {
    padding: var(--space-3);
  }
  :where(html[data-phx-page="home"]) .phx-meter-device {
    height: var(--phx-size-128);
  }
  :where(html[data-phx-page="home"]) .phx-meter-preview {
    height: var(--phx-size-160);
  }
  :where(html[data-phx-page="home"]) .phx-meter-visual {
    padding: var(--space-2);
    gap: var(--space-2);
    grid-template-columns: 1fr 1fr;
    min-height: var(--phx-size-160);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body>p {
  overflow: visible;
  line-height: var(--phx-leading-reading);
  min-height: 0;
  margin: 0 0 var(--space-2);
  max-width: 100%;
}

@media (max-width:620px) {
  :where(html[data-phx-page="home"]) .home-products-grid .home-product-body>p {
    min-height: 0;
  }
}

:where(html[data-phx-page="home"]) .phx-meter-showcase {
  padding: var(--space-6) 0 var(--space-6);
  position: relative;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-title {
  display: flex;
  align-items: baseline;
  gap: var(--phx-inline-glyph-gap);
  flex-wrap: wrap;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-inline-brand {
  display: inline-block;
  vertical-align: -.09em;
  width: auto;
  height: .72em;
  max-width: 100%;
  object-fit: contain;
  flex: none;
  position: relative;
  z-index: 1;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-title span {
  min-width: 0;
}

:where(html[data-phx-page="home"]) .home-ral-products-section a.btn.primary[href="ral.html"] {
  background: var(--phx-brand) !important;
  border-color: var(--phx-brand);
  color: var(--phx-surface);
  box-shadow: none;
}

:where(html[data-phx-page="home"]) .home-ral-products-section a.btn.primary[href="ral.html"]:hover,:where(html[data-phx-page="home"]) .home-ral-products-section a.btn.primary[href="ral.html"]:focus-visible {
  background: var(--phx-brand) !important;
  border-color: var(--phx-brand) !important;
  color: var(--phx-surface) !important;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-brand-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  white-space: nowrap;
  letter-spacing: .12px;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-brand-link .phx-inline-brand {
  vertical-align: middle;
  filter: brightness(0) invert(1);
  display: block;
  flex: none;
  width: auto;
  max-width: var(--phx-size-96);
  height: var(--phx-size-16);
  object-fit: contain;
  margin: 0;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-brand-link .phx-meter-link-arrow {
  width: var(--phx-size-16);
  height: var(--phx-size-16);
  flex: none;
  margin-left: var(--space-1);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform var(--phx-motion-fast) var(--phx-ease-standard);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-brand-link:hover .phx-meter-link-arrow {
  transform: translateX(3px);
}

@media (max-width:480px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-brand-link {
    gap: var(--space-1);
    padding: var(--space-2) var(--space-3);
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-brand-link .phx-inline-brand {
    max-width: var(--phx-size-64);
    height: var(--phx-size-16);
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-brand-link .phx-meter-link-arrow {
    transition: none;
  }
}

:where(html[data-phx-page="home"]) .cta .phx-quote-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  text-decoration: none;
}

:where(html[data-phx-page="home"]) .cta .phx-quote-arrow {
  flex: none;
  transition: transform var(--phx-motion-fast) var(--phx-ease-standard);
}

:where(html[data-phx-page="home"]) .cta .phx-quote-link:hover .phx-quote-arrow {
  transform: translateX(3px);
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="home"]) .cta .phx-quote-arrow {
    transition: none;
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-product-title .phx-device-name {
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  white-space: nowrap;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-visual {
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: var(--space-2);
  padding: var(--space-2);
  align-items: center;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-preview {
  width: 100%;
  height: var(--phx-size-160);
  min-height: var(--phx-size-160);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-preview img {
  width: auto;
  max-width: 100%;
  height: var(--phx-size-160);
  max-height: var(--phx-size-160);
  object-fit: contain;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-device {
  max-width: 100%;
  height: var(--phx-size-160);
  object-fit: contain;
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-visual {
    min-height: var(--phx-size-192);
    grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
    gap: var(--space-1);
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-preview {
    height: var(--phx-size-160);
    min-height: var(--phx-size-160);
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-preview img {
    height: var(--phx-size-160);
    max-height: var(--phx-size-160);
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-device {
    height: var(--phx-size-128);
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-product-title {
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--phx-inline-glyph-gap);
  white-space: nowrap;
  height: var(--phx-size-32);
  min-height: var(--phx-size-32);
  margin: 0 0 var(--space-1);
  padding: 0;
  line-height: var(--phx-leading-display);
  display: flex;
  align-items: center;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card {
  box-sizing: border-box;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-product-title .phx-inline-brand {
  display: block;
  width: auto;
  height: .75em;
  max-width: none;
  flex: 0 0 auto;
  object-fit: contain;
  object-position: left center;
  max-height: var(--phx-size-24);
}

@media (max-width:670px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-product-title {
    height: var(--phx-size-32);
    min-height: var(--phx-size-32);
    margin: 0 0 var(--space-1);
  }
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section {
  box-sizing: border-box;
  width: min(var(--phx-size-1200),92%);
  max-width: var(--phx-size-1200);
  margin: 0 auto var(--space-6);
  overflow: hidden;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  padding: var(--space-4) var(--space-3);
  box-shadow: 0 4px 16px var(--phx-alpha-ink-4);
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-viewport {
  width: 100%;
  overflow: hidden;
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-track {
  display: flex;
  width: max-content;
  animation: phx-logos-scroll 136s linear infinite;
  will-change: transform;
}

:where(html[data-phx-page="home"]) .phx-logo-item {
  width: var(--phx-size-192);
  height: var(--phx-size-96);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  padding: var(--space-1);
}

:where(html[data-phx-page="home"]) .phx-logo-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section:hover .phx-logo-marquee-track {
  animation-play-state: paused;
}

@media (max-width:650px) {
  :where(html[data-phx-page="home"]) .phx-logo-marquee-section {
    padding: var(--space-3) var(--space-2);
    margin-bottom: var(--space-5);
    border-radius: var(--phx-radius-8);
  }
  :where(html[data-phx-page="home"]) .phx-logo-marquee-set {
    gap: var(--space-5);
    padding-right: var(--space-5);
  }
  :where(html[data-phx-page="home"]) .phx-logo-item {
    width: var(--phx-size-128);
    height: var(--phx-size-64);
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-phx-page="home"]) .phx-logo-marquee-track {
    animation: none;
    will-change: auto;
  }
  :where(html[data-phx-page="home"]) .phx-logo-marquee-viewport {
    overflow-x: auto;
  }
}

:where(html[data-phx-page="home"]) .phx-company-news-clients .phx-company-news-body p {
  line-height: var(--phx-leading-body);
}

:where(html[data-phx-page="home"]) .phx-company-news-grid .phx-company-news-card .phx-company-news-image {
  border-bottom: 1px solid var(--phx-border);
}

:where(html[data-phx-page="home"]) .phx-company-news-grid .phx-company-news-card .phx-company-news-image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--phx-radius-4);
  object-fit: cover;
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-logo-item {
  width: var(--phx-size-256);
  height: var(--phx-size-128);
  padding: var(--space-2);
}

@media (max-width:650px) {
  :where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-logo-item {
    width: var(--phx-size-192);
    height: var(--phx-size-96);
    padding: var(--space-1);
  }
  :where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-logo-marquee-set {
    gap: var(--space-5);
    padding-right: var(--space-5);
  }
}

:where(html[data-phx-page="home"]) .phx-company-news-grid .phx-company-news-card .phx-company-news-image {
  height: var(--phx-size-192);
  padding: var(--space-3);
  margin: 0;
  background: var(--phx-surface) !important;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(html[data-phx-page="home"]) .phx-company-news-grid .phx-company-news-card .phx-company-news-image>img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  margin: 0;
  padding: 0;
  border-radius: var(--phx-radius-4);
  transform: none;
}

@media (max-width:650px) {
  :where(html[data-phx-page="home"]) .phx-company-news-grid .phx-company-news-card .phx-company-news-image {
    height: var(--phx-size-192);
    padding: var(--space-3);
  }
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-set {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-4);
  padding-right: var(--space-4);
}

@media (max-width:900px) {
  :where(html[data-phx-page="home"]) .phx-logo-marquee-set {
    gap: var(--space-3);
    padding-right: var(--space-3);
  }
}

:where(html[data-phx-page="home"]) .phx-meter-card.phx-meter-blue {
  border-color: var(--phx-border);
  box-shadow: 0 14px 33px var(--phx-alpha-ink-8);
}

:where(html[data-phx-page="home"]) .phx-meter-card.phx-meter-blue .phx-meter-overline {
  color: var(--phx-brand);
}

:where(html[data-phx-page="home"]) .phx-meter-card.phx-meter-blue h3 {
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="home"]) .phx-meter-card.phx-meter-blue .phx-meter-features span {
  color: var(--phx-text-muted);
  background: var(--phx-surface-muted) !important;
  border-color: var(--phx-border);
}

:where(html[data-phx-page="home"]) .phx-meter-card.phx-meter-blue .phx-meter-preview {
  border-color: var(--phx-border);
}

:where(html[data-phx-page="home"]) .phx-meter-card.phx-meter-blue .phx-meter-preview:hover {
  border-color: var(--phx-brand);
}

:where(html[data-phx-page="home"]) .home-ral-products-section .phx-ral-framed-content {
  display: grid;
  grid-template-columns: minmax(0,33%) minmax(0,1fr) !important;
  gap: clamp(var(--space-5),3vw,var(--space-6)) !important;
  align-items: center;
  min-width: 0;
  padding: clamp(var(--space-5),3.2vw,var(--space-7));
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  background: var(--phx-surface);
  box-shadow: 0 12px 36px var(--phx-alpha-ink-8);
}

:where(html[data-phx-page="home"]) .home-ral-products-section .phx-ral-framed-content>div {
  min-width: 0;
}

:where(html[data-phx-page="home"]) .home-ral-products-section .phx-ral-framed-content h2 {
  margin-top: var(--space-2);
}

:where(html[data-phx-page="home"]) .home-ral-products-section .phx-ral-framed-content .ral-products {
  min-width: 0;
}

@media (max-width:1020px) {
  :where(html[data-phx-page="home"]) .home-ral-products-section .phx-ral-framed-content {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="home"]) .home-ral-products-section .phx-ral-framed-content {
    padding: var(--space-5) var(--space-4) !important;
    border-radius: var(--phx-radius-16);
    gap: var(--space-5) !important;
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>.home-product-visual {
    height: var(--phx-size-224);
    min-height: var(--phx-size-224);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>.home-product-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  border-bottom: 1px solid var(--phx-border) !important;
  overflow: hidden;
  height: var(--phx-size-320);
  min-height: var(--phx-size-320);
  padding: var(--space-2);
  background: var(--phx-surface) !important;
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>.home-product-visual {
    padding: var(--space-2);
    height: var(--phx-size-256);
    min-height: var(--phx-size-256);
  }
}

@media (max-width:540px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>.home-product-visual {
    height: var(--phx-size-256);
    min-height: var(--phx-size-256);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid .home-retail-split-card .home-product-body h3 a {
  color: inherit;
  text-decoration: none;
}

:where(html[data-phx-page="home"]) .home-products-grid .home-retail-split-card .home-product-body h3 a:hover {
  text-decoration: underline;
}

:where(html[data-phx-page="home"]) .home-design-consulting-card .home-product-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--phx-surface) !important;
  overflow: hidden;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-design-consulting-card>.home-product-visual {
  height: var(--phx-size-320);
  min-height: var(--phx-size-320);
  padding: var(--space-2);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--phx-surface) !important;
  box-sizing: border-box;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-design-consulting-card>.home-product-body {
  padding: var(--space-5);
  flex: 1 !important;
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-design-consulting-card>.home-product-visual {
    height: var(--phx-size-256);
    min-height: var(--phx-size-256);
  }
}

@media (max-width:540px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-design-consulting-card>.home-product-visual {
    height: var(--phx-size-256);
    min-height: var(--phx-size-256);
  }
  :where(html[data-phx-page="home"]) .home-products-grid>.home-design-consulting-card>.home-product-body {
    padding: var(--space-4) var(--space-4) var(--space-5);
  }
}

:where(html[data-phx-page="home"]) .home-product-body>p {
  overflow: visible;
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  min-height: 0;
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="home"]) .home-product-body>.home-product-link {
  margin-top: auto;
}

@media (max-width:640px) {
  :where(html[data-phx-page="home"]) .home-product-body>p {
    font-size: var(--phx-font-sm);
  }
}

@media (max-width:540px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-home-placeholder-visual {
    height: var(--phx-size-256);
    min-height: var(--phx-size-256);
    padding: var(--space-2);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card:hover {
  transform: none !important;
  box-shadow: var(--phx-shadow-sm) !important;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-home-placeholder-visual {
  overflow: hidden;
  box-sizing: border-box;
  height: var(--phx-size-192);
  min-height: var(--phx-size-192);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2);
  background: var(--phx-surface) !important;
  border-bottom: 1px solid var(--phx-border) !important;
  box-shadow: none;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-home-placeholder-visual img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  background: var(--phx-surface) !important;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>.home-product-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) !important;
  flex: 1 !important;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-body h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  color: var(--phx-heading-color);
  letter-spacing: normal;
  margin: 0;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-body>p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-2);
  min-height: 0;
  overflow: visible;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-link {
  margin-top: auto;
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid currentColor !important;
  padding: 0 0 var(--space-1);
  min-height: 0;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-link:hover {
  color: var(--phx-text-strong) !important;
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-home-placeholder-visual {
    padding: var(--space-3);
    height: var(--phx-size-192);
    min-height: var(--phx-size-192);
  }
}

@media (max-width:580px) {
  :where(html[data-phx-page="home"]) .home-products-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-home-placeholder-visual {
    height: var(--phx-size-192);
    min-height: var(--phx-size-192);
  }
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-body>p {
    min-height: 0;
  }
}

:where(html[data-phx-page="home"]) .home-products-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: stretch;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--phx-border) !important;
  height: 100%;
  border-color: var(--phx-border);
}

@media (max-width:620px) {
  :where(html[data-phx-page="home"]) .home-products-grid {
    grid-template-columns: minmax(0,1fr);
    gap: var(--space-4);
  }
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-retail-display-photo {
    height: var(--phx-size-224);
    min-height: var(--phx-size-224);
  }
}

@media (max-width:580px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-retail-display-photo {
    height: var(--phx-size-192);
    min-height: var(--phx-size-192);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-full-bleed-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--phx-size-224);
  min-height: var(--phx-size-224);
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: var(--phx-surface-subtle) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--phx-border) !important;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-full-bleed-visual img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  background: transparent !important;
  transform: none;
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-full-bleed-visual {
    height: var(--phx-size-224);
    min-height: var(--phx-size-224);
  }
}

@media (max-width:580px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-full-bleed-visual {
    height: var(--phx-size-192);
    min-height: var(--phx-size-192);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a:is(.home-retail-chips-photo,.home-design-consulting-photo) {
  width: 100%;
  height: var(--phx-size-192);
  min-height: var(--phx-size-192);
  display: block;
  padding: 0;
  margin: 0;
  background: var(--phx-surface) !important;
  overflow: hidden;
  border-bottom: 1px solid var(--phx-border) !important;
  box-sizing: border-box;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a:is(.home-retail-chips-photo,.home-design-consulting-photo) img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  background: var(--phx-surface) !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  max-width: none;
  max-height: none;
}

@media (max-width:580px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a:is(.home-retail-chips-photo,.home-design-consulting-photo) {
    height: var(--phx-size-192);
    min-height: var(--phx-size-192);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-product-visual {
  height: var(--phx-size-256);
  min-height: var(--phx-size-256);
  max-height: var(--phx-size-256);
  flex: 0 0 280px !important;
  width: 100%;
  box-sizing: border-box;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-product-visual>img {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-product-visual {
    flex-basis: var(--phx-size-256) !important;
  }
}

@media (max-width:580px) {
  :where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-product-visual {
    flex-basis: var(--phx-size-256);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.retail-neutral-approved {
  display: block;
  width: 100%;
  height: var(--phx-size-256);
  min-height: var(--phx-size-256);
  padding: 0;
  margin: 0;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--phx-border) !important;
  overflow: hidden;
  box-sizing: border-box;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.retail-neutral-approved::before,:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.retail-neutral-approved::after {
  display: none;
  content: none;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.retail-neutral-approved img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  padding: 0;
  margin: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  background: transparent !important;
  max-width: none;
  max-height: none;
}



:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-new-product-photo {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: transparent !important;
  border-bottom: 1px solid var(--phx-border) !important;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.phx-new-product-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-width: none;
  max-height: none;
  border: 0 !important;
  border-radius: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-fan-decks-photo {
  width: 100%;
  height: var(--phx-size-256);
  min-height: var(--phx-size-256);
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
  background: var(--phx-surface) !important;
  border-bottom: 1px solid var(--phx-border) !important;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-fan-decks-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  max-width: none;
  max-height: none;
}



:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-color-cards-photo {
  padding: 0;
  overflow: hidden;
  background: transparent !important;
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card>a.home-color-cards-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-device-name--colormeter {
  color: var(--phx-device-colormeter);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-device-name--spectropro {
  color: var(--phx-device-spectropro);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-visual {
  background: linear-gradient(140deg,var(--phx-surface),var(--phx-surface-subtle) 55%,var(--phx-surface)) !important;
  border-color: var(--phx-border);
}

:where(html[data-phx-page="home"]) .phx-meter-showcase .phx-meter-card .phx-meter-features {
  gap: var(--space-2);
}

:where(html[data-phx-page="home"]) .phx-meter-showcase .phx-meter-card .phx-meter-features span {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-caption);
  padding: var(--space-2) var(--space-2);
  letter-spacing: 0;
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) .phx-meter-showcase .phx-meter-card .phx-meter-features span {
    font-size: var(--phx-font-xs);
    padding: var(--space-2) var(--space-2);
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  align-items: center;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features span {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-ui);
  padding: var(--space-1) var(--space-1) !important;
  letter-spacing: 0;
  white-space: normal;
  flex: 0 1 calc(50% - var(--space-1)) !important;
  justify-content: center;
  text-align: center;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-visual {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: var(--space-2);
  min-height: var(--phx-size-192);
  height: var(--phx-size-192);
  padding: var(--space-2);
  align-items: center;
  box-sizing: border-box;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-device {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}

@media (max-width:1050px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features {
    flex-wrap: wrap;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features span {
    white-space: normal;
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-visual {
    height: var(--phx-size-192);
    min-height: var(--phx-size-192);
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features span {
    font-size: var(--phx-font-xs);
    padding: var(--space-1) var(--space-2) !important;
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards {
  align-items: stretch;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card {
  height: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card-copy {
  gap: var(--space-1);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card .phx-meter-visual {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  align-items: center;
  gap: var(--space-2);
  min-height: var(--phx-size-192);
  height: var(--phx-size-192);
  box-sizing: border-box;
  padding: var(--space-2);
  border-radius: var(--phx-radius-8);
  overflow: hidden;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-preview img {
  display: block;
  width: auto;
  height: var(--phx-size-160);
  max-width: 100%;
  max-height: var(--phx-size-160);
  object-fit: contain;
  object-position: center center;
  margin: 0 auto;
  padding: 0;
  border: 0 !important;
  border-radius: var(--phx-radius-4);
  transform: none;
  mix-blend-mode: multiply;
  background: transparent !important;
  box-shadow: 0 3px 10px var(--phx-alpha-ink-24);
  filter: drop-shadow(0 3px 5px var(--phx-alpha-ink-12));
  transition: box-shadow .2s ease,filter .2s ease !important;
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card .phx-meter-visual {
    height: var(--phx-size-192);
    min-height: var(--phx-size-192);
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-preview {
    height: var(--phx-size-160);
    min-height: var(--phx-size-160);
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-preview img {
    height: var(--phx-size-128);
    max-height: var(--phx-size-128);
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-preview {
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: var(--phx-size-160);
  min-height: var(--phx-size-160);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none;
  isolation: auto;
  overflow: visible;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-preview:hover img,:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card .phx-meter-preview:focus-visible img {
  box-shadow: 0 5px 17px var(--phx-alpha-ink-24) !important;
  filter: drop-shadow(0 5px 9px var(--phx-alpha-ink-24)) !important;
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-logo-marquee-set {
  gap: var(--space-3);
  padding-right: var(--space-3);
}

@media (max-width:900px) {
  :where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-logo-marquee-set {
    gap: var(--space-2);
    padding-right: var(--space-2);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-card .home-product-visual.phx-new-product-photo {
  position: relative;
  overflow: hidden;
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-card .home-product-visual.phx-new-product-photo>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width:700px) {
  :where(html[data-phx-page="home"]) .phx-meter-visual,:where(html[data-phx-page="home"]) .phx-meter-preview {
    min-width: 0;
  }
}

@media (max-width:420px) {
  :where(html[data-phx-page="home"]) .phx-meter-features {
    flex-wrap: wrap;
  }
  :where(html[data-phx-page="home"]) .phx-meter-features span {
    max-width: 100%;
    white-space: normal;
  }
}

:where(html[data-phx-page="home"]) .home-products-grid,:where(html[data-phx-page="home"]) .phx-meter-cards,:where(html[data-phx-page="home"]) .phx-company-news-grid {
  row-gap: var(--phx-card-gap);
  column-gap: var(--phx-card-gap);
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body h3 a>span {
  display: block;
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-detail);
  font-weight: 600;
  letter-spacing: 0;
  margin-top: var(--space-1);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body h3 {
  font-size: clamp(var(--phx-font-card),2vw,var(--phx-font-subheading));
  line-height: var(--phx-leading-heading);
  margin: 0;
  font-weight: 700;
  letter-spacing: -.6px;
  color: var(--phx-heading-color);
}

@media (max-width:700px) {
  :where(html[data-phx-page="home"]) .home-products-grid .home-product-body h3 {
    min-height: 0;
  }
}

:where(html[data-phx-page="home"]) .phx-home-why {
  padding-right: 0;
  padding-left: 0;
}

:where(html[data-phx-page="home"]) .phx-home-why .phx-why-sub {
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
  max-width: var(--phx-size-800);
  margin: 0 0 var(--space-5);
}

:where(html[data-phx-page="home"]) .phx-home-why-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="home"]) .phx-home-why-grid article {
  background: var(--phx-surface-muted);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  padding: var(--space-5) var(--space-4);
  min-width: 0;
}

:where(html[data-phx-page="home"]) .phx-home-why-grid h3 {
  font-size: var(--phx-font-body);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="home"]) .phx-home-why-grid p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  margin: 0;
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="home"]) .phx-home-expertise h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  margin: var(--space-3) 0;
}

:where(html[data-phx-page="home"]) .phx-home-expertise p {
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="home"]) .phx-home-expertise a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--phx-control-height);
  margin-top: var(--space-2);
  color: var(--phx-surface);
  background: var(--phx-brand);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--phx-radius-8);
  text-decoration: none;
  font-weight: 700;
  font-size: var(--phx-font-xs);
}

:where(html[data-phx-page="home"]) .phx-home-expertise img {
  display: block;
  width: 100%;
  height: var(--phx-size-320);
  object-fit: cover;
  border-radius: var(--phx-radius-12);
}

@media (max-width:850px) {
  :where(html[data-phx-page="home"]) .phx-home-why-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-phx-page="home"]) .phx-home-expertise-layout {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="home"]) .phx-home-expertise img {
    height: var(--phx-size-256);
  }
}

@media (max-width:500px) {
  :where(html[data-phx-page="home"]) .phx-home-why-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="home"]) .phx-home-why {
    padding-right: 0;
    padding-left: 0;
  }
}

:where(html[data-phx-page="home"]) .phx-home-expertise {
  padding: var(--space-7) 0;
  margin-top: clamp(var(--space-5),3vw,var(--space-7));
  margin-bottom: clamp(var(--space-5),3vw,var(--space-7));
}

:where(html[data-phx-page="home"]) .phx-home-expertise-layout {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
  align-items: center;
  gap: clamp(var(--space-5),4vw,var(--space-7));
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-trusted-heading {
  padding: var(--space-4) var(--space-4) var(--space-4);
  text-align: center;
  max-width: var(--phx-size-960);
  margin: 0 auto;
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-trusted-heading h2 {
  font-size: clamp(var(--phx-font-subheading),2.8vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.035em;
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-trusted-heading p {
  font-size: clamp(var(--phx-font-xs),1.3vw,var(--phx-font-sm));
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-reading);
  margin: 0 auto;
  text-align: center;
}

@media (max-width:760px) {
  :where(html[data-phx-page="home"]) .phx-home-expertise-layout {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
  }
  :where(html[data-phx-page="home"]) .phx-home-expertise-layout img {
    aspect-ratio: 16/10;
    object-fit: cover;
    order: -1;
    max-height: none !important;
    height: auto !important;
  }
}

:where(html[data-phx-page="home"]) .phx-home-why h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  margin: 0 0 var(--space-3);
  margin-bottom: var(--space-4);
}

:where(html[data-phx-page="home"]) .phx-home-expertise-layout img {
  display: block;
  max-width: 100%;
  height: clamp(var(--phx-size-256),29vw,var(--phx-size-384));
  width: 100%;
  max-height: var(--phx-size-384);
  object-fit: cover;
  border-radius: var(--phx-radius-12);
}

:where(html[data-phx-page="home"]) .phx-home-expertise-copy p {
  line-height: var(--phx-leading-reading);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-page="home"]) main>section.section:where(:not([data-phx-space])),:where(html[data-phx-page="home"]) main>.section.wrap:where(:not([data-phx-space])) {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--phx-section-space);
  padding-bottom: var(--phx-section-space);
}

:where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards>.phx-company-news-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

:where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards .phx-company-news-image {
  height: var(--phx-size-192);
  min-height: var(--phx-size-192);
  flex: none !important;
  overflow: hidden;
}

:where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards .phx-company-news-body {
  flex: 1 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards .phx-company-news-body p {
  flex: 1 !important;
}

:where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards .phx-company-news-body a {
  margin-top: auto;
}

@media (max-width:940px) {
  :where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards {
    grid-template-columns: 1fr;
  }
}

:where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
  gap: var(--space-5);
}

:where(html[data-phx-page="home"]) .phx-three-news-cards>.phx-company-news-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
}

:where(html[data-phx-page="home"]) .phx-three-news-cards .phx-company-news-image {
  height: var(--phx-size-224);
  min-height: var(--phx-size-224);
  overflow: hidden;
}

:where(html[data-phx-page="home"]) .phx-three-news-cards .phx-company-news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-phx-page="home"]) .phx-three-news-cards .phx-company-news-body {
  display: flex;
  flex-direction: column;
  flex: 1 !important;
  gap: var(--space-2);
}

:where(html[data-phx-page="home"]) .phx-three-news-cards .phx-company-news-body p {
  margin: 0;
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="home"]) .phx-three-news-cards .phx-company-news-body a {
  margin-top: auto;
  align-self: flex-start;
}

@media (max-width:960px) {
  :where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:630px) {
  :where(html[data-phx-page="home"]) .phx-company-news-grid.phx-three-news-cards {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
  :where(html[data-phx-page="home"]) .phx-three-news-cards .phx-company-news-image {
    height: var(--phx-size-224);
  }
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="home"]) .footer.contacts-footer .footer-column h3>a {
  color: inherit;
  font: inherit !important;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  display: inline-block;
  transition: opacity .18s ease;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="home"]) .footer.contacts-footer .footer-column h3>a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  opacity: .9;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="home"]) .footer.contacts-footer .footer-column h3>a:focus-visible {
  outline: 2px solid var(--phx-border);
  outline-offset: 4px;
  border-radius: var(--phx-radius-4);
}

:where(html[data-phx-page="home"]) .phx-news-section .head {
  margin-bottom: var(--space-5);
}

:where(html[data-phx-page="home"]) .phx-news-section .phx-three-news-cards {
  align-items: stretch;
  gap: var(--space-5);
}

:where(html[data-phx-page="home"]) .phx-news-section .phx-company-news-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-page="home"]) .phx-news-section .phx-company-news-body {
  display: flex;
  flex: 1 !important;
  flex-direction: column;
}

:where(html[data-phx-page="home"]) .phx-news-section .phx-company-news-body h3 {
  line-height: var(--phx-leading-subheading);
}

:where(html[data-phx-page="home"]) .phx-news-section .phx-company-news-body p {
  line-height: var(--phx-leading-reading);
  margin: var(--space-2) 0 var(--space-4) !important;
  flex: 1 !important;
}

:where(html[data-phx-page="home"]) .phx-news-section .phx-company-news-body a {
  margin-top: auto;
}

:where(html[data-phx-page="home"]) .footer .footer-column.footer-quick {
  min-width: 0;
  text-align: start;
}

:where(html[data-phx-page="home"]) .footer .footer-column.footer-quick>h3,:where(html[data-phx-page="home"]) .footer .footer-column.footer-quick>ul {
  padding-left: 0;
  margin-left: 0;
  text-align: start;
}

:where(html[data-phx-page="home"]) .footer .footer-column.footer-quick .phx-footer-quick-linkedin {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: var(--space-3) 0 0 0;
  padding: 0;
  text-align: start;
  transform: none;
}

:where(html[data-phx-page="home"]) .footer .footer-column.footer-quick .phx-footer-quick-linkedin>a.phx-linkedin-footer {
  display: inline-flex;
  position: relative;
  flex: 0 0 26px !important;
  width: var(--phx-size-24);
  margin: 0 !important;
  margin-left: 0;
  margin-right: 0;
  align-self: flex-start;
  transform: none;
}

:where(html[data-phx-page="home"]) .home-products-grid .home-product-body h3 a>span.phx-color-swatches-subtitle {
  display: block;
  font-size: 1em;
  line-height: var(--phx-leading-subheading);
  font-weight: 700;
  letter-spacing: inherit;
  color: var(--phx-brand);
  margin-top: var(--space-1);
}

@media (max-width:700px) {
  :where(html[data-phx-page="home"]) .home-products-grid .home-product-body h3 a>span.phx-color-swatches-subtitle {
    font-size: 1em;
  }
}

html[data-phx-page="home"] body section.hero.phx-unified-hero {
  height: auto;
  min-height: 0;
  max-height: none;
}

html[data-phx-page="home"] body .home-products-grid>.home-product-card .home-product-body>p,html[data-phx-page="home"] body .home-products-grid .home-product-body>p {
  display: block;
  -webkit-box-orient: initial;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
  max-height: none;
  min-height: 0;
}

@media (max-width:800px) {
  html[data-phx-page="home"] body section.hero.phx-unified-hero {
    min-height: 0;
  }
}

@media (max-width:640px) {
  html[data-phx-page="home"] body section.hero.phx-unified-hero {
    min-height: 0;
  }
  html[data-phx-page="home"] body .home-products-grid>.home-product-card .home-product-body>p,html[data-phx-page="home"] body .home-products-grid .home-product-body>p {
    min-height: 0;
  }
}

:where(html[data-phx-page="home"]) main>section {
  margin-block: 0 !important;
}

:where(html[data-phx-page="home"]) main>section+section {
  margin-block-start: var(--phx-home-section-gap,var(--phx-flow-section)) !important;
}


:where(html[data-phx-page="home"]) main>:is(.section.wrap,.home-ral-products-section,.phx-home-why,.phx-home-expertise,.phx-meter-showcase,.phx-news-section),:where(html[data-phx-page="home"]) [data-phx-space="ral"],:where(html[data-phx-page="home"]) [data-phx-space="advantage"],:where(html[data-phx-page="home"]) [data-phx-space="news"] {
  padding-block: 0 !important;
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section {
  margin-block-start: var(--phx-flow-section) !important;
  margin-block-end: 0 !important;
  padding-block: var(--space-3) !important;
}

:where(html[data-phx-page="home"]) .phx-logo-marquee-section .phx-trusted-heading {
  padding-block: 0 var(--space-3) !important;
}

html[lang="ar"][data-phx-page="home"] :is(.phx-logo-marquee-viewport,.phx-logo-marquee-track,.phx-logo-marquee-set) {
  direction: ltr;
  unicode-bidi: isolate;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card-copy {
  flex: 0 0 auto !important;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card .phx-meter-visual {
  margin-top: var(--space-1);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card>.phx-meter-features {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-2);
  width: 100%;
  margin-top: var(--space-1);
  align-items: stretch;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card>.phx-meter-features span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 40px;
  padding: var(--space-2) !important;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface-muted) !important;
  color: var(--phx-text-muted) !important;
  font-size: var(--phx-font-xs);
  font-weight: 700;
  line-height: var(--phx-leading-ui);
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card>.phx-meter-features span:nth-child(3) {
  grid-column: 1 / -1;
}

@media (max-width:920px) and (min-width:601px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card>.phx-meter-features {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card>.phx-meter-features span:nth-child(3) {
    grid-column: auto;
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card-copy {
    min-height: 0;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card>.phx-meter-features {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-cards>.phx-meter-card>.phx-meter-features span:nth-child(3) {
    grid-column: auto;
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter>.wrap {
  background: linear-gradient(145deg,var(--phx-neutral-50) 0%,var(--phx-neutral-25) 100%);
  border: 1px solid rgba(80,80,71,.16);
  border-radius: 20px;
  padding: clamp(var(--space-5),3.2vw,var(--space-7));
  box-shadow: 0 14px 38px rgba(34,38,34,.07);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-heading {
  padding-bottom: var(--space-3);
  border-bottom: 1px solid rgba(80,80,71,.12);
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) #phoenix-meter>.wrap {
    width: min(94%,1200px);
    padding: var(--space-4);
    border-radius: 14px;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-heading {
    padding-bottom: var(--space-3);
  }
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-body h3,:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-body h3>a {
  color: var(--phx-neutral-700);
}

:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-body h3>a>.phx-color-swatches-subtitle,:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-body h3>a:hover>.phx-color-swatches-subtitle,:where(html[data-phx-page="home"]) .home-products-grid>.home-product-card .home-product-body h3>a:focus-visible>.phx-color-swatches-subtitle {
  color: var(--phx-neutral-600);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card {
  display: grid;
  grid-template-rows: minmax(78px,auto) 192px minmax(76px,auto);
  align-content: start;
  height: 100%;
  gap: var(--space-2);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card-copy {
  min-height: 78px;
  justify-content: flex-start;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-visual {
  height: 192px;
  min-height: 192px;
  margin: 0;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features {
  min-height: 76px;
  align-content: flex-start;
  justify-content: flex-start;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features span {
  min-height: 34px;
  display: flex;
  align-items: center;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-warranty {
  margin-top: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border-top: 1px solid var(--phx-border);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-3);
  text-align: left;
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-warranty-icon {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--phx-brand);
  color: var(--phx-surface);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  line-height: 1;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-warranty-copy {
  max-width: 900px;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-warranty-copy strong {
  display: block;
  color: var(--phx-heading-color);
  font-size: var(--phx-font-sm);
  margin: 0 0 var(--space-1);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-warranty-copy p {
  margin: 0;
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
}

html[dir="rtl"]:where([data-phx-template="home"]) #phoenix-meter .phx-meter-warranty {
  text-align: right;
}

@media (max-width:950px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card {
    grid-template-rows: minmax(72px,auto) 192px minmax(72px,auto);
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card {
    grid-template-rows: auto 192px auto;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card-copy,:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features {
    min-height: 0;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-warranty {
    padding: var(--space-4) var(--space-2);
    justify-content: flex-start;
  }
}

@media (min-width:921px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card {
    height: 100%;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card-copy {
    display: grid !important;
    align-content: start !important;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-overline {
    display: flex !important;
    align-items: flex-end !important;
    line-height: 1.35 !important;
    max-width: 100%;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-product-title {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-visual {
    flex: 1 1 auto !important;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features {
    margin-top: auto !important;
    min-height: 100px !important;
    grid-template-rows: 48px 48px !important;
    align-content: end !important;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features span {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    overflow: hidden;
  }
}

@media (max-width:920px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card-copy {
    min-height: 0 !important;
    display: flex !important;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-product-title {
    height: auto !important;
    min-height: 0 !important;
    white-space: normal;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features {
    min-height: 0 !important;
    margin-top: var(--space-1) !important;
    grid-template-rows: none !important;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-features span {
    height: auto !important;
    max-height: none !important;
    min-height: 40px !important;
    overflow: visible;
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-overline {
  display: grid !important;
  grid-template-rows: repeat(2,1.2em) !important;
  align-content: start !important;
  min-height: 2.4em !important;
  line-height: 1.2 !important;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-overline-line {
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

:where(html[data-phx-page="home"]) #phoenix-meter.section {
  padding-bottom: 0 !important;
}

@media (min-width:921px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-card-copy {
    min-height: 64px !important;
    grid-template-rows: 30px 32px !important;
    gap: var(--phx-size-2) !important;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-overline {
    min-height: 30px !important;
    height: 30px !important;
    grid-template-rows: repeat(2,1.15em) !important;
    align-content: start !important;
    margin: 0 !important;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-product-title {
    min-height: 32px !important;
    height: 32px !important;
    margin: 0 !important;
  }
}

:where(html[data-phx-page="home"]) main>#phoenix-meter+.phx-news-section {
  margin-block-start: 0 !important;
  padding-top: var(--space-3) !important;
}

@media (max-width:620px) {
  :where(html[data-phx-page="home"]) main>#phoenix-meter+.phx-news-section {
    padding-top: var(--space-2) !important;
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter>.wrap,:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-warranty {
  padding-bottom: var(--space-2) !important;
}

@media (max-width:600px) {
  :where(html[data-phx-page="home"]) #phoenix-meter>.wrap {
    padding-bottom: var(--space-1) !important;
  }
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-warranty {
    padding-bottom: var(--space-1) !important;
  }
}

.phx-home-industries:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  padding-top: clamp(var(--space-8),6vw,var(--space-10));
  padding-bottom: clamp(var(--space-8),6vw,var(--space-10));
}

.phx-home-industries-head:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  margin-bottom: var(--space-5);
}

.phx-home-industries-grid:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-4);
}

.phx-home-industry-card:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  position: relative;
  min-height: 116px;
  padding: var(--space-4) var(--space-4) var(--space-3);
  border: 1px solid rgba(62,62,54,.16);
  background: linear-gradient(145deg,var(--phx-neutral-25),var(--phx-neutral-50));
  color: #3e3e36;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.phx-home-industry-card:hover:where(html[data-phx-template="home"],html[data-phx-template="home"] *),.phx-home-industry-card:focus-visible:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  transform: translateY(-3px);
  border-color: rgba(62,62,54,.3);
}

.phx-home-industry-index:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  color: #77776e;
}

.phx-home-industry-card h3:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  margin: var(--space-3) var(--space-6) 0 0;
  font-size: clamp(1rem,1.25vw,1.18rem);
  line-height: 1.28;
  color: #3e3e36;
}

.phx-home-industries-action:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-4);
}

[dir="rtl"] .phx-home-industry-card h3:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  margin: var(--space-3) 0 0 var(--space-6);
}

[dir="rtl"] .phx-home-industries-action:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  justify-content: flex-start;
}

@media (max-width:900px) {
  .phx-home-industries-grid:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:580px) {
  .phx-home-industries-grid:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
    grid-template-columns: 1fr;
  }
  .phx-home-industry-card:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
    min-height: 102px;
    padding: var(--space-3) var(--space-4) var(--space-3);
  }
}

@media (max-width:420px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-overline {
    font-size: clamp(9px,2.65vw,11px);
  }
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-library-card {
  background: linear-gradient(145deg,var(--phx-surface-subtle),var(--phx-surface));
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-library-description {
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
}

@media (min-width:921px) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-library-card .phx-meter-features {
    min-height: 100px !important;
  }
}

.phx-home-cs-section:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  padding-block: var(--space-8);
}

.phx-home-cs-head:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  max-width: 68ch;
  margin-bottom: var(--space-5);
}

.phx-home-cs-head h2:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-2);
}

.phx-home-cs-head p:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  margin: 0;
  color: var(--phx-text-muted,#555);
}

.phx-home-cs-grid:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--phx-grid-gap,var(--space-5));
}

.phx-home-cs-card:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  display: flex;
  flex-direction: column;
}

.phx-home-cs-image:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  aspect-ratio: var(--phx-media-ratio-project);
  background: var(--phx-surface);
}

.phx-home-cs-image img:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 230px;
  display: block;
}

.phx-home-cs-copy:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  border-top: 1px solid var(--phx-border);
  padding: var(--space-4);
  flex: 1;
}

.phx-home-cs-copy h3:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  font-size: 1.13rem;
  line-height: 1.35;
  margin: 0 0 var(--space-2);
  color: var(--phx-heading-color);
}

.phx-home-cs-copy h3 a:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  color: inherit;
  text-decoration: none;
}

.phx-home-cs-copy h3 a:hover:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.phx-home-cs-copy p:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  margin: 0;
  color: var(--phx-text-muted,#555);
  line-height: 1.65;
}

.phx-home-cs-all:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  display: inline-block;
  margin-top: var(--space-5);
  font-weight: 700;
}

@media (max-width:880px) {
  .phx-home-cs-grid:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  .phx-home-cs-grid:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
    grid-template-columns: minmax(0,1fr);
  }
}

.phx-home-cs-all:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  color: var(--phx-heading-color,#34342f);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.phx-home-cs-all:hover:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  color: var(--phx-text-color,#40403a);
}

html[data-phx-page="home"] body main .home-products-grid>.home-product-card .home-product-visual,html[data-phx-page="home"] body main .phx-company-news-card .phx-company-news-image,html[data-phx-page="home"] body main .phx-home-cs-card .phx-home-cs-image {
  box-sizing: border-box;
  padding: var(--phx-card-image-padding);
  background: var(--phx-surface);
}

html[data-phx-page="home"] body main .home-products-grid>.home-product-card .home-product-body,html[data-phx-page="home"] body main .phx-company-news-card .phx-company-news-body,html[data-phx-page="home"] body main .phx-home-cs-card .phx-home-cs-copy {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--phx-card-content-padding) !important;
}

html[data-phx-page="home"] body main .home-products-grid>.home-product-card .home-product-body h3,html[data-phx-page="home"] body main .phx-company-news-card .phx-company-news-body h3,html[data-phx-page="home"] body main .phx-home-cs-card .phx-home-cs-copy h3 {
  margin: 0 0 var(--phx-card-heading-gap);
  line-height: var(--phx-leading-subheading);
}

html[data-phx-page="home"] body main .phx-home-cs-card .phx-home-cs-copy .phx-home-cs-action {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-block-start: auto;
  padding-block-start: var(--space-4);
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  text-decoration: none;
}

html[data-phx-page="home"] body main .phx-home-cs-card .phx-home-cs-copy .phx-home-cs-action:hover {
  color: var(--phx-brand-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-meter-library-software {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-2);
  margin-block: var(--space-2);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-library-software-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-1);
  padding: var(--space-1);
  border-radius: var(--phx-radius-8, 8px);
  color: var(--phx-heading-color);
  text-decoration: none;
  transition: transform .2s ease;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-library-software-link img {
  display: block;
  width: clamp(68px, 7vw, 102px);
  height: auto;
  max-width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  transition: transform .2s ease;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-library-software-link span {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  line-height: var(--phx-leading-caption, 1.4);
  text-align: center;
  overflow-wrap: anywhere;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-library-software-link:hover img {
  transform: translateY(-2px);
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-library-software-link:hover span {
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 3px;
}

:where(html[data-phx-page="home"]) #phoenix-meter .phx-library-software-link:focus-visible {
  outline: 2px solid var(--phx-brand);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  :where(html[data-phx-page="home"]) #phoenix-meter .phx-library-software-link,:where(html[data-phx-page="home"]) #phoenix-meter .phx-library-software-link img {
    transition: none;
  }
}

html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: clamp(var(--space-3),1.35vw,var(--space-4));
}

html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-card {
  min-width: 0;
}

html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-image {
  box-sizing: border-box;
  aspect-ratio: auto;
  width: 100%;
  height: clamp(155px,13vw,180px);
  padding: var(--space-3);
}

html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-image img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center;
}

html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy.phx-card__body {
  padding: var(--space-3) !important;
  min-width: 0;
}

html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy h3 {
  font-size: clamp(.96rem,1.1vw,1.07rem);
  line-height: 1.32;
  margin-block: 0 var(--space-2);
  overflow-wrap: anywhere;
}

html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy p {
  font-size: .875rem;
  line-height: 1.48;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin: 0;
}

html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy .phx-home-cs-action {
  padding-block-start: var(--space-2);
  font-size: .875rem;
}

@media (max-width:1099px) {
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-image {
    height: 170px;
  }
}

@media (max-width:649px) {
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-grid {
    grid-template-columns: minmax(0,1fr);
    gap: var(--space-3);
  }
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-card {
    display: grid;
    grid-template-columns: clamp(104px,30vw,126px) minmax(0,1fr);
    align-items: stretch;
  }
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-image {
    height: 100%;
    min-height: 142px;
    padding: var(--space-2);
    border-inline-end: 1px solid var(--phx-border);
  }
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy.phx-card__body {
    padding: var(--space-3) !important;
    border-top: 0;
  }
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy h3 {
    font-size: .96rem;
    margin-bottom: var(--space-1);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
  }
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy p {
    font-size: .875rem;
    line-height: 1.38;
  }
  html[data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy .phx-home-cs-action {
    padding-block-start: var(--space-2);
    font-size: .875rem;
  }
}

html[data-phx-page="home"] .phx-home-cs-card :is(h3,.phx-home-cs-action) {
  letter-spacing: normal;
}

html[data-phx-page="home"] .phx-home-cs-action {
  gap: var(--phx-inline-glyph-gap);
  line-height: 1.5;
  overflow-wrap: break-word;
}

html[data-phx-page="home"] :is(.phx-home-cs-action,.phx-home-cs-all) .phx-link-arrow {
  display: inline-block;
  margin-inline-start: 0;
  line-height: 1;
  font-size: 1em;
  font-weight: inherit;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
}

.phx-home-cs-image[src*="sipes-modular-color-display-stand.webp"]:where(html[data-phx-template="home"],html[data-phx-template="home"] *) {
  background: #f3f5f7;
}

html[data-phx-page="home"] body main :is(.phx-home-why,.phx-home-expertise-copy,.phx-trusted-heading) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX legal — shared tokens and existing cascade preserved */

:where(html[data-phx-template="legal"],html[data-phx-page="contacts"]):where([data-phx-template="legal"]) .footgrid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: var(--space-6);
}

@media (max-width:850px) {
  :where(html[data-phx-template="legal"]) .hero-grid {
    grid-template-columns: 1fr 240px;
  }
}

@media (max-width:650px) {
  :where(html[data-phx-template="legal"]) .hero-grid {
    grid-template-columns: 1fr;
  }
}

:where(html[data-phx-template="legal"]) .legal-updated {
  font-size: var(--phx-font-xs);
  font-weight: 600;
  color: var(--phx-text-muted);
  margin-top: var(--space-4);
}

:where(html[data-phx-template="legal"]) .legal-layout {
  display: grid;
  grid-template-columns: 225px minmax(0,1fr);
  gap: var(--space-7);
  padding: var(--space-7) 0 var(--space-8);
  align-items: start;
}

:where(html[data-phx-template="legal"]) .legal-aside {
  position: sticky;
  top: var(--space-5);
  border: 1px solid var(--phx-control-border);
  border-radius: var(--phx-radius-8);
  padding: var(--space-4);
  background: var(--phx-surface-muted);
}

:where(html[data-phx-template="legal"]) .legal-aside h2 {
  font-size: var(--phx-font-xs);
  text-transform: uppercase;
  letter-spacing: 1.3px;
  margin: 0 0 var(--space-4);
  color: var(--phx-heading-color);
}

:where(html[data-phx-template="legal"]) .legal-aside a {
  display: block;
  color: var(--phx-text-muted);
  padding: var(--space-2) 0;
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-compact);
  text-decoration: none;
}

:where(html[data-phx-template="legal"]) .legal-aside a:hover {
  color: var(--phx-text-strong);
  text-decoration: underline;
}

:where(html[data-phx-template="legal"]) .legal-content {
  max-width: var(--phx-size-800);
}

:where(html[data-phx-template="legal"]) .legal-content section {
  padding: 0 0 var(--space-5);
  margin: 0 0 var(--space-5);
  scroll-margin-top: var(--space-6);
}

:where(html[data-phx-template="legal"]) .legal-content h2 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  margin: 0 0 var(--space-3);
  color: var(--phx-heading-color);
}

:where(html[data-phx-template="legal"]) .legal-content p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-template="legal"]) .legal-content a {
  color: var(--phx-text-muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width:850px) {
  :where(html[data-phx-template="legal"]) .legal-layout {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
  :where(html[data-phx-template="legal"]) .legal-aside {
    position: static;
  }
  :where(html[data-phx-template="legal"]) .legal-aside a {
    display: inline-block;
    margin-right: var(--space-4);
  }
}

:where(html[data-phx-template="legal"]) .phx-unified-hero .legal-updated {
  margin-top: var(--space-3);
  color: var(--phx-text-muted);
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="legal"]) .footer.contacts-footer .footer-column h3>a {
  color: inherit;
  font: inherit !important;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  display: inline-block;
  transition: opacity .18s ease;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="legal"]) .footer.contacts-footer .footer-column h3>a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  opacity: .9;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="legal"]) .footer.contacts-footer .footer-column h3>a:focus-visible {
  outline: 2px solid var(--phx-border);
  outline-offset: 4px;
  border-radius: var(--phx-radius-4);
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="legal"]) footer h3>a {
  color: inherit !important;
  text-decoration: none;
  font: inherit !important;
  letter-spacing: inherit;
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="legal"]) footer h3>a:hover,:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="legal"]) footer h3>a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

:where(html[data-phx-template|="about"],html[data-phx-template|="expertise"],html[data-phx-template="legal"],html[data-phx-template|="product"]):where([data-phx-template="legal"]) main :where(p+p) {
  margin-block-start: var(--phx-paragraph-gap);
}

:where(html[data-phx-template="legal"]) main .legal-layout {
  margin-block: 0 !important;
  padding-block: var(--phx-flow-page) !important;
}

/* PHOENiX news — shared tokens and existing cascade preserved */

:where(html[data-phx-template|="product"],html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="news"]) .section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--space-5);
  margin-bottom: var(--space-5);
}

:where(html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="news"]) .section-head h2 {
  font-size: var(--phx-font-subheading);
  letter-spacing: -.8px;
  margin: var(--space-2) 0 0;
}

:where(html[data-phx-template|="product"],html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="news"]) .section-head p {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="news"]) .section-head p {
  max-width: var(--phx-size-480);
  line-height: var(--phx-leading-reading);
}

@media (max-width:650px) {
  :where(html[data-phx-template|="about"],html[data-phx-template|="expertise"],html[data-phx-page="news"]):where([data-phx-template="news"]) .hero-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:650px) {
  :where(html[data-phx-template|="product"],html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="news"]) .section-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

:where(html[data-phx-page="news"]) .past-art .phx-american-coatings-logo {
  width: 68%;
  height: 68%;
  max-width: var(--phx-size-96);
  max-height: var(--phx-size-64);
  object-fit: contain;
  flex: none !important;
  margin: auto;
}

@media (max-width:600px) {
  :where(html[data-phx-page="news"]) .past-art .phx-american-coatings-logo {
    max-width: var(--phx-size-64);
    max-height: var(--phx-size-48);
  }
}

:where(html[data-phx-page="news"]) .past-event-logo.phx-american-coatings-logo {
  width: auto;
  height: auto;
  max-width: var(--phx-size-96);
  max-height: var(--phx-size-64);
  object-fit: contain;
  margin: auto;
}

:where(html[data-phx-page="news"]) .past-art:has(.phx-american-coatings-logo) {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width:700px) {
  :where(html[data-phx-page="news"]) .past-event-logo.phx-american-coatings-logo {
    max-width: var(--phx-size-96);
    max-height: var(--phx-size-48);
  }
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="news"]) .footer.contacts-footer .footer-column h3>a {
  color: inherit;
  font: inherit !important;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  display: inline-block;
  transition: opacity .18s ease;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="news"]) .footer.contacts-footer .footer-column h3>a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  opacity: .9;
}

:where(html[data-phx-template|="about"],html[data-phx-page="coating-drying-technology"],html[data-phx-page="color-accuracy-quality-control"],html[data-phx-page="color-fan-deck-manufacturing-process"],html[data-phx-page="contacts"],html[data-phx-page="expertise"],html[data-phx-page="news"],html[data-phx-page="privacy-policy"],html[data-phx-page="home"]):where([data-phx-template="news"]) .footer.contacts-footer .footer-column h3>a:focus-visible {
  outline: 2px solid var(--phx-border);
  outline-offset: 4px;
  border-radius: var(--phx-radius-4);
}

:where(html[data-phx-page="news"]) .event-section {
  padding: var(--space-7) 0;
}

:where(html[data-phx-page="news"]) .event-label {
  display: inline-block;
  font-size: var(--phx-font-xs);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 700;
  padding: var(--space-2) var(--space-2);
  border-radius: var(--phx-radius-4);
  background: var(--phx-surface-subtle);
  color: var(--phx-brand);
  margin-bottom: var(--space-3);
}

:where(html[data-phx-page="news"]) .event-feature {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--phx-border);
  overflow: hidden;
  background: var(--phx-surface);
}

:where(html[data-phx-page="news"]) .event-feature-art {
  min-height: var(--phx-size-256);
  padding: var(--space-5);
  background: var(--phx-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

:where(html[data-phx-page="news"]) .event-feature-art img {
  display: block;
  width: 100%;
  max-width: var(--phx-size-384);
  height: auto;
  object-fit: contain;
}

:where(html[data-phx-page="news"]) .event-feature.upcoming-no-gallery {
  grid-template-columns: .9fr 1.1fr;
}

:where(html[data-phx-page="news"]) .event-feature.upcoming-no-gallery .event-feature-art {
  border-right: 1px solid var(--phx-border);
}

:where(html[data-phx-page="news"]) .event-feature-copy {
  padding: clamp(var(--space-5),4vw,var(--space-7));
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-phx-page="news"]) .event-feature-copy h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  letter-spacing: -1px;
  line-height: var(--phx-leading-display);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-page="news"]) .event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-3) 0 var(--space-4);
}

:where(html[data-phx-page="news"]) .event-meta span {
  font-size: var(--phx-font-xs);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-4);
  padding: var(--space-2) var(--space-2);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="news"]) .event-feature-copy p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="news"]) .gallery-strip {
  display: grid;
  gap: var(--space-2);
  grid-template-columns: repeat(2,minmax(0,1fr));
  margin-top: var(--space-4);
}

:where(html[data-phx-page="news"]) .gallery-slot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  cursor: zoom-in;
  transition: transform var(--phx-motion-fast) var(--phx-ease-standard);
}

:where(html[data-phx-page="news"]) .gallery-slot img:hover {
  transform: scale(1.035);
}

@media (min-width:700px) {
  :where(html[data-phx-page="news"]) .gallery-strip {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}

:where(html[data-phx-page="news"]) .past-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-5);
}

:where(html[data-phx-page="news"]) .past-event-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where(html[data-phx-page="news"]) .past-body h3 {
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-ui);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="news"]) .past-body p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-page="news"]) .past-meta {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  font-weight: 700;
}

:where(html[data-phx-page="news"]) .upcoming-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

:where(html[data-phx-page="news"]) .upcoming-tag:before {
  content: "";
  width: var(--phx-size-8);
  height: var(--phx-size-8);
  background: var(--phx-brand);
  border-radius: 50%;
}

:where(html[data-phx-page="news"]) .archive-note {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  margin-top: var(--space-4);
  line-height: var(--phx-leading-body);
}

@media (max-width:850px) {
  :where(html[data-phx-page="news"]) .event-feature,:where(html[data-phx-page="news"]) .event-feature.upcoming-no-gallery {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="news"]) .event-feature.upcoming-no-gallery .event-feature-art {
    border-right: 0;
    border-bottom: 1px solid var(--phx-border);
  }
  :where(html[data-phx-page="news"]) .event-feature-art {
    min-height: var(--phx-size-256);
  }
  :where(html[data-phx-page="news"]) .past-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="news"]) .past-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="news"]) .gallery-strip {
    gap: var(--space-1);
  }
  :where(html[data-phx-page="news"]) .gallery-slot {
    font-size: var(--phx-font-xs);
    padding: var(--space-1);
  }
  :where(html[data-phx-page="news"]) .event-meta {
    gap: var(--space-1);
  }
}

:where(html[data-phx-page="news"]) .gallery-slot {
  aspect-ratio: var(--phx-media-ratio-standard);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-4);
  background: var(--phx-surface-muted);
  overflow: hidden;
  cursor: zoom-in;
}

:where(html[data-phx-page="news"]) .past-card {
  border: 1px solid var(--phx-border);
  overflow: hidden;
  background: var(--phx-surface);
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-page="news"]) .past-body {
  padding: var(--space-4);
}

:where(html[data-phx-page="news"]) .past-head {
  display: grid;
  grid-template-columns: 140px minmax(0,1fr);
  align-items: center;
  gap: var(--space-4);
}

:where(html[data-phx-page="news"]) .past-art {
  height: var(--phx-size-96);
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-4);
  background: var(--phx-surface);
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(html[data-phx-page="news"]) .past-info h3 {
  font-size: var(--phx-font-body);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="news"]) .past-info p {
  margin: 0 0 var(--space-1);
}

:where(html[data-phx-page="news"]) .past-info .past-meta {
  font-size: var(--phx-font-xs);
}

:where(html[data-phx-page="news"]) .past-body .gallery-strip {
  margin-top: var(--space-4);
}

:where(html[data-phx-page="news"]) .past-body .gallery-slot {
  aspect-ratio: var(--phx-media-ratio-standard);
}

@media (max-width:600px) {
  :where(html[data-phx-page="news"]) .past-head {
    grid-template-columns: 105px minmax(0,1fr);
    gap: var(--space-3);
  }
  :where(html[data-phx-page="news"]) .past-art {
    height: var(--phx-size-96);
  }
  :where(html[data-phx-page="news"]) .past-info h3 {
    font-size: var(--phx-font-sm);
  }
  :where(html[data-phx-page="news"]) .past-body {
    padding: var(--space-3);
  }
}

:where(html[data-phx-page="news"]) .photo-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--phx-alpha-ink-92);
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--space-5);
}

:where(html[data-phx-page="news"]) .photo-lightbox.is-open {
  display: flex;
}

:where(html[data-phx-page="news"]) .photo-lightbox img {
  max-width: min(94vw,var(--phx-size-1200));
  max-height: 88vh;
  object-fit: contain;
  box-shadow: 0 12px 50px var(--phx-alpha-ink-24);
}

:where(html[data-phx-page="news"]) .photo-lightbox button {
  position: absolute;
  border: 0;
  background: var(--phx-alpha-paper-16);
  color: var(--phx-surface);
  cursor: pointer;
  border-radius: 50%;
  width: var(--phx-size-48);
  height: var(--phx-size-48);
  font-size: var(--phx-font-subheading);
  line-height: 1;
}

:where(html[data-phx-page="news"]) .photo-lightbox .close-lightbox {
  top: var(--space-4);
  right: var(--space-4);
}

:where(html[data-phx-page="news"]) .photo-lightbox .prev-lightbox {
  left: var(--space-4);
}

:where(html[data-phx-page="news"]) .photo-lightbox .next-lightbox {
  right: var(--space-4);
}

@media (max-width:600px) {
  :where(html[data-phx-page="news"]) .photo-lightbox {
    padding: var(--space-3);
  }
  :where(html[data-phx-page="news"]) .photo-lightbox .prev-lightbox {
    left: var(--space-2);
  }
  :where(html[data-phx-page="news"]) .photo-lightbox .next-lightbox {
    right: var(--space-2);
  }
}

:where(html[data-phx-page="news"]) .gallery-thumb {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
  border-radius: inherit;
  overflow: hidden;
}

:where(html[data-phx-page="news"]) .gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
}

:where(html[data-phx-page="news"]) .gallery-thumb:focus-visible {
  outline: 3px solid var(--phx-focus-ring);
  outline-offset: 3px;
}

@media (forced-colors:active) {
  :where(html[data-phx-page="news"]) .gallery-thumb {
    border: 1px solid ButtonText;
    forced-color-adjust: auto;
  }
}

:where(html[data-phx-page="news"]) .event-section {
  padding-block: var(--phx-section-space);
}

:where(html[data-phx-page="news"]) main>.event-section {
  margin-block: 0 !important;
  padding-block: 0 !important;
}

:where(html[data-phx-page="news"]) main>.event-section:first-child {
  padding-block-start: var(--phx-flow-page) !important;
}

:where(html[data-phx-page="news"]) main>.event-section+.event-section {
  margin-block-start: 0 !important;
  padding-block-start: var(--phx-flow-section) !important;
}

:where(html[data-phx-page="news"]) main>.event-section:last-child {
  padding-block-end: var(--phx-flow-page) !important;
}

html[data-phx-page="news"] .phx-media-feature {
  border: 1px solid var(--phx-border);
  overflow: hidden;
  background: var(--phx-surface);
}

html[data-phx-page="news"] .phx-media-card-head {
  padding: clamp(var(--space-4),3vw,var(--space-6));
  background: var(--phx-surface-muted);
  border-bottom: 1px solid var(--phx-border);
  text-align: start;
}

html[data-phx-page="news"] .phx-media-card-head .eyebrow {
  margin: 0;
}

html[data-phx-page="news"] .phx-media-card-head h2 {
  font-size: var(--phx-font-subheading);
  letter-spacing: -.8px;
  line-height: var(--phx-leading-display);
  margin: var(--space-2) 0 var(--space-2);
  color: var(--phx-text);
}

html[data-phx-page="news"] .phx-media-card-head p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
  max-width: 75ch;
}

html[data-phx-page="news"] .phx-media-card-body {
  display: grid;
  grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr);
  min-width: 0;
}

html[data-phx-page="news"] .phx-media-player {
  position: relative;
  aspect-ratio: 16/9;
  min-width: 0;
  background: #202124;
  align-self: stretch;
  overflow: hidden;
}

html[data-phx-page="news"] .phx-media-trigger {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: #202124;
  color: #fff;
  text-align: center;
}

html[data-phx-page="news"] .phx-media-trigger img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 50%;
  filter: brightness(.90);
  transition: filter var(--phx-motion-fast) var(--phx-ease-standard);
}

html[data-phx-page="news"] .phx-media-trigger:hover img {
  filter: brightness(.75);
}

html[data-phx-page="news"] .phx-media-play-icon {
  display: grid;
  place-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: var(--phx-size-64);
  height: var(--phx-size-64);
  border-radius: 50%;
  background: var(--phx-surface);
  color: var(--phx-brand);
  box-shadow: 0 5px 25px #0005;
  font-size: var(--phx-font-subheading);
  pointer-events: none;
}

html[data-phx-page="news"] .phx-media-play-icon::before {
  content: "▶";
  margin-inline-start: var(--space-1);
}

html[data-phx-page="news"] .phx-media-duration {
  position: absolute;
  bottom: var(--space-3);
  inset-inline-end: var(--space-3);
  background: #000b;
  border-radius: var(--phx-radius-4);
  padding: var(--space-1) var(--space-2);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  direction: ltr;
  pointer-events: none;
}

html[data-phx-page="news"] .phx-media-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

html[data-phx-page="news"] .phx-media-copy {
  padding: clamp(var(--space-4),3vw,var(--space-7));
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-3);
  min-width: 0;
}

html[data-phx-page="news"] .phx-media-copy .event-label {
  align-self: flex-start;
  margin: 0;
}

html[data-phx-page="news"] .phx-media-copy h3 {
  font-size: clamp(var(--phx-font-body),2vw,var(--phx-font-subheading));
  line-height: var(--phx-leading-display);
  margin: 0;
  color: var(--phx-text);
}

html[data-phx-page="news"] .phx-media-copy p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
}

html[data-phx-page="news"] .phx-media-copy .event-meta {
  margin: 0;
}

html[data-phx-page="news"] .phx-media-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

html[data-phx-page="news"] .phx-media-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-4);
  padding: var(--space-2) var(--space-3);
  font-size: var(--phx-font-sm);
  font-weight: 700;
  text-decoration: none;
  color: var(--phx-brand);
  background: var(--phx-surface);
}

html[data-phx-page="news"] .phx-media-actions a:hover {
  background: var(--phx-surface-subtle);
  text-decoration: underline;
  text-underline-offset: 3px;
}

html[data-phx-page="news"] .phx-media-photo-note {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: var(--space-2) 0 0;
}

html[data-phx-page="news"] .phx-media-trigger:focus-visible,html[data-phx-page="news"] .phx-media-actions a:focus-visible {
  outline: 3px solid var(--phx-focus-ring);
  outline-offset: 3px;
}

@media (max-width:860px) {
  html[data-phx-page="news"] .phx-media-card-body {
    grid-template-columns: 1fr;
  }
  html[data-phx-page="news"] .phx-media-player {
    aspect-ratio: 16/9;
  }
  html[data-phx-page="news"] .phx-media-copy {
    padding: var(--space-4);
  }
}

:where(html[data-phx-page="news"]) #past .past-card {
  background: var(--phx-surface-muted);
}

:where(html[data-phx-page="news"]) #past .past-final-item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

:where(html[data-phx-page="news"]) #past .past-final-item>.past-card {
  min-width: 0;
  flex: 0 0 auto;
}

:where(html[data-phx-page="news"]) #past .past-final-item>.archive-note {
  margin: 0;
  padding-inline: var(--space-2);
  max-width: 100%;
  overflow-wrap: break-word;
}

html[data-phx-page="news"] #media-coverage .phx-media-visual {
  min-width: 0;
  padding: clamp(var(--space-4),2vw,var(--space-6));
  display: flex;
  align-items: center;
  justify-content: center;
}

html[data-phx-page="news"] #media-coverage .phx-media-visual>.phx-media-player {
  width: 100%;
  border-radius: var(--phx-radius-8);
}

html[data-phx-page="news"] main .event-feature .event-feature-art,html[data-phx-page="news"] main .past-card .past-art {
  box-sizing: border-box;
  padding: var(--phx-card-image-padding);
  background: var(--phx-surface);
}

html[data-phx-page="news"] main .event-feature .event-feature-copy,html[data-phx-page="news"] main .past-card .past-body,html[data-phx-page="news"] main .phx-media-feature .phx-media-copy {
  padding: var(--phx-card-content-padding);
}

html[data-phx-page="news"] main :is(.event-label,.phx-media-card-head .eyebrow) {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  line-height: var(--phx-leading-ui);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--phx-text-muted);
}

html[data-phx-page="news"] main .event-label {
  padding: 0;
  background: transparent;
  border-radius: 0;
}

html[data-phx-page="news"] main .past-card .past-info h3 {
  color: var(--phx-heading-color);
  margin-block: 0 var(--phx-card-heading-gap);
}

html[data-phx-page="news"] main .event-feature .event-feature-copy h2,html[data-phx-page="news"] main .phx-media-feature .phx-media-copy h3 {
  color: var(--phx-heading-color);
  margin-block: var(--space-3) var(--phx-card-heading-gap);
}

html[data-phx-page="news"] main .phx-media-feature .phx-media-actions {
  margin-block-start: auto;
  padding-block-start: var(--space-4);
}

html[data-phx-template="news"] body main .event-feature-copy h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX product-design — shared tokens and existing cascade preserved */

:where(html[data-phx-page="products-design-consulting"]) .dc-page {
  padding: var(--space-7) 0 var(--space-8);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-intro {
  padding: clamp(var(--space-5),4vw,var(--space-7));
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  margin: var(--space-4) 0 var(--space-6);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-intro p,:where(html[data-phx-page="products-design-consulting"]) .dc-outcome p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  max-width: var(--phx-size-960);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-intro .dc-lead {
  font-size: var(--phx-font-card);
  color: var(--phx-text);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-section {
  margin: var(--space-6) 0;
}

:where(html[data-phx-page="products-design-consulting"]) .dc-section h2,:where(html[data-phx-page="products-design-consulting"]) .dc-outcome h2 {
  font-size: clamp(var(--phx-font-subheading),2.5vw,var(--phx-font-section));
  line-height: var(--phx-leading-ui);
  letter-spacing: -.5px;
  color: var(--phx-text);
  margin: var(--space-2) 0 var(--space-5);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-grid article {
  box-shadow: 0 4px 16px var(--phx-alpha-ink-4);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-grid h3 {
  color: var(--phx-heading-color);
  font-size: var(--phx-font-card);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-grid p {
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  margin: 0;
}

:where(html[data-phx-page="products-design-consulting"]) .dc-outcome {
  padding: var(--space-6) var(--space-6);
  border-left: 4px solid var(--phx-brand);
  border-radius: 0 var(--phx-radius-12) var(--phx-radius-12) 0;
  margin: var(--space-6) 0;
}

:where(html[data-phx-page="products-design-consulting"]) .dc-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-5);
  border-radius: var(--phx-radius-12);
  padding: var(--space-6) var(--space-6);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-cta h2 {
  font-size: clamp(var(--phx-font-subheading),2.5vw,var(--phx-font-section));
  line-height: var(--phx-leading-ui);
  letter-spacing: -.5px;
  color: var(--phx-text);
  margin: var(--space-2) 0;
}

:where(html[data-phx-page="products-design-consulting"]) .dc-cta p {
  font-size: var(--phx-font-sm);
  color: var(--phx-text-muted);
  margin: 0;
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="products-design-consulting"]) .dc-cta .btn {
  white-space: nowrap;
}

@media (max-width:750px) {
  :where(html[data-phx-page="products-design-consulting"]) .dc-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="products-design-consulting"]) .dc-cta {
    flex-direction: column;
    align-items: flex-start;
  }
  :where(html[data-phx-page="products-design-consulting"]) .dc-cta .btn {
    white-space: normal;
  }
  :where(html[data-phx-page="products-design-consulting"]) .dc-outcome {
    padding: var(--space-5);
  }
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo {
  width: 100%;
  margin: 0 0 var(--space-7);
  border-radius: var(--phx-radius-16);
  background: var(--phx-surface-muted);
  position: relative;
  overflow: hidden;
  height: clamp(var(--phx-size-256),36vw,var(--phx-size-480));
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
}

@media (max-width:600px) {
  :where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo {
    height: var(--phx-size-320);
    margin-bottom: var(--space-6);
  }
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo>img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width:700px) {
  :where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo {
    height: var(--phx-size-320);
  }
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-development {
  margin: var(--space-6) 0;
  padding: clamp(var(--space-5),4vw,var(--space-7));
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-label {
  display: block;
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--phx-brand);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-development h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.8px;
  margin: var(--space-3) 0;
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-lead {
  max-width: var(--phx-size-800);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-5);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps article {
  padding: var(--space-5);
  background: var(--phx-surface);
  border-radius: var(--phx-radius-12);
  border: 1px solid var(--phx-border);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps span {
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: 1.2px;
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  margin: var(--space-3) 0 var(--space-2);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability,
:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
  margin-top: var(--space-4);
  padding: var(--space-5);
  border-radius: var(--phx-radius-12);
}


:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  margin: var(--space-2) 0;
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability h4 {
  font-size: var(--phx-font-card);
  margin: 0 0 var(--space-2);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability p,:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability li {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability p,:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability ul {
  margin: 0;
}

:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability ul {
  padding-left: var(--space-4);
}

@media (max-width:850px) {
  :where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability {
    grid-template-columns: 1fr;
  }
}

@media (max-width:570px) {
  :where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability {
    padding: var(--space-5);
  }
}

:where(html[data-phx-page="products-design-consulting"]) .dc-intro {
  margin-top: 0;
}

html[data-phx-template="product-design"] body main h2:not(.phx-card__title) {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX product-index — shared tokens and existing cascade preserved */

:where(html[data-phx-page="products"]) .product-card {
  border: 1px solid var(--phx-border);
  display: flex;
  flex-direction: column;
}

:where(html[data-phx-page="products"]) .product-card:hover {
  transform: translateY(-2px);
}

:where(html[data-phx-page="products"]) .art {
  height: var(--phx-size-192);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: var(--phx-surface-muted);
}

:where(html[data-phx-page="products"]) .art:after {
  content: "";
  position: absolute;
  width: var(--phx-size-224);
  height: var(--phx-size-24);
  border-radius: 50%;
  background: var(--phx-alpha-ink-8);
  filter: blur(10px);
  bottom: var(--space-4);
}

:where(html[data-phx-page="products"]) .card-body {
  padding: var(--space-4) var(--space-4) var(--space-4);
  display: flex;
  flex-direction: column;
  flex: 1;
}

:where(html[data-phx-page="products"]) .kicker {
  font-size: var(--phx-font-xs);
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: var(--phx-brand);
  font-weight: 700;
  margin-bottom: var(--space-2);
}

:where(html[data-phx-page="products"]) .note {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-body);
  margin-top: var(--space-4);
}

@media (max-width:950px) {
  :where(html[data-phx-page="products"]) .grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="products"]) .grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="products"]) .art {
    height: var(--phx-size-160);
  }
}

:where(html[data-phx-page="products"]) .product-title-link {
  color: inherit;
  text-decoration: none;
}

:where(html[data-phx-page="products"]) .product-title-link:hover {
  color: var(--phx-brand);
}

:where(html[data-phx-page="products"]) .grid {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(3,minmax(0,1fr));
}

@media (max-width:900px) {
  :where(html[data-phx-page="products"]) .grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="products"]) .grid {
    grid-template-columns: 1fr;
  }
}

:where(html[data-phx-page="products"]) .product-details-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

:where(html[data-phx-page="products"]) .product-details-link:focus-visible {
  outline: 3px solid var(--phx-brand);
  outline-offset: 3px;
}

:where(html[data-phx-page="products"]) main .product-card:hover .art.phx-synced-product-photo>img {
  transform: scale(1.025);
}

@media (max-width:640px) {
  :where(html[data-phx-page="products"]) main .product-card .art.phx-synced-product-photo {
    height: var(--phx-size-256);
  }
}

:where(html[data-phx-page="products"]) main .product-card .art.phx-synced-product-photo {
  background: var(--phx-surface-subtle) !important;
  min-height: var(--phx-size-224);
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  height: clamp(var(--phx-size-224),22vw,var(--phx-size-320));
}

:where(html[data-phx-page="products"]) main .product-card .art.phx-synced-product-photo>img {
  transition: transform .3s ease;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  display: block;
  object-fit: cover;
  object-position: center center;
}

@media (max-width:700px) {
  :where(html[data-phx-page="products"]) main .product-card .art.phx-synced-product-photo {
    height: var(--phx-size-256);
  }
}

:where(html[data-phx-page="products"]) .phx-products-intro {
  border-radius: var(--phx-radius-16);
  border: 1px solid var(--phx-border);
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: var(--space-6);
  align-items: center;
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="products"]) .phx-products-label {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--phx-brand);
}

:where(html[data-phx-page="products"]) .phx-products-intro h2,:where(html[data-phx-page="products"]) .phx-products-process h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.8px;
  margin: var(--space-3) 0 var(--space-3);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="products"]) .phx-products-intro p,
:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-intro p,
:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-intro p {
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  margin: 0;
}

:where(html[data-phx-page="products"]) .phx-products-intro p {
  max-width: var(--phx-size-640);
}


.phx-products-intro-tags {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2);
}

.phx-products-intro-tags span {
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  padding: var(--space-3) var(--space-2);
  border-radius: var(--phx-radius-8);
  font-size: var(--phx-font-xs);
  font-weight: 600;
  color: var(--phx-brand);
  text-align: center;
  display: block;
  text-decoration: none;
}

:where(html[data-phx-page="products"]) main .product-card {
  border-color: var(--phx-border);
}

:where(html[data-phx-page="products"]) main .product-card .card-body {
  padding: var(--space-5);
}

:where(html[data-phx-page="products"]) main .product-card h3 a {
  color: var(--phx-heading-color);
  text-decoration: none;
}

:where(html[data-phx-page="products"]) main .product-card h3 a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

:where(html[data-phx-page="products"]) .phx-products-process {
  border-radius: var(--phx-radius-16);
  border: 1px solid var(--phx-border);
}

:where(html[data-phx-page="products"]) .phx-products-process-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-3);
  margin-top: var(--space-5);
}

:where(html[data-phx-page="products"]) .phx-products-process-grid article {
  background: var(--phx-surface);
  padding: var(--space-4);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
}

:where(html[data-phx-page="products"]) .phx-products-process-grid article span {
  font-size: var(--phx-font-xs);
  font-weight: 800;
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="products"]) .phx-products-process-grid h3 {
  font-size: var(--phx-font-body);
  margin: var(--space-3) 0 var(--space-2);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="products"]) .phx-products-process-grid p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="products"]) .phx-products-process-cta,
:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-action,
:where(html[data-phx-page="products-retail-displays"]) .phx-display-cta,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-cta {
  margin-top: var(--space-5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

:where(html[data-phx-page="products"]) .phx-products-process-cta {
  gap: var(--space-4);
}

:where(html[data-phx-page="products"]) .phx-products-process-cta p {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  line-height: var(--phx-leading-body);
  margin: 0;
}

:where(html[data-phx-page="products"]) .phx-products-process-cta a {
  background: var(--phx-text);
  color: var(--phx-surface);
  padding: var(--space-3) var(--space-4);
  text-decoration: none;
  border-radius: var(--phx-radius-8);
  font-size: var(--phx-font-xs);
  font-weight: 700;
}

:where(html[data-phx-page="products"]) .phx-products-process-cta a:hover {
  background: var(--phx-text-strong);
}

@media (max-width:950px) {
  :where(html[data-phx-page="products"]) .phx-products-process-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-phx-page="products"]) .phx-products-intro {
    grid-template-columns: 1fr;
  }
}

@media (max-width:560px) {
  :where(html[data-phx-page="products"]) .phx-products-process-grid {
    grid-template-columns: 1fr;
  }
  .phx-products-intro-tags {
    grid-template-columns: 1fr 1fr;
  }
}

:where(.home-products-grid,.phx-meter-cards,.phx-company-news-grid,.sustainability-grid,.ex-grid,.ex-quality-points,.ex-product-links,.mf-steps,.mf-tech-grid,.mf-gallery-grid,.mf-comparison-grid,.cp-duo,.cp-steps,.fd-steps,.fd-grid,.ex-process-grid,.ex-faq,.phx-expertise-crosslinks-grid,.phx-home-why-grid,.phx-fandeck-card-grid,.phx-dc-steps,.phx-chips-grid,.phx-display-types,.phx-special-types,.phx-products-process-grid,.location-grid,.past-grid,.phx-colorcharts-grid,.references-logo-grid,.references-value-row,.product-benefits,html[data-phx-page="products"] .grid):where(html[data-phx-template="product-index"],html[data-phx-template="product-index"] *) {
  gap: var(--phx-grid-gap);
}


html[data-phx-page="products"] main .product-card .kicker {
  text-transform: uppercase;
  margin-block: 0 var(--phx-card-label-gap);
}

html[data-phx-page="products"] main .product-card h3 {
  align-self: stretch;
  line-height: var(--phx-leading-subheading);
}

html[data-phx-page="products"] main .product-card .toggle {
  display: inline-flex;
  align-items: center;
  margin-block-start: auto;
  padding-block-start: var(--space-4);
}

html[data-phx-template="product-index"] body main :is(.phx-products-intro,.phx-products-process) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX product-photo — shared tokens and existing cascade preserved */

:where(html[data-phx-template="product-photo"]) .product-hero {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(300px,.95fr);
  gap: clamp(var(--space-5),5vw,var(--space-8));
  align-items: center;
  padding: var(--space-6) 0 var(--space-7);
}

:where(html[data-phx-template="product-photo"]) .product-hero-copy .eyebrow {
  letter-spacing: 1.8px;
}

:where(html[data-phx-template="product-photo"]) .product-hero-copy .subtitle {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-intro);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-4);
  max-width: var(--phx-size-640);
}

:where(html[data-phx-template="product-photo"]) .product-hero-copy p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-template="product-photo"]) .product-photo-slot {
  position: relative;
  min-height: var(--phx-size-320);
  border-radius: var(--phx-radius-16);
  overflow: hidden;
  background: linear-gradient(145deg,var(--phx-surface-muted),var(--phx-surface-subtle));
  border: 1px solid var(--phx-border);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-5);
}

:where(html[data-phx-template="product-photo"]) .product-photo-slot:before {
  content: "";
  position: absolute;
  border: 1px solid var(--phx-border);
  border-radius: 50%;
  width: var(--phx-size-256);
  height: var(--phx-size-256);
  opacity: .45;
}

:where(html[data-phx-template="product-photo"]) .product-photo-slot:after {
  content: "";
  position: absolute;
  border: 1px solid var(--phx-border);
  border-radius: 50%;
  opacity: .45;
  width: var(--phx-size-192);
  height: var(--phx-size-192);
}

:where(html[data-phx-template="product-photo"]) .product-benefits {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-template="product-photo"]) .product-benefit {
  padding: var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
}

:where(html[data-phx-template="product-photo"]) .product-benefit .num {
  font-size: var(--phx-font-xs);
  letter-spacing: 1.4px;
  color: var(--phx-text-muted);
  font-weight: 700;
}

:where(html[data-phx-template="product-photo"]) .product-benefit h2 {
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-detail);
  margin: var(--space-2) 0 var(--space-2);
  color: var(--phx-text);
}

:where(html[data-phx-template="product-photo"]) .product-benefit p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-template="product-photo"]) .product-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-block: 0;
}

:where(html[data-phx-template="product-photo"]) .product-next p {
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-body);
}

:where(html[data-phx-template="product-photo"]) .product-next a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--phx-radius-4);
  background: var(--phx-brand);
  color: var(--phx-surface);
  text-decoration: none;
  font-size: var(--phx-font-xs);
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width:760px) {
  :where(html[data-phx-template="product-photo"]) .product-hero {
    grid-template-columns: 1fr;
    padding-top: var(--space-4);
    gap: var(--space-5);
  }
  :where(html[data-phx-template="product-photo"]) .product-photo-slot {
    min-height: var(--phx-size-224);
    order: -1;
  }
  :where(html[data-phx-template="product-photo"]) .product-benefits {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-template="product-photo"]) .product-next {
    align-items: flex-start;
    flex-direction: column;
  }
}

:where(html[data-phx-template="product-photo"]) .phx-photo-filled {
  position: relative;
  overflow: hidden;
  padding: 0;
  background: var(--phx-surface-muted) !important;
  border: 1px solid var(--phx-border) !important;
  min-height: var(--phx-size-320);
}

:where(html[data-phx-template="product-photo"]) .phx-photo-filled:before,:where(html[data-phx-template="product-photo"]) .phx-photo-filled:after {
  display: none !important;
}

:where(html[data-phx-page="products-retail-color-chips"]) .product-hero .product-photo-slot.phx-photo-filled img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  display: block;
  object-fit: cover;
  object-position: center center;
}

:where(html[data-phx-template="product-photo"]) .product-hero .product-photo-slot.phx-photo-filled {
  position: relative;
  display: block;
  width: 100%;
  min-height: var(--phx-size-320);
  height: clamp(var(--phx-size-320),33vw,var(--phx-size-480));
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

:where(html[data-phx-template="product-photo"]) .product-hero .product-photo-slot.phx-photo-filled:before,:where(html[data-phx-template="product-photo"]) .product-hero .product-photo-slot.phx-photo-filled:after {
  display: none !important;
}

:where(html[data-phx-template="product-photo"]) .product-hero .product-photo-slot.phx-photo-filled>img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
}

@media (max-width:700px) {
  :where(html[data-phx-template="product-photo"]) .product-hero .product-photo-slot.phx-photo-filled {
    height: var(--phx-size-320);
  }
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-details {
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-intro {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: end;
  gap: var(--space-6);
  margin-bottom: var(--space-5);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-kicker {
  display: block;
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: .17em;
  margin-bottom: var(--space-3);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-intro h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.035em;
  margin: 0;
  font-weight: 700;
}


:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-card-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-3);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-card {
  padding: var(--space-5) var(--space-5) var(--space-6);
  border: 1px solid var(--phx-border);
  background: linear-gradient(155deg,var(--phx-surface),var(--phx-surface-muted));
  border-radius: var(--phx-radius-16);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-count {
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: .15em;
  color: var(--phx-brand);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-card h3 {
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-subheading);
  letter-spacing: -.02em;
  color: var(--phx-heading-color);
  margin: var(--space-4) 0 var(--space-3);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-card p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-cta {
  margin-top: var(--space-4);
  background: var(--phx-dark-section-bg);
  color: var(--phx-surface);
  border-radius: var(--phx-radius-16);
  padding: var(--space-5) var(--space-5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-cta strong {
  font-size: var(--phx-font-card);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-cta p {
  margin: var(--space-2) 0 0;
  line-height: var(--phx-leading-reading);
  color: var(--phx-border);
  font-size: var(--phx-font-xs);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-cta-button {
  background: var(--phx-surface-subtle);
  color: var(--phx-text-strong);
  padding: var(--space-3) var(--space-4);
  text-decoration: none;
  border-radius: var(--phx-radius-8);
  white-space: nowrap;
  font-size: var(--phx-font-xs);
  font-weight: 800;
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-cta-button:hover {
  background: var(--phx-surface);
}

:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-cta-button span {
  margin-left: var(--space-3);
}

@media (max-width:950px) {
  :where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-intro {
    display: block;
  }
  :where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-intro p {
    margin-top: var(--space-4);
  }
  :where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-card-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-cta {
    display: block;
  }
  :where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-cta-button {
    display: inline-block;
    margin-top: var(--space-4);
    white-space: normal;
  }
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-enhancement,
:where(html[data-phx-page="products-retail-displays"]) .phx-display-expand,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-effects-expand {
  padding: clamp(var(--space-5),4vw,var(--space-7));
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-eyebrow {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: 1.6px;
  color: var(--phx-brand);
  text-transform: uppercase;
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-enhancement h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.8px;
  margin: var(--space-3) 0 var(--space-3);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-lead,
:where(html[data-phx-page="products-retail-displays"]) .phx-display-expand .phx-display-lead,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-effects-expand .phx-special-lead {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  max-width: var(--phx-size-800);
  margin: 0 0 var(--space-5);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
}


:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-grid article span {
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: 1.1px;
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-grid h3,
:where(html[data-phx-page="products-retail-displays"]) .phx-display-type h3,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-type h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  color: var(--phx-heading-color);
  margin: var(--space-3) 0 var(--space-2);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-grid p,
:where(html[data-phx-page="products-retail-displays"]) .phx-display-type p,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-type p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-details {
  align-items: start;
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-details h3 {
  font-size: var(--phx-font-subheading);
  line-height: var(--phx-leading-subheading);
  margin: var(--space-2) 0;
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-details :is(p,li),
:where(html[data-phx-page="products-retail-displays"]) .phx-display-config :is(p,li),
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-capabilities :is(p,li) {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-details p,
:where(html[data-phx-page="products-retail-displays"]) .phx-display-config p,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-capabilities p {
  margin: 0;
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-details ul,
:where(html[data-phx-page="products-retail-displays"]) .phx-display-config ul,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-capabilities ul {
  margin: 0;
  padding-left: var(--space-4);
}


@media (max-width:720px) {
  :where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-details {
    grid-template-columns: 1fr;
    padding: var(--space-5);
  }
}

@media (max-width:570px) {
  :where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-grid {
    grid-template-columns: 1fr;
  }
}


:where(html[data-phx-page="products-retail-displays"]) .phx-display-expand .phx-small-label,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-effects-expand .phx-small-label {
  display: block;
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  color: var(--phx-brand);
  margin-bottom: var(--space-2);
}

:where(html[data-phx-page="products-retail-displays"]) .phx-display-expand h2,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-effects-expand h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.8px;
  margin: 0 0 var(--space-3);
  color: var(--phx-heading-color);
}


:where(html[data-phx-page="products-retail-displays"]) .phx-display-types,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-types {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="products-retail-displays"]) .phx-display-type,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-type {
  padding: var(--space-5);
  background: var(--phx-surface);
  border-radius: var(--phx-radius-12);
  border: 1px solid var(--phx-border);
}

:where(html[data-phx-page="products-retail-displays"]) .phx-display-type .phx-num,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-type .phx-num {
  font-weight: 800;
  font-size: var(--phx-font-xs);
  letter-spacing: 1.3px;
  color: var(--phx-brand);
}


:where(html[data-phx-page="products-retail-displays"]) .phx-display-config,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-capabilities {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
  align-items: start;
  padding: var(--space-5) var(--space-5);
  border-radius: var(--phx-radius-12);
  margin-top: var(--space-4);
}

:where(html[data-phx-page="products-retail-displays"]) .phx-display-config h3,
:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-capabilities h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-2);
}


@media (max-width:780px) {
  :where(html[data-phx-page="products-retail-displays"]) .phx-display-types,
  :where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-types {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="products-retail-displays"]) .phx-display-config,
  :where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-capabilities {
    grid-template-columns: 1fr;
    padding: var(--space-5);
  }
}


:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-action,:where(html[data-phx-page="products-retail-displays"]) .phx-display-cta,:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-cta {
  gap: var(--space-3);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-action p,:where(html[data-phx-page="products-retail-displays"]) .phx-display-cta p,:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-cta p {
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  margin: 0;
  max-width: var(--phx-size-640);
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-action a,:where(html[data-phx-page="products-retail-displays"]) .phx-display-cta a,:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-cta a {
  background: var(--phx-text);
  color: var(--phx-surface);
  border-radius: var(--phx-radius-8);
  padding: var(--space-3) var(--space-4);
  font-weight: 700;
  font-size: var(--phx-font-xs);
  text-decoration: none;
}

:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-action a:hover,:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-action a:focus-visible,:where(html[data-phx-page="products-retail-displays"]) .phx-display-cta a:hover,:where(html[data-phx-page="products-retail-displays"]) .phx-display-cta a:focus-visible,:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-cta a:hover,:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-cta a:focus-visible {
  background: var(--phx-text-strong);
}

@media (max-width:780px) {
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-details {
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-intro {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: end;
  gap: var(--space-6);
  margin-bottom: var(--space-5);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-kicker {
  display: block;
  color: var(--phx-brand);
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: .17em;
  margin-bottom: var(--space-3);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-intro h2 {
  font-size: clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.035em;
  margin: 0;
  font-weight: 700;
}


:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-3);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-card {
  padding: var(--space-5) var(--space-5) var(--space-6);
  border: 1px solid var(--phx-border);
  background: linear-gradient(155deg,var(--phx-surface),var(--phx-surface-muted));
  border-radius: var(--phx-radius-16);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-num {
  font-size: var(--phx-font-xs);
  font-weight: 800;
  letter-spacing: .15em;
  color: var(--phx-brand);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-card h3 {
  font-size: var(--phx-font-body);
  line-height: var(--phx-leading-subheading);
  letter-spacing: -.02em;
  color: var(--phx-heading-color);
  margin: var(--space-4) 0 var(--space-3);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-card p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-cta {
  margin-top: var(--space-4);
  background: var(--phx-dark-section-bg);
  color: var(--phx-surface);
  border-radius: var(--phx-radius-16);
  padding: var(--space-5) var(--space-5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-cta strong {
  display: block;
  font-size: var(--phx-font-card);
  font-weight: 700;
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-cta p {
  margin: var(--space-2) 0 0;
  max-width: var(--phx-size-640);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-border);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-cta a {
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  background: var(--phx-surface-subtle);
  color: var(--phx-text-strong);
  text-decoration: none;
  border-radius: var(--phx-radius-8);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  transition: background .2s;
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-cta a:hover {
  background: var(--phx-surface);
}

@media (max-width:950px) {
  :where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-intro {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }
}

@media (max-width:600px) {
  :where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-details {
  }
  :where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-card {
    padding: var(--space-5);
  }
  :where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-cta {
    flex-direction: column;
    align-items: stretch;
    padding: var(--space-5);
  }
  :where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-cta a {
    justify-content: center;
  }
}

:where(html[data-phx-template="product-photo"]) main.wrap.section>.product-hero {
  padding-block: 0 !important;
}

:where(html[data-phx-template="product-photo"]) .product-benefits {
  margin-top: 0;
  margin-bottom: var(--space-7);
}

:where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-details,:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-details,:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-effects-expand,:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-enhancement,:where(html[data-phx-page="products-retail-displays"]) .phx-display-expand {
  margin-top: var(--space-6);
  margin-bottom: var(--space-7);
}

:where(html[data-phx-template="product-photo"]) main.wrap.section>.phx-product-questions:last-child {
  margin-bottom: 0;
}

@media (max-width:650px) {
  :where(html[data-phx-template="product-photo"]) .product-benefits {
    margin-bottom: var(--space-6);
  }
  :where(html[data-phx-page="products-color-charts"]) .phx-colorcharts-details,:where(html[data-phx-page="products-color-fan-decks"]) .phx-fandeck-details,:where(html[data-phx-page="products-special-effects-catalogs"]) .phx-special-effects-expand,:where(html[data-phx-page="products-retail-color-chips"]) .phx-chips-enhancement,:where(html[data-phx-page="products-retail-displays"]) .phx-display-expand {
    margin-top: var(--space-5);
    margin-bottom: var(--space-6);
  }
}

html[data-phx-page]:where([data-phx-template="product-photo"]) body main :is(.phx-colorcharts-card,.phx-fandeck-card,.phx-special-type,.phx-display-type,.product-benefit) {
  border-radius: var(--phx-card-radius);
  box-shadow: var(--phx-card-shadow);
}

html[data-phx-page]:where([data-phx-template="product-photo"]) body main :is(.phx-fandeck-card,.phx-special-type,.phx-display-type,.product-benefit) {
  padding: var(--phx-card-content-padding);
}

html[data-phx-page]:where([data-phx-template="product-photo"]) body main :is(.phx-fandeck-card,.phx-special-type,.phx-display-type,.product-benefit) :is(.phx-fandeck-count,.phx-num,.num) {
  display: block;
  margin: 0 0 var(--phx-card-label-gap);
  font-size: var(--phx-font-xs);
  letter-spacing: .08em;
  font-weight: 700;
  color: var(--phx-text-muted);
}

html[data-phx-page]:where([data-phx-template="product-photo"]) body main :is(.phx-fandeck-card,.phx-special-type,.phx-display-type,.product-benefit) :is(h2,h3) {
  margin-block: 0 var(--phx-card-heading-gap);
  color: var(--phx-heading-color);
}

html[data-phx-template="product-photo"] body main :is(.product-hero-copy,.phx-fandeck-intro,.phx-colorcharts-intro,.phx-display-expand,.phx-chips-intro,.phx-special-intro) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

html[data-phx-template="product-photo"] body main :is(.phx-chips-enhancement,.phx-special-effects-expand) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHOENiX ral — shared tokens and existing cascade preserved */

html[data-phx-theme="ral"] {
  --phx-ral-orange: #FC5500;
}

:where(html[data-phx-page="ral"]) .hero h1 {
  color: var(--phx-heading-color);
  grid-column: 2;
  grid-row: 2;
  font-size: clamp(var(--phx-font-section),3.7vw,var(--phx-font-page));
  letter-spacing: -1.4px;
  line-height: var(--phx-leading-display);
  margin: var(--space-2) 0 var(--space-3);
}

:where(html[data-phx-page="ral"]) .section {
  padding: var(--space-7) 0 var(--space-8);
}

:where(html[data-phx-template|="product"],html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="ral"]) .section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--space-5);
  margin-bottom: var(--space-5);
}

:where(html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="ral"]) .section-head h2 {
  font-size: var(--phx-font-subheading);
  letter-spacing: -.8px;
  margin: var(--space-2) 0 0;
}

:where(html[data-phx-template|="product"],html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="ral"]) .section-head p {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  margin: 0;
}

:where(html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="ral"]) .section-head p {
  max-width: var(--phx-size-480);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="ral"]) .tile-art {
  height: var(--phx-size-160);
  background: var(--phx-surface-muted);
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(html[data-phx-page="ral"]) .tile-body {
  padding: var(--space-4);
}

:where(html[data-phx-page="ral"]) .notice {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-body);
  color: var(--phx-text-muted);
  margin-top: var(--space-5);
}

:where(html[data-phx-page="ral"]) .ral-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

:where(html[data-phx-page="ral"]) .ral-card p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="ral"]) .ref-linkbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  background: var(--phx-surface-muted);
  padding: var(--space-4);
  border-radius: var(--phx-radius-8);
  margin: var(--space-5) 0 0;
}

:where(html[data-phx-page="home"],html[data-phx-page="ral"]):where([data-phx-template="ral"]) .hero-grid {
  display: grid;
  align-items: center;
}

@media (max-width:950px) {
  :where(html[data-phx-page="ral"]) .ral-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:650px) {
  :where(html[data-phx-template|="product"],html[data-phx-page="news"],html[data-phx-page="ral"]):where([data-phx-template="ral"]) .section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  :where(html[data-phx-page="ral"]) .ral-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-phx-page="ral"]) .ref-linkbar {
    align-items: flex-start;
    flex-direction: column;
  }
}

:where(html[data-phx-page="ral"]) .ral-product-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: var(--space-4);
  background: var(--phx-surface);
}

:where(html[data-phx-page="ral"]) .ral-card {
  background: var(--phx-surface-muted);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}

:where(html[data-phx-page="ral"]) .ral-card .tile-art {
  height: var(--phx-size-224);
  background: var(--phx-surface-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 240px;
}

:where(html[data-phx-page="ral"]) .ral-card .tile-body {
  background: var(--phx-surface-muted);
  padding: var(--space-3) var(--space-4);
  display: flex;
  flex-direction: column;
  border-top: 3px solid var(--phx-ral-orange);
}

:where(html[data-phx-page="ral"]) .ral-card .tile-body .eyebrow,:where(html[data-phx-page="ral"]) .ral-card .tile-body h3 {
  flex: 0 0 auto;
}

:where(html[data-phx-page="ral"]) .ral-card .tile-body p {
  flex: 1 1 auto;
  margin-bottom: var(--space-2);
}

:where(html[data-phx-page="ral"]) .ral-card h3 {
  margin: var(--space-1) 0 var(--space-2);
  color: var(--phx-heading-color);
}

@media (max-width:650px) {
  :where(html[data-phx-page="ral"]) .ral-card .tile-art {
    height: var(--phx-size-224);
    flex-basis: var(--phx-size-224);
  }
  :where(html[data-phx-page="ral"]) .ral-card .tile-body {
    height: auto;
    min-height: 0;
    padding: var(--space-3);
    flex: 1 1 auto;
  }
}

:where(html[data-phx-page="ral"]) .hero-grid {
  max-width: var(--phx-size-1200);
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  gap: var(--space-6);
}

:where(html[data-phx-page="ral"]) .hero-grid>div {
  max-width: 100%;
  display: grid;
  grid-template-columns: minmax(320px,.9fr) minmax(0,1.1fr);
  column-gap: var(--space-7);
  align-items: center;
}

:where(html[data-phx-page="ral"]) .hero .eyebrow {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  margin-bottom: var(--space-2);
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="ral"]) .hero p,:where(html[data-phx-page="ral"]) .hero .btn {
  grid-column: 2;
}

:where(html[data-phx-page="ral"]) .hero .btn {
  justify-self: start;
  border-radius: var(--phx-button-radius);
  padding: var(--space-3) var(--space-4);
  box-shadow: 0 5px 12px var(--phx-alpha-ink-12);
}

@media (max-width:800px) {
  :where(html[data-phx-page="ral"]) .hero-grid>div {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
  :where(html[data-phx-page="ral"]) .ral-brand-logo {
    width: min(100%,var(--phx-size-384));
    height: var(--phx-size-160);
    object-position: center;
  }
  :where(html[data-phx-page="ral"]) .hero .eyebrow,:where(html[data-phx-page="ral"]) .hero h1,:where(html[data-phx-page="ral"]) .hero p,:where(html[data-phx-page="ral"]) .hero .btn {
    grid-column: 1;
    grid-row: auto;
  }
  :where(html[data-phx-page="ral"]) .hero h1 {
    font-size: clamp(var(--phx-font-section),8vw,var(--phx-font-page));
  }
}

:where(html[data-phx-page="ral"]) .hero {
  background: var(--phx-surface-muted);
  padding: var(--space-6) 0 var(--space-6);
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="ral"]) .ral-brand-logo {
  display: block;
  width: var(--phx-size-192);
  height: var(--phx-size-96);
  object-fit: contain;
  object-position: left center;
  flex: none;
}

:where(html[data-phx-page="ral"]) .hero p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  max-width: var(--phx-size-480);
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-4);
}

:where(html[data-phx-page="ral"]) .btn.primary,:where(html[data-phx-page="ral"]) .btn.dark {
  transition: background .2s ease,transform .2s ease;
}

:where(html[data-phx-page="ral"]) .btn.primary:hover,:where(html[data-phx-page="ral"]) .btn.dark:hover {
  transform: translateY(-1px);
}

@media (max-width:950px) {
  :where(html[data-phx-page="ral"]) .hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-5);
  }
  :where(html[data-phx-page="ral"]) .ral-brand-logo {
    width: var(--phx-size-160);
    height: var(--phx-size-96);
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="ral"]) .hero {
    padding: var(--space-5) 0;
  }
  :where(html[data-phx-page="ral"]) .hero-grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
  :where(html[data-phx-page="ral"]) .ral-brand-logo {
    width: var(--phx-size-160);
    height: var(--phx-size-64);
  }
  :where(html[data-phx-page="ral"]) .hero h1 {
    font-size: var(--phx-font-section);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background p {
    margin-bottom: var(--space-3);
    font-size: var(--phx-font-xs);
    line-height: var(--phx-leading-caption);
    max-width: var(--phx-size-384);
  }
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background {
  position: relative;
  isolation: isolate;
  min-height: 0;
  height: auto;
  padding: var(--space-5) 0 var(--space-5);
  background: var(--phx-surface-muted) url("../images/heroes/ral/ltr/ral-hero-background.webp") center/cover no-repeat;
  color: var(--phx-text-strong);
  overflow: hidden;
  border: 0;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--phx-hero-fade);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background .hero-grid {
  display: block;
  position: relative;
  z-index: 1;
  max-width: var(--phx-size-1200);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-hero-copy {
  width: min(var(--phx-size-480),53%);
  padding: 0;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-brand-logo {
  display: block;
  width: var(--phx-size-192);
  height: var(--phx-size-96);
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background .eyebrow {
  color: var(--phx-text-strong);
  margin: var(--space-1) 0;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background h1 {
  font-size: clamp(var(--phx-font-subheading),3.2vw,var(--phx-font-section));
  letter-spacing: -1.2px;
  line-height: var(--phx-leading-display);
  margin: var(--space-1) 0 var(--space-2);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-caption);
  max-width: var(--phx-size-480);
  color: var(--phx-text);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-cta {
  background: var(--phx-brand);
  color: var(--phx-text-on-dark);
  border-color: var(--phx-brand);
  border-radius: var(--phx-radius-4);
  padding: var(--space-2) var(--space-4);
  box-shadow: 0 4px 10px var(--phx-alpha-ink-12);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-cta:hover {
  background: var(--phx-brand-hover);
  border-color: var(--phx-brand-hover);
  color: var(--phx-text-on-dark);
}

@media (max-width:950px) {
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background {
    min-height: 0;
    padding: var(--space-4) 0;
    background-position: center;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background:before {
    background: var(--phx-hero-fade);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-hero-copy {
    width: min(var(--phx-size-480),68%);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-brand-logo {
    width: var(--phx-size-192);
    height: var(--phx-size-64);
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background {
    min-height: 0;
    padding: var(--space-4) 0 var(--space-4);
    background-position: 58% center;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background:before {
    background: var(--phx-hero-fade);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-hero-copy {
    padding: 0;
    width: 100%;
    max-width: var(--phx-size-384);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-brand-logo {
    width: var(--phx-size-160);
    height: var(--phx-size-64);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background h1 {
    margin: var(--space-1) 0 var(--space-2);
    font-size: var(--phx-font-subheading);
    letter-spacing: -.8px;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background .ral-cta {
    padding: var(--space-2) var(--space-3);
  }
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .hero-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  max-width: var(--phx-size-1200);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .ral-hero-copy {
  width: min(var(--phx-size-800),76%);
  padding: 0;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .eyebrow {
  border-left: 3px solid var(--phx-ral-orange);
  padding-left: var(--space-2);
  letter-spacing: 1.1px;
  color: var(--phx-text-strong);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact h1 {
  font-size: clamp(var(--phx-font-subheading),3.1vw,var(--phx-font-section));
  letter-spacing: -1.1px;
  line-height: var(--phx-leading-display);
  margin: 0 0 var(--space-2);
  color: var(--phx-heading-color);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact p {
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-caption);
  max-width: 100%;
  color: var(--phx-text);
  margin: 0 0 var(--space-3);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact p span {
  white-space: nowrap;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .ral-cta {
  background: var(--phx-brand);
  color: var(--phx-text-on-dark);
  border-color: var(--phx-brand);
  border-radius: var(--phx-radius-4);
  padding: var(--space-2) var(--space-3);
  min-height: var(--phx-size-32);
}

@media (max-width:950px) {
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact {
    padding: var(--space-4) 0;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .hero-grid {
    gap: var(--space-4);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .ral-hero-copy {
    width: calc(100% - var(--phx-size-128));
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact p span {
    white-space: normal;
  }
}

@media (max-width:650px) {
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact {
    padding: var(--space-4) 0;
    background-position: 58% center;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact:before {
    background: var(--phx-hero-fade);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .hero-grid {
    align-items: flex-start;
    gap: var(--space-2);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .ral-hero-copy {
    width: calc(100% - var(--phx-size-96));
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .eyebrow {
    border-left: 3px solid var(--phx-ral-orange);
    padding-left: var(--space-2);
    letter-spacing: .7px;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact h1 {
    font-size: var(--phx-font-subheading);
    letter-spacing: -.6px;
    line-height: var(--phx-leading-display);
    margin-bottom: var(--space-2);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact p {
    font-size: var(--phx-font-xs);
    line-height: var(--phx-leading-detail);
    margin-bottom: var(--space-2);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact .ral-cta {
    font-size: var(--phx-font-xs);
    padding: var(--space-2) var(--space-2);
    min-height: var(--phx-size-32);
  }
}

:where(html[data-phx-page="ral"]) .ral-cta {
  border-radius: var(--phx-button-radius);
  transition: background-color var(--phx-motion-fast) var(--phx-ease-standard),color var(--phx-motion-fast) var(--phx-ease-standard),border-color var(--phx-motion-fast) var(--phx-ease-standard),box-shadow var(--phx-motion-fast) var(--phx-ease-standard);
  cursor: pointer;
}

:where(html[data-phx-page="ral"]) .btn.primary,:where(html[data-phx-page="ral"]) .btn.dark,:where(html[data-phx-page="ral"]) .ral-cta {
  background: var(--phx-brand) !important;
  border: 1px solid var(--phx-brand) !important;
  color: var(--phx-text-on-dark);
  box-shadow: none;
}

:where(html[data-phx-page="ral"]) :is(.btn.primary,.btn.dark,.ral-cta):hover {
  background: var(--phx-brand-hover) !important;
  border-color: var(--phx-brand-hover) !important;
  color: var(--phx-text-on-dark);
  box-shadow: 0 4px 12px var(--phx-alpha-ink-12);
}

:where(html[data-phx-page="ral"]) .ral-card h3 a.phx-ral-title-link {
  color: var(--phx-heading-color);
  text-decoration: none;
  transition: color var(--phx-motion-fast) var(--phx-ease-standard);
}

:where(html[data-phx-page="ral"]) .ral-card h3 a.phx-ral-title-link:hover {
  color: var(--phx-heading-color);
  text-decoration: underline;
  text-decoration-color: var(--phx-ral-orange);
  text-underline-offset: 3px;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-cta {
  background: var(--phx-brand) !important;
  border-color: var(--phx-brand) !important;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-cta:visited,:where(html[data-phx-page="ral"]) .ref-linkbar .btn.dark {
  background: var(--phx-brand) !important;
  border-color: var(--phx-brand) !important;
  color: var(--phx-text-on-dark);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-cta:hover,:where(html[data-phx-page="ral"]) .ref-linkbar .btn.dark:hover {
  background: var(--phx-brand-hover) !important;
  border-color: var(--phx-brand-hover) !important;
  color: var(--phx-text-on-dark);
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"]):where([data-phx-template="ral"]) main>section.section,:where(html[data-phx-template|="product"],html[data-phx-page="ral"]):where([data-phx-template="ral"]) main>.section.wrap {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--phx-section-space);
  padding-bottom: var(--phx-section-space);
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="ral"]) footer h3>a {
  color: inherit !important;
  text-decoration: none;
  font: inherit !important;
  letter-spacing: inherit;
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="ral"]) footer h3>a:hover,:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="ral"]) footer h3>a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact {
  height: auto;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--space-6) 0 var(--space-6);
  min-height: 0;
  border: 0;
  background: var(--phx-surface-muted) url("../images/heroes/ral/ltr/ral-hero-background.webp") center 48%/cover no-repeat;
  color: var(--phx-text-strong);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--phx-hero-fade);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .hero-grid {
  display: block;
  max-width: var(--phx-size-1200);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-hero-layout {
  display: grid;
  grid-template-columns: 190px minmax(0,1fr);
  gap: var(--space-6);
  align-items: center;
  max-width: var(--phx-size-1200);
  min-height: var(--phx-size-256);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-logo-column {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding-right: var(--space-5);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-brand-logo.ral-logo-left {
  display: block;
  width: var(--phx-size-160);
  height: auto;
  max-height: var(--phx-size-160);
  object-fit: contain;
  object-position: center;
  background: transparent;
  flex: 0 0 auto;
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-hero-copy {
  min-width: 0;
  max-width: var(--phx-size-800);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .eyebrow {
  letter-spacing: 1.5px;
  color: var(--phx-text-strong);
  margin: 0 0 var(--space-2);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact h1 {
  font-size: clamp(var(--phx-font-section),3.2vw,var(--phx-font-page));
  letter-spacing: -1.3px;
  line-height: var(--phx-leading-display);
  margin: 0 0 var(--space-3);
  color: var(--phx-heading-color);
  max-width: var(--phx-size-800);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact p {
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-compact);
  color: var(--phx-text);
  margin: 0 0 var(--space-4);
  max-width: var(--phx-size-800);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-cta {
  background: var(--phx-brand);
  border-color: var(--phx-brand);
  color: var(--phx-text-on-dark);
  min-height: var(--phx-size-48);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--phx-radius-4);
}

:where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-cta:hover {
  background: var(--phx-brand-hover);
  border-color: var(--phx-brand-hover);
}

@media (max-width:800px) {
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact {
    padding: var(--space-5) 0 var(--space-5);
    background-position: center;
    background-size: cover;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-hero-layout {
    grid-template-columns: 135px minmax(0,1fr);
    gap: var(--space-5);
    min-height: var(--phx-size-224);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-logo-column {
    padding-right: var(--space-4);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-brand-logo.ral-logo-left {
    width: var(--phx-size-128);
    max-height: var(--phx-size-128);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact h1 {
    font-size: clamp(var(--phx-font-subheading),4vw,var(--phx-font-section));
  }
}

@media (max-width:560px) {
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact {
    padding: var(--space-5) 0;
    background-position: center;
    background-image: url("../images/heroes/ral/ltr/ral-hero-background.webp");
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-background.ral-hero-compact:before {
    background: var(--phx-hero-fade);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-hero-layout {
    grid-template-columns: 1fr;
    gap: var(--space-3);
    min-height: 0;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-logo-column {
    justify-content: flex-start;
    padding: 0 0 var(--space-3);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact .ral-brand-logo.ral-logo-left {
    width: var(--phx-size-96);
    max-height: var(--phx-size-96);
    object-position: left center;
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact h1 {
    font-size: var(--phx-font-section);
    line-height: var(--phx-leading-display);
  }
  :where(html[data-phx-page="ral"]) .hero.ral-hero-compact p {
    font-size: var(--phx-font-xs);
    line-height: var(--phx-leading-compact);
  }
}

:where(html[data-phx-page="ral"]) body section.hero.ral-hero-background {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-image: none !important;
  background-color: var(--phx-surface-muted);
}

:where(html[data-phx-page="ral"]) body section.hero.ral-hero-background>img.phx-hero-photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  object-position: center 48%;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  opacity: 1;
  visibility: visible;
  filter: none;
  transform: none;
  pointer-events: none;
}

:where(html[data-phx-page="ral"]) body section.hero.ral-hero-background::before {
  content: "" !important;
  display: block;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: var(--phx-hero-fade) !important;
  background-image: var(--phx-hero-fade) !important;
  pointer-events: none !important;
}

:where(html[data-phx-page="ral"]) body section.hero.ral-hero-background>.wrap.hero-grid {
  position: relative;
  z-index: 2;
}

@media (max-width:640px) {
  :where(html[data-phx-page="ral"]) body section.hero.ral-hero-background>img.phx-hero-photo {
    object-fit: cover;
  }
}

:where(html[data-phx-page="ral"]) main.ral-page>.section.wrap {
  margin-block: 0 !important;
  padding-block: var(--phx-flow-page) !important;
}

html[lang="ar"][data-phx-page="ral"] .ral-hero-layout {
  direction: ltr;
}

html[lang="ar"][data-phx-page="ral"] .ral-hero-copy {
  direction: rtl;
  text-align: start;
  justify-self: end;
  width: 100%;
}

html[lang="ar"][data-phx-page="ral"] .hero.ral-hero-background.ral-hero-compact .eyebrow {
  border-left: 0;
  border-right: 3px solid var(--phx-ral-orange);
  padding-left: 0;
  padding-right: var(--space-2);
}

html[lang="ar"][data-phx-page="ral"] .hero.ral-hero-compact .ral-logo-column {
  padding-right: 0;
  padding-left: var(--space-5);
}

:where(html[data-phx-page="ral"]) #ral-products {
  padding-bottom: var(--space-6);
}

@media (max-width:650px) {
  :where(html[data-phx-page="ral"]) #ral-products {
    padding-bottom: var(--space-5);
  }
}

/* PHOENiX references — shared tokens and existing cascade preserved */

:where(html[data-phx-page="references"]) body {
  background: var(--phx-surface);
}

:where(html[data-phx-template|="product"],html[data-phx-page="home"],html[data-phx-page="references"]):where([data-phx-template="references"]) .header {
  height: var(--phx-size-96);
}

:where(html[data-phx-template|="product"],html[data-phx-page="home"],html[data-phx-page="references"]):where([data-phx-template="references"]) .nav {
  display: flex;
  gap: var(--space-4);
  font-size: var(--phx-font-xs);
  white-space: nowrap;
}

:where(html[data-phx-template|="product"],html[data-phx-page="home"],html[data-phx-page="references"]):where([data-phx-template="references"]) .nav a {
  color: inherit;
  text-decoration: none;
  padding-bottom: var(--space-2);
}

:where(html[data-phx-page="references"]) .nav a:hover {
  border-bottom: 2px solid var(--phx-brand);
}

:where(html[data-phx-page="references"]) .header .nav a:first-child {
  border-bottom: 0;
}

:where(html[data-phx-page="references"]) .header .nav a:nth-child(6) {
  border-bottom: 2px solid var(--phx-brand);
}

@media (max-width:950px) {
  :where(html[data-phx-page="references"]) .nav {
    gap: var(--space-2);
  }
}

@media (max-width:620px) {
  :where(html[data-phx-page="references"],html[data-phx-page="home"]):where([data-phx-template="references"]) .header {
    height: auto;
    padding: var(--space-3) 0;
    flex-wrap: wrap;
  }
  :where(html[data-phx-page="references"],html[data-phx-page="home"]):where([data-phx-template="references"]) .nav {
    order: 3;
    width: 100%;
    overflow: auto;
  }
}

:where(html[data-phx-page="references"]) h1 {
  font-size: var(--phx-font-section);
  margin: var(--space-1) 0;
}

:where(html[data-phx-page="references"]) .eyebrow {
  letter-spacing: 1px;
}

:where(html[data-phx-page="references"]) .map-caption {
  text-align: center;
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  margin: var(--space-3) auto 0;
  line-height: var(--phx-leading-reading);
  max-width: var(--phx-size-960);
}

:where(html[data-phx-page="references"]) .intro-copy p+p {
  margin-top: var(--phx-content-space);
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="references"]) footer h3>a {
  color: inherit !important;
  text-decoration: none;
  font: inherit !important;
  letter-spacing: inherit;
}

:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="references"]) footer h3>a:hover,:where(html[data-phx-template|="product"],html[data-phx-page="ral"],html[data-phx-page="real-paint-color-sample-manufacturing"],html[data-phx-page="real-paint-samples-vs-printed-samples"],html[data-phx-page="references"],html[data-phx-page="terms-of-use"]):where([data-phx-template="references"]) footer h3>a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

:where(html[data-phx-page="references"]) .references-page {
  padding-bottom: var(--space-5);
}

:where(html[data-phx-page="references"]) .references-page .references-intro {
  display: grid;
  grid-template-columns: minmax(0,1.16fr) minmax(0,.84fr);
  align-items: center;
  gap: var(--space-7);
  margin: var(--space-7) auto;
  padding: 0;
  max-width: var(--phx-size-960);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="references"]) .references-page .references-intro>* {
  min-width: 0;
}

:where(html[data-phx-page="references"]) .references-page .references-intro .intro-label,:where(html[data-phx-page="references"]) .references-page .references-logos-head .eyebrow,:where(html[data-phx-page="references"]) .references-page .export-markets .eyebrow {
  font-size: var(--phx-font-xs);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--phx-brand);
  font-weight: 700;
}

:where(html[data-phx-page="references"]) .references-page .references-intro h2 {
  color: var(--phx-heading-color);
  font-size: clamp(var(--phx-font-subheading),3.35vw,var(--phx-font-page));
  line-height: var(--phx-leading-heading);
  letter-spacing: -.035em;
  margin: var(--space-2) 0 var(--space-3);
}

:where(html[data-phx-page="references"]) .references-page .references-intro .intro-copy {
  display: grid;
  gap: var(--space-3);
}

:where(html[data-phx-page="references"]) .references-page .references-intro .intro-copy p {
  margin: 0;
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
  color: var(--phx-text-muted);
}

:where(html[data-phx-page="references"]) .references-page .references-intro .intro-visual {
  width: 100%;
  max-width: var(--phx-size-480);
  justify-self: end;
  margin: 0;
  padding: var(--space-4);
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  box-shadow: var(--phx-shadow-md);
}

:where(html[data-phx-page="references"]) .references-page .references-intro .intro-visual img {
  height: auto;
  max-height: var(--phx-size-384);
  object-fit: contain;
  object-position: center;
  border-radius: var(--phx-radius-12);
}

:where(html[data-phx-page="references"]) .references-page .references-intro .intro-visual figcaption {
  margin-top: var(--space-2);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-compact);
}

:where(html[data-phx-page="references"]) .references-page .references-logos-head {
  margin: var(--space-7) 0 var(--space-5);
  max-width: var(--phx-size-800);
}

:where(html[data-phx-page="references"]) .references-page .references-logos-head h2,:where(html[data-phx-page="references"]) .references-page .export-markets h2 {
  margin: var(--space-2) 0 var(--space-3);
  color: var(--phx-heading-color);
  font-size: var(--phx-font-subheading);
  line-height: var(--phx-leading-ui);
  letter-spacing: -.45px;
}

:where(html[data-phx-page="references"]) .references-page .references-logos-head p {
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="references"]) .references-page .references-logo-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-4);
  align-items: stretch;
}

:where(html[data-phx-page="references"]) .references-page .references-logo-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--phx-size-160);
  min-width: 0;
  overflow: hidden;
  padding: var(--space-4);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
  box-shadow: 0 4px 14px var(--phx-alpha-ink-4);
  transition: transform .18s ease,box-shadow .18s ease;
}

:where(html[data-phx-page="references"]) .references-page .references-logo-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px var(--phx-alpha-ink-8);
}

:where(html[data-phx-page="references"]) .references-page .references-logo-item img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  margin: auto;
}

:where(html[data-phx-page="references"]) .references-page .export-markets {
  margin: var(--space-7) 0 0;
  padding: 0;
  border: 0;
}

:where(html[data-phx-page="references"]) .references-page .export-copy {
  max-width: var(--phx-size-800);
  margin: 0 auto var(--space-5);
  text-align: start;
}

:where(html[data-phx-page="references"]) .references-page .export-copy p {
  margin: 0;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: var(--phx-leading-reading);
}

:where(html[data-phx-page="references"]) .references-page .export-markets img {
  height: auto;
  object-fit: contain;
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
  box-shadow: 0 8px 26px var(--phx-alpha-ink-8);
}

@media (max-width:1024px) {
  :where(html[data-phx-page="references"]) .references-page .references-intro {
    grid-template-columns: 1fr;
    gap: var(--space-5);
    margin: var(--space-6) auto;
  }
  :where(html[data-phx-page="references"]) .references-page .references-intro .intro-visual {
    grid-row: 1;
    justify-self: center;
    max-width: var(--phx-size-384);
  }
  :where(html[data-phx-page="references"]) .references-page .references-intro h2 {
    font-size: var(--phx-font-section);
  }
  :where(html[data-phx-page="references"]) .references-page .references-logo-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width:640px) {
  :where(html[data-phx-page="references"]) .references-page .references-intro {
    margin: var(--space-5) auto;
    gap: var(--space-4);
  }
  :where(html[data-phx-page="references"]) .references-page .references-intro h2 {
    font-size: var(--phx-font-subheading);
  }
  :where(html[data-phx-page="references"]) .references-page .references-logos-head {
    margin: var(--space-5) 0 var(--space-4);
  }
  :where(html[data-phx-page="references"]) .references-page .references-logo-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--space-3);
  }
  :where(html[data-phx-page="references"]) .references-page .references-logo-item {
    height: var(--phx-size-128);
    padding: var(--space-3);
  }
  :where(html[data-phx-page="references"]) .references-page .export-markets {
    margin-top: var(--space-5);
  }
}

:where(html[data-phx-page="references"]) .references-page {
  padding-block-end: var(--phx-page-space);
}

:where(html[data-phx-page="references"]) .references-page .references-intro {
  margin-block: var(--phx-section-space);
}

:where(html[data-phx-page="references"]) .references-page .references-logos-head,:where(html[data-phx-page="references"]) .references-page .export-markets {
  margin-block-start: var(--phx-section-space);
}

:where(html[data-phx-page="references"]) main.references-page {
  padding-block: 0 var(--phx-flow-page) !important;
}

:where(html[data-phx-page="references"]) main.references-page>:is(section,div,figure) {
  margin-block: 0 !important;
}

:where(html[data-phx-page="references"]) main.references-page>:is(section,div,figure)+:is(section,div,figure) {
  margin-block-start: var(--phx-flow-section) !important;
}


:where(html[data-phx-page="references"]) main.references-page.wrap {
  width: 100%;
  max-width: none;
}

:where(html[data-phx-page="references"]) main.references-page>:not(.phx-unified-hero) {
  width: min(var(--phx-size-1200),92%);
  margin-inline: auto !important;
  box-sizing: border-box;
}

:where(html[data-phx-page="references"]) main.references-page>.references-intro {
  max-width: var(--phx-size-960);
}

:where(html[data-phx-page="references"]) main.references-page>.references-logos-head {
  max-width: var(--phx-size-800);
}

.phx-cs-page:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: var(--phx-text);
  background: var(--phx-surface);
}

.phx-cs-page *:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  box-sizing: border-box;
}

.phx-cs-page .phx-cs-kicker:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-xs);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--phx-neutral-600);
  margin: 0 0 var(--space-4);
}

.phx-cs-page .phx-cs-tags:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.phx-cs-page .phx-cs-tags li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-block;
  border: 1px solid var(--phx-border);
  padding: var(--space-2) var(--space-3);
  border-radius: 100px;
  font-size: var(--phx-font-xs);
  font-weight: 600;
  color: var(--phx-neutral-700);
  background: var(--phx-surface-subtle);
}

.phx-cs-page figcaption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-3) var(--space-4);
  font-size: var(--phx-font-xs);
  line-height: 1.5;
  color: var(--phx-neutral-600);
}

.phx-cs-page .phx-cs-ribbon:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-muted);
  border-block: 1px solid var(--phx-border);
  padding: var(--space-5) 0;
}

.phx-cs-page .phx-cs-facts:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-4) var(--space-5);
  margin: 0;
}

.phx-cs-page .phx-cs-facts>div:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
}

.phx-cs-page .phx-cs-facts dt:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-xs);
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--phx-neutral-600);
  margin: 0 0 var(--space-2);
}

.phx-cs-page .phx-cs-facts dd:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-weight: 650;
  color: var(--phx-heading-color);
  line-height: 1.55;
  margin: 0;
  overflow-wrap: anywhere;
}

.phx-cs-page .phx-cs-section-head h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.5rem,2.25vw,2.1rem);
  line-height: 1.3;
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-4);
}

.phx-cs-page .phx-cs-steps:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
  margin: var(--space-5) 0 0;
  list-style: none;
  padding: 0;
}

.phx-cs-page .phx-cs-step:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 1px solid var(--phx-border);
  border-radius: 10px;
  padding: var(--space-5);
  background: var(--phx-surface);
  min-width: 0;
}

.phx-cs-page .phx-cs-step-number:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  font-weight: 700;
  letter-spacing: .09em;
  color: var(--phx-neutral-500);
  margin-bottom: var(--space-3);
}

.phx-cs-page .phx-cs-step h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-result h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 1.1rem;
  line-height: 1.4;
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-2);
}

.phx-cs-page .phx-cs-step p:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-result p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-body);
  line-height: 1.72;
  color: var(--phx-neutral-700);
  margin: 0;
}

.phx-cs-page .phx-cs-section-head:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 72ch;
}

.phx-cs-page .phx-cs-section-head p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  line-height: 1.7;
  color: var(--phx-neutral-600);
  margin: 0;
}

.phx-cs-page .phx-cs-results:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

.phx-cs-page .phx-cs-result:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 1px solid var(--phx-border);
  border-radius: 10px;
  background: var(--phx-surface);
  padding: var(--space-5);
  min-width: 0;
}

.phx-cs-page .phx-cs-result small:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  color: var(--phx-neutral-600);
  line-height: 1.55;
  margin-top: var(--space-3);
}

.phx-cs-page .phx-cs-related:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.phx-cs-page .phx-cs-related a:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 1px solid var(--phx-border);
  border-radius: 8px;
  padding: var(--space-3) var(--space-4);
  color: var(--phx-neutral-700);
  font-weight: 650;
  background: var(--phx-surface);
  text-decoration: none;
}

.phx-cs-page .phx-cs-related a:hover:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-related a:focus-visible:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-muted);
  border-color: var(--phx-neutral-450);
}

.phx-cs-page .phx-cs-cta:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0 0 var(--space-8);
  padding: clamp(var(--space-6),4vw,var(--space-8));
  border-radius: 12px;
  background: var(--phx-surface-muted);
  border: 1px solid var(--phx-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
}

.phx-cs-page .phx-cs-cta h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.4rem,2.25vw,2rem);
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-2);
}

.phx-cs-page .phx-cs-cta p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
  line-height: 1.65;
  color: var(--phx-neutral-600);
}

.phx-cs-page .phx-cs-action:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4) var(--space-4);
  min-height: var(--phx-control-height);
  border-radius: 7px;
  background: var(--phx-brand);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  white-space: nowrap;
}

.phx-cs-page .phx-cs-action:hover:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-action:focus-visible:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-brand-hover);
  color: #fff;
}

.phx-cs-page .phx-cs-card-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
  padding-bottom: var(--space-9);
}

.phx-cs-page .phx-cs-card img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 100%;
  height: auto;
  display: block;
}

.phx-cs-page .phx-cs-card-content:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-4);
}

.phx-cs-page .phx-cs-card-content .phx-cs-kicker:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-bottom: var(--space-2);
}

.phx-cs-page .phx-cs-card h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 1.24rem;
  line-height: 1.38;
  margin: 0 0 var(--space-2);
  color: var(--phx-heading-color);
}

.phx-cs-page .phx-cs-card h2 a:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: inherit;
  text-decoration: none;
}

.phx-cs-page .phx-cs-card h2 a:hover:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.phx-cs-page .phx-cs-card p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  line-height: 1.67;
  color: var(--phx-neutral-600);
  margin: 0 0 var(--space-4);
}

.phx-cs-page .phx-cs-card a.phx-cs-read:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-weight: 700;
  color: var(--phx-neutral-700);
  text-underline-offset: 3px;
}

.phx-cs-page :is(a,button):focus-visible:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  outline: 2px solid var(--phx-focus-ring);
  outline-offset: 3px;
}

@media (max-width:1000px) {
  .phx-cs-page .phx-cs-steps:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-results:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-card-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px) {
  .phx-cs-page .phx-cs-facts:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .phx-cs-page .phx-cs-cta:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width:540px) {
  .phx-cs-page .phx-cs-steps:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-results:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-card-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
  }
  .phx-cs-page .phx-cs-facts:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    gap: var(--space-5) var(--space-4);
  }
}

@media (prefers-reduced-motion:reduce) {
  .phx-cs-page *:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    scroll-behavior: auto !important;
  }
}

.phx-cs-page .phx-cs-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: clamp(var(--space-7),4.8vw,var(--space-9)) 0;
}

.phx-cs-page .phx-cs-section h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.48rem,2.35vw,2.1rem);
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-4);
  line-height: 1.32;
  letter-spacing: -.02em;
}

.phx-cs-page .phx-cs-section p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  line-height: 1.78;
}

.phx-cs-page .phx-cs-wash:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-subtle);
  border-block: 1px solid var(--phx-border);
}

.phx-cs-page .phx-cs-metric-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-4) 0 var(--space-5);
}

.phx-cs-page .phx-cs-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-3);
}

.phx-cs-page .phx-cs-metric:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-4);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
  min-width: 0;
}

.phx-cs-page .phx-cs-metric strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.45rem,2.3vw,2.1rem);
  font-weight: 750;
  display: block;
  line-height: 1.2;
  color: var(--phx-neutral-800);
}

.phx-cs-page .phx-cs-metric span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
  line-height: 1.5;
  margin-top: var(--space-2);
}

.phx-cs-page .phx-cs-chart-surface:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-approval-surface:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  padding: clamp(var(--space-4),3vw,var(--space-6));
}

.phx-cs-page .phx-cs-chart-legend:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
  font-size: var(--phx-font-sm);
  font-weight: 600;
}

.phx-cs-page .phx-cs-chart-legend li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.phx-cs-page .phx-cs-chart-key:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 3px;
  flex: 0 0 auto;
}

.phx-cs-page .phx-cs-solid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: #5e635f;
}

.phx-cs-page .phx-cs-metallic:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: #9aa5aa;
}

.phx-cs-page .phx-cs-pearl:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: #c6b69a;
}

.phx-cs-page .phx-cs-xirallic:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: #9094af;
}

.phx-cs-page .phx-cs-bar-layout:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  gap: var(--space-5);
}

.phx-cs-page .phx-cs-chart-row-head:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  margin: 0 0 var(--space-2);
  font-size: var(--phx-font-sm);
  line-height: 1.4;
}

.phx-cs-page .phx-cs-chart-row-head strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 1.1rem;
  color: var(--phx-heading-color);
}

.phx-cs-page .phx-cs-chart-track:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  width: 100%;
  height: 24px;
  border-radius: 5px;
  background: var(--phx-surface-muted);
}

.phx-cs-page .phx-cs-chart-segment:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  height: 100%;
  min-width: 0;
  display: block;
}

.phx-cs-page .phx-cs-chart-table-scroll:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  overflow-x: auto;
  max-width: 100%;
  margin-top: var(--space-5);
}

.phx-cs-page .phx-cs-data-table:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 100%;
  border-collapse: collapse;
  text-align: start;
  font-size: var(--phx-font-sm);
  min-width: 540px;
}

.phx-cs-page .phx-cs-data-table caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  text-align: start;
  font-weight: 700;
  color: var(--phx-heading-color);
  padding: 0 0 var(--space-2);
}

.phx-cs-page .phx-cs-data-table th:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-data-table td:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border-bottom: 1px solid var(--phx-border);
  padding: var(--space-3) var(--space-2);
  text-align: start;
}

.phx-cs-page .phx-cs-data-table td:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-variant-numeric: tabular-nums;
}

.phx-cs-page .phx-cs-table-total:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-weight: 700;
  background: var(--phx-surface-muted);
}

.phx-cs-page .phx-cs-chart-note:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-xs);
  line-height: 1.65;
  color: var(--phx-text-muted);
  margin: var(--space-4) 0 0;
}

.phx-cs-page .phx-cs-approval:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-subtle);
  border-block: 1px solid var(--phx-border);
}

.phx-cs-page .phx-cs-approval-stats:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

.phx-cs-page .phx-cs-approval-stats>div:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  gap: var(--space-1);
}

.phx-cs-page .phx-cs-approval-stats strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.5rem,3.4vw,2.7rem);
  font-weight: 750;
  color: var(--phx-neutral-800);
  line-height: 1.2;
}

.phx-cs-page .phx-cs-approval-stats span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-sm);
  line-height: 1.5;
  color: var(--phx-text-muted);
}

.phx-cs-page .phx-cs-approval-track:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 24px;
  border-radius: 5px;
  background: var(--phx-surface-muted);
}

.phx-cs-page .phx-cs-first:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  background: #5e635f;
  height: 100%;
}

.phx-cs-page .phx-cs-second:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  background: #c6b69a;
  height: 100%;
}

.phx-cs-page .phx-cs-approval-done:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: var(--space-4) 0 0;
  color: var(--phx-heading-color);
  font-weight: 700;
  font-size: var(--phx-font-sm);
}

.phx-cs-page .phx-cs-approval-done span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: var(--phx-brand);
  margin-inline-end: var(--space-1);
}

.phx-cs-page .phx-cs-step-number:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: .98rem;
  font-variant-numeric: tabular-nums;
}

.phx-cs-page .phx-cs-product-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-4);
}

.phx-cs-page .phx-cs-product:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  padding: var(--space-5);
  min-width: 0;
}

.phx-cs-page .phx-cs-product-index:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  color: var(--phx-neutral-500);
  font-size: var(--phx-font-sm);
  font-variant-numeric: tabular-nums;
  margin-bottom: var(--space-2);
}

.phx-cs-page .phx-cs-product h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 1.1rem;
  margin: 0;
  color: var(--phx-heading-color);
  line-height: 1.45;
}

.phx-cs-page .phx-cs-result:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-height: 138px;
}

.phx-cs-page .phx-cs-result-figure:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  font-size: clamp(1.55rem,2.8vw,2.2rem);
  color: var(--phx-neutral-800);
  line-height: 1.1;
  margin-bottom: var(--space-3);
}

.phx-cs-page .phx-cs-card img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  object-fit: contain;
  background: var(--phx-surface-muted);
  aspect-ratio: var(--phx-media-ratio-standard);
}

.phx-cs-page .phx-cs-card .phx-cs-kicker:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: .82rem;
  letter-spacing: .08em;
}

.phx-cs-page .phx-cs-cta:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: var(--space-4);
}

:where(html[dir="rtl"]):where([data-phx-template="references"]) .phx-cs-page .phx-cs-data-table th,:where(html[dir="rtl"]):where([data-phx-template="references"]) .phx-cs-page .phx-cs-data-table td {
  text-align: right;
}

@media (max-width:1000px) {
  .phx-cs-page .phx-cs-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-product-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:540px) {
  .phx-cs-page .phx-cs-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--space-2);
  }
  .phx-cs-page .phx-cs-metric:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-4);
  }
  .phx-cs-page .phx-cs-chart-surface:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-approval-surface:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-4);
  }
  .phx-cs-page .phx-cs-metric strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: 1.5rem;
  }
  .phx-cs-page .phx-cs-product-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
  }
  .phx-cs-page .phx-cs-product:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-4);
  }
}

.phx-cs-page .phx-cs-landing-actions:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: 0 0 var(--space-8);
}

.phx-cs-page .phx-cs-landing-actions a:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--phx-size-48);
  padding: var(--space-3) var(--space-5);
  border-radius: var(--phx-radius-8);
  border: 1px solid var(--phx-border);
  background: var(--phx-surface-muted);
  font-weight: 600;
  text-decoration: none;
  color: var(--phx-text-strong);
}

.phx-cs-page .phx-cs-landing-actions a:hover:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-landing-actions a:focus-visible:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-subtle);
}

.phx-cs-page>.phx-cs-ribbon:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page>.phx-cs-section.phx-cs-wash:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page>.phx-cs-section.phx-cs-approval:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: transparent;
  border-block: 0;
}

.phx-cs-page>.phx-cs-ribbon>.wrap:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page>.phx-cs-section.phx-cs-wash>.wrap:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page>.phx-cs-section.phx-cs-approval>.wrap:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-subtle);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  box-sizing: border-box;
}

.phx-cs-page>.phx-cs-ribbon>.wrap:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-muted);
}

.phx-cs-page .phx-cs-delivery-note:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 900px;
  margin: var(--space-5) auto 0;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
}

.phx-cs-page .phx-cs-delivery-note h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0 0 var(--space-1);
  font-size: var(--phx-font-body);
  color: var(--phx-heading-color);
}

.phx-cs-page .phx-cs-delivery-note p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
  line-height: 1.68;
  color: var(--phx-text-muted);
}

.phx-cs-page .phx-cs-banner-shell:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-block: 0;
}

.phx-cs-page .phx-cs-standard-banner:where(html[data-phx-template="references"],html[data-phx-template="references"] *),
.phx-cs-page .phx-cs-feature-collage .phx-cs-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *),
.phx-cs-page.phx-project-showcase :is(.phx-ge-cta,.phx-cs-cta):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  position: relative;
  overflow: hidden;
}

.phx-cs-page .phx-cs-standard-banner:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
}

.phx-cs-page .phx-cs-standard-banner .ral-hero-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 660px;
}

.phx-cs-page .phx-cs-standard-banner .ral-hero-copy h1:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.85rem,3.65vw,3.25rem);
  line-height: 1.16;
  max-width: 20ch;
  margin-bottom: var(--space-2);
}

.phx-cs-page .phx-cs-standard-banner .page-subtitle:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.05rem,1.7vw,1.38rem);
  line-height: 1.45;
  max-width: 42ch;
}

.phx-cs-page .phx-cs-standard-banner .eyebrow:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-bottom: var(--space-3);
  font-size: var(--phx-font-xs);
  letter-spacing: .11em;
}

.phx-cs-page .phx-cs-feature:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: clamp(var(--space-5),3.5vw,var(--space-8)) 0 clamp(var(--space-7),5vw,var(--space-9));
}

.phx-cs-page .phx-cs-feature-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr);
  align-items: center;
  gap: clamp(var(--space-5),4.4vw,var(--space-9));
}

.phx-cs-page .phx-cs-feature-copy h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.7rem,2.75vw,2.6rem);
  letter-spacing: -.02em;
  line-height: 1.25;
  margin: 0 0 var(--space-4);
}

.phx-cs-page .phx-cs-feature-lead:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1rem,1.4vw,1.1rem);
  line-height: 1.82;
  max-width: 64ch;
  color: var(--phx-text-muted);
  margin: 0 0 var(--space-5);
}

.phx-cs-page .phx-cs-photo-panel:where(html[data-phx-template="references"],html[data-phx-template="references"] *),
.phx-cs-page .phx-cs-photo-panel .phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-photo-panel a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
}

.phx-cs-page .phx-cs-photo-panel:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
}

.phx-cs-page .phx-cs-photo-panel .phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-photo-panel a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-decoration: none;
}

.phx-cs-page .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  margin: 0;
  border-top: 1px solid var(--phx-border);
  color: var(--phx-neutral-700);
  min-height: 100px;
  line-height: 1.55;
}

.phx-cs-page .phx-cs-photo-caption .phx-cs-photo-caption-overline:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--phx-neutral-600);
  text-transform: uppercase;
}

.phx-cs-page .phx-cs-photo-caption strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: var(--phx-heading-color);
  font-size: var(--phx-font-body);
  line-height: 1.35;
}

.phx-cs-page .phx-cs-photo-caption>span:last-child:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-sm);
  color: var(--phx-text-muted);
}

.phx-cs-page .phx-cs-feature-photo .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-4) var(--space-5);
}

.phx-cs-page .phx-cs-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding-block: clamp(var(--space-6),4vw,var(--space-9));
}

.phx-cs-page .phx-cs-section-head h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-bottom: var(--space-3);
}

.phx-cs-page .phx-cs-ribbon:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding-top: var(--space-3);
}

.phx-cs-page .phx-cs-composition-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-subtle);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  padding: clamp(var(--space-4),3vw,var(--space-6));
}

.phx-cs-page .phx-cs-composition-legend:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  gap: var(--space-5);
  flex-wrap: wrap;
  font-size: var(--phx-font-sm);
  font-weight: 650;
  color: var(--phx-neutral-700);
  margin-bottom: var(--space-6);
}

.phx-cs-page .phx-cs-composition-legend span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}

.phx-cs-page .phx-cs-composition-legend i:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.phx-cs-page .phx-cs-swatch-solid:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-composition-solid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: #555c59;
}

.phx-cs-page .phx-cs-swatch-effects:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-composition-effects:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: #b7aa90;
}

.phx-cs-page .phx-cs-composition-row:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-bottom: var(--space-5);
}

.phx-cs-page .phx-cs-composition-header:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-composition-values:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  font-size: var(--phx-font-sm);
  font-variant-numeric: tabular-nums;
}

.phx-cs-page .phx-cs-composition-header:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-bottom: var(--space-3);
}

.phx-cs-page .phx-cs-composition-header strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 1.08rem;
  color: var(--phx-heading-color);
}

.phx-cs-page .phx-cs-composition-track:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  width: 100%;
  height: 26px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--phx-border);
}

.phx-cs-page .phx-cs-composition-track>span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  min-width: 0;
  height: 100%;
}

.phx-cs-page .phx-cs-composition-values:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: var(--space-2);
  color: var(--phx-neutral-700);
  font-weight: 650;
}

.phx-cs-page .phx-cs-composition-card .phx-cs-chart-note:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding-top: var(--space-3);
  border-top: 1px solid var(--phx-border);
}

html[dir="rtl"]:where([data-phx-template="references"]) .phx-cs-page .phx-cs-photo-caption {
  align-items: flex-start;
  text-align: right;
}

@media (max-width:850px) {
  .phx-cs-page .phx-cs-feature-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
  }
  .phx-cs-page .phx-cs-feature-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    max-width: 700px;
  }
  .phx-cs-page .phx-cs-feature-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    max-width: 730px;
    width: 100%;
  }
}

@media (max-width:650px) {
  .phx-cs-page .phx-cs-standard-banner .ral-hero-copy h1:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: clamp(1.75rem,5.5vw,2.3rem);
  }
  .phx-cs-page .phx-cs-feature:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding-top: var(--space-4);
  }
  .phx-cs-page .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-height: 0;
  }
}

.phx-cs-page .phx-cs-story-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding-block: clamp(var(--space-6),4.6vw,var(--space-9));
}

.phx-cs-page .phx-cs-story-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr);
  align-items: center;
  gap: clamp(var(--space-5),4vw,var(--space-9));
}

.phx-cs-page .phx-cs-story-section.phx-cs-story--media-left .phx-cs-story-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr);
}

.phx-cs-page .phx-cs-story-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  max-width: 100%;
}

.phx-cs-page .phx-cs-story-copy h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 27ch;
  font-size: clamp(1.55rem,2.5vw,2.35rem);
  letter-spacing: -.023em;
  line-height: 1.28;
}

.phx-cs-page .phx-cs-story-copy>p:not(.phx-cs-kicker):not(.phx-cs-story-label):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 65ch;
  margin: var(--space-3) 0 var(--space-4);
  line-height: 1.8;
  color: var(--phx-neutral-700);
}

.phx-cs-page .phx-cs-story-label:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-block;
  padding: var(--space-2) var(--space-3);
  margin: var(--space-1) 0 var(--space-2);
  border: 1px solid var(--phx-border);
  border-radius: 5px;
  background: var(--phx-surface-muted);
  color: var(--phx-neutral-700);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .035em;
}

.phx-cs-page .phx-cs-story-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 100%;
  min-width: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

.phx-cs-page .phx-cs-story-image a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  flex: 1;
  min-height: 300px;
  aspect-ratio: 1.25;
}

.phx-cs-page .phx-cs-story-image .phx-cs-photo-mat img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: contain;
  background: var(--phx-surface);
  padding: clamp(var(--space-3),1.8vw,var(--space-5));
}

.phx-cs-page .phx-cs-story-image .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-height: 108px;
  padding: var(--space-4) var(--space-4) var(--space-4);
}

.phx-cs-page .phx-cs-story-section.phx-cs-story--media-left .phx-cs-story-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-column: 1;
  grid-row: 1;
}

.phx-cs-page .phx-cs-story-section.phx-cs-story--media-left .phx-cs-story-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-column: 2;
  grid-row: 1;
}

.phx-cs-page .phx-cs-story-section.phx-cs-story--media-right .phx-cs-story-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-column: 1;
  grid-row: 1;
}

.phx-cs-page .phx-cs-story-section.phx-cs-story--media-right .phx-cs-story-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-column: 2;
  grid-row: 1;
}

.phx-cs-page .phx-cs-quality-table:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-sm);
}

.phx-cs-page .phx-cs-quality-table th:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  text-align: start;
  color: var(--phx-heading-color);
  font-weight: 700;
  background: var(--phx-surface-muted);
}

.phx-cs-page .phx-cs-quality-table th:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-quality-table td:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--phx-border);
  vertical-align: top;
  line-height: 1.55;
}

.phx-cs-page .phx-cs-quality-table td:first-child:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-weight: 650;
  color: var(--phx-heading-color);
  width: 31%;
}

.phx-cs-page .phx-cs-evidence:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: minmax(0,.77fr) minmax(0,1.23fr);
  gap: clamp(var(--space-5),4vw,var(--space-8));
  align-items: start;
}

.phx-cs-page .phx-cs-evidence-description p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  line-height: 1.75;
  color: var(--phx-neutral-700);
}

.phx-cs-page .phx-cs-evidence-sheet:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  overflow: hidden;
}

.phx-cs-page .phx-cs-questions:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

.phx-cs-page .phx-cs-question:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 1px solid var(--phx-border);
  background: var(--phx-surface);
  border-radius: var(--phx-radius-12);
  padding: clamp(var(--space-4),2vw,var(--space-5));
  min-width: 0;
}

.phx-cs-page .phx-cs-question h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 1.05rem;
  line-height: 1.45;
  color: var(--phx-heading-color);
  margin: 0 0 var(--space-3);
}

.phx-cs-page .phx-cs-question p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: var(--phx-text-muted);
  line-height: 1.7;
  margin: 0;
  font-size: var(--phx-font-sm);
}

.phx-cs-page .phx-cs-evidence-note:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 88ch;
  margin: var(--space-4) 0 0;
  color: var(--phx-neutral-600);
  font-size: var(--phx-font-xs);
  line-height: 1.65;
}

.phx-cs-page .phx-cs-product-detail:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-xs);
  color: var(--phx-text-muted);
  line-height: 1.5;
  margin: var(--space-2) 0 0;
}

@media (max-width:900px) {
  .phx-cs-page .phx-cs-story-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-story-section.phx-cs-story--media-left .phx-cs-story-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-evidence:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
  .phx-cs-page .phx-cs-story-section .phx-cs-story-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .phx-cs-page .phx-cs-story-section .phx-cs-story-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: 760px;
  }
  .phx-cs-page .phx-cs-story-image a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-height: 0;
    aspect-ratio: 1.7;
  }
  .phx-cs-page .phx-cs-questions:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:550px) {
  .phx-cs-page .phx-cs-story-image a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    aspect-ratio: auto;
  }
  .phx-cs-page .phx-cs-story-image .phx-cs-photo-mat img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    height: auto;
    max-height: 400px;
    padding: var(--space-3);
  }
  .phx-cs-page .phx-cs-questions:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
  }
  .phx-cs-page .phx-cs-quality-table:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-width: 0;
  }
  .phx-cs-page .phx-cs-quality-table th:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-quality-table td:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-3) var(--space-3);
    font-size: var(--phx-font-xs);
  }
  .phx-cs-page .phx-cs-story-copy h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    max-width: none;
  }
}

.phx-cs-page .phx-cs-jump:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  flex-wrap: wrap;
  padding-block: var(--space-2) var(--space-4);
  border-bottom: 1px solid var(--phx-border);
}

.phx-cs-page .phx-cs-jump-label:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--phx-neutral-700);
  margin-inline-end: var(--phx-size-2);
}

.phx-cs-page .phx-cs-jump a:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-sm);
  color: var(--phx-neutral-700);
  text-decoration: none;
  padding: var(--space-2) var(--space-1);
  white-space: nowrap;
  border-bottom: 1px solid transparent;
}

.phx-cs-page .phx-cs-jump a:hover:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-jump a:focus-visible:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: var(--phx-heading-color);
  border-color: var(--phx-neutral-700);
}

.phx-cs-page [id]:is(h2,h3):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  scroll-margin-top: var(--phx-anchor-scroll-offset);
}

@media (max-width:550px) {
  .phx-cs-page .phx-cs-jump:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    gap: var(--space-1) var(--space-3);
    padding-block: var(--space-3);
  }
  .phx-cs-page .phx-cs-jump-label:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    width: 100%;
  }
  .phx-cs-page .phx-cs-jump a:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: var(--phx-font-xs);
  }
}

.phx-cs-page .phx-cs-quality-table:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: 0;
}

.phx-cs-page .phx-cs-quality-table thead th:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border-top: 0;
}

.phx-cs-page .phx-cs-section-head:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-bottom: var(--phx-section-head-gap);
}

.phx-cs-page .phx-cs-feature-lead:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-bottom: var(--phx-content-gap);
}

.phx-cs-page>.phx-cs-ribbon>.wrap:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page>.phx-cs-section.phx-cs-wash>.wrap:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page>.phx-cs-section.phx-cs-approval>.wrap:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--phx-content-gap);
}

.phx-cs-page .phx-cs-feature-collage .phx-cs-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  position: relative;
  width: 100%;
  aspect-ratio: 1.38;
  isolation: isolate;
  overflow: hidden;
}

.phx-cs-page .phx-cs-collage-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.phx-cs-page .phx-cs-collage-card img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.phx-cs-page .phx-cs-collage-card--left:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  z-index: 1;
  width: 54%;
  height: 58%;
  inset-block-start: var(--space-5);
  inset-inline-start: var(--space-4);
  transform: rotate(-4deg);
}

.phx-cs-page .phx-cs-collage-card--right:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  z-index: 2;
  width: 54%;
  height: 58%;
  inset-block-start: var(--space-7);
  inset-inline-end: var(--space-4);
  transform: rotate(4deg);
}

.phx-cs-page .phx-cs-collage-card--front:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  z-index: 3;
  width: 48%;
  height: 83%;
  inset-block-end: var(--space-4);
  inset-inline-start: 26%;
}

.phx-cs-page .phx-cs-feature-collage figcaption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.phx-cs-page .phx-cs-library-banner .ral-hero-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: var(--phx-hero-measure);
}

.phx-cs-page .phx-cs-library-banner .page-subtitle:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: var(--phx-intro-measure);
}

@media (max-width:760px) {
  .phx-cs-page .phx-cs-collage-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-1);
  }
  .phx-cs-page .phx-cs-collage-card--left:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    inset-inline-start: var(--space-2);
  }
  .phx-cs-page .phx-cs-collage-card--right:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    inset-inline-end: var(--space-2);
  }
  .phx-cs-page .phx-cs-collage-card--front:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    inset-block-end: var(--space-2);
  }
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--phx-grid-gap);
}

@media (max-width:720px) {
  .phx-cs-page[data-phx-case-study="library"] .phx-cs-card-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
  }
}

.phx-cs-page .phx-cs-tags:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  grid-auto-rows: 1fr;
  align-items: stretch;
  gap: var(--space-2);
}

.phx-cs-page .phx-cs-tags>li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 0;
  min-height: var(--phx-control-height);
  height: 100%;
  padding: var(--space-2) var(--space-2);
  box-sizing: border-box;
  line-height: var(--phx-leading-ui);
  margin: 0;
}

.phx-cs-page .phx-cs-quality-table:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 100%;
  margin-block-start: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.phx-cs-page .phx-cs-quality-table thead:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-quality-table thead tr:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-quality-table thead th:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-muted);
}

.phx-cs-page .phx-cs-evidence-scroll:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: 0;
  overflow-x: auto;
}

.phx-cs-page .phx-cs-photo-panel:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: var(--phx-surface);
  overflow: visible;
}

.phx-cs-page .phx-cs-photo-panel .phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-photo-panel a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: var(--phx-surface);
  overflow: visible;
  padding: 0;
}

.phx-cs-page .phx-cs-photo-panel img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: transparent;
  object-fit: contain;
}

.phx-cs-page .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-muted);
  border-radius: var(--phx-radius-8);
  padding: var(--space-3) var(--space-4);
  margin-block-start: var(--space-2);
}

.phx-cs-page .phx-cs-feature-collage .phx-cs-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
}

.phx-cs-page .phx-cs-collage-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
  border-radius: 0;
  overflow: visible;
}

.phx-cs-page .phx-cs-collage-card img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: transparent;
}

.phx-cs-page .phx-cs-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-feature:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding-block: var(--phx-section-space);
}

.phx-cs-page .phx-cs-story-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page .phx-cs-feature-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  gap: var(--phx-grid-gap);
}

.phx-cs-page .phx-cs-story-copy p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-block-start: var(--space-2);
  margin-block-end: var(--space-3);
}

.phx-cs-page .phx-cs-story-copy h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-block-end: var(--space-3);
}

@media (max-width:960px) {
  .phx-cs-page .phx-cs-tags:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:430px) {
  .phx-cs-page .phx-cs-tags:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    gap: var(--space-2);
  }
  .phx-cs-page .phx-cs-tags>li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: var(--phx-font-xs);
    padding: var(--space-2);
  }
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-copy h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 18ch;
  line-height: var(--phx-leading-heading);
  letter-spacing: -.025em;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-lead:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 60ch;
  line-height: var(--phx-leading-reading);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-collage .phx-cs-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  aspect-ratio: 1.34;
  overflow: hidden;
  background: var(--phx-surface);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-collage-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-collage-card--left:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 60%;
  height: 60%;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: rotate(-3deg);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-collage-card--right:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 60%;
  height: 60%;
  inset-block-start: 0;
  inset-inline-end: 0;
  transform: rotate(3deg);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-collage-card--front:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 79%;
  height: 72%;
  inset-block-end: 0;
  inset-inline-start: 10.5%;
  transform: none;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-photo-panel .phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-photo-panel a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-image .phx-cs-photo-mat img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  padding: var(--space-2);
  object-fit: contain;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-height: 0;
  background: var(--phx-surface-muted);
  border: 0;
  border-radius: var(--phx-radius-8);
  margin-block-start: var(--space-2);
  padding: var(--space-3) var(--space-4);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-collage .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-3) var(--space-4);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding-block: var(--phx-section-space);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-copy>p:not(.phx-cs-kicker):not(.phx-cs-story-label):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-block: 0 var(--space-3);
  line-height: var(--phx-leading-reading);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-copy>p:last-child:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-block-end: 0;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-ribbon:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-section.phx-cs-wash:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  border-block: 0;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-quality-table:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-block-start: 0;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-product:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-product h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-product p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-questions-section .phx-cs-question:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
}

@media (max-width:850px) {
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-copy h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    max-width: none;
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-collage-card--front:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    width: 80%;
    height: 70%;
    inset-inline-start: 10%;
  }
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  gap: 0;
  align-items: stretch;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  background: var(--phx-surface);
  overflow: hidden;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-feature-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface-muted);
  padding: var(--phx-content-gap);
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-feature-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *),
.phx-ge-page .phx-ge-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *),
.phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row .phx-cs-card-image-link:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  overflow: hidden;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-feature-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: none;
  display: flex;
  flex-direction: column;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-image a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex: 1;
  width: 100%;
  min-height: 300px;
  aspect-ratio: auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: var(--space-4);
  box-sizing: border-box;
  background: var(--phx-surface);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-image a.phx-cs-photo-mat img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;
  padding: 0;
  object-fit: contain;
  background: transparent;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-photo-caption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: var(--phx-surface-subtle);
  padding: var(--space-3) var(--space-4);
  width: 100%;
  box-sizing: border-box;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-copy h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 28ch;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-feature-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0;
  overflow: hidden;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  flex: 1;
  min-height: 330px;
  max-height: 570px;
  width: 100%;
  box-sizing: border-box;
  padding: var(--space-3);
  background: var(--phx-surface);
}

@media (max-width:900px) {
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-feature-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-feature-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-story-card .phx-cs-story-image a.phx-cs-photo-mat:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-height: 0;
    aspect-ratio: 1.7;
  }
}

@media (max-width:520px) {
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-height: 240px;
    max-height: 380px;
  }
}

@media (max-width:650px) {
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-standard-banner:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    position: relative;
    isolation: isolate;
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-standard-banner:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right,rgba(250,250,248,.96),rgba(250,250,248,.94) 70%,rgba(250,250,248,.55));
    z-index: 1;
    pointer-events: none;
  }
  html[dir="rtl"]:where([data-phx-template="references"]) .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-standard-banner::before,[lang="ar"] .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-standard-banner:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
    background: linear-gradient(to left,rgba(250,250,248,.96),rgba(250,250,248,.94) 70%,rgba(250,250,248,.55));
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-standard-banner .hero-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    position: relative;
    z-index: 2;
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-standard-banner .ral-hero-copy h1:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: clamp(1.45rem,6.2vw,1.8rem);
    line-height: 1.16;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-standard-banner .page-subtitle:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: var(--phx-font-sm);
    line-height: var(--phx-leading-ui);
    max-width: 100%;
    color: var(--phx-neutral-700);
  }
}

.phx-ge-page .phx-ge-body:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding-top: var(--space-6);
  padding-bottom: var(--space-8);
}

.phx-ge-page .phx-ge-tags:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-8);
}

.phx-ge-page .phx-ge-pill:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: var(--space-3) var(--space-3);
  border: 1px solid #e5e5e1;
  border-radius: 10px;
  text-align: center;
  color: #383832;
  background: var(--phx-surface-subtle);
  font-size: .91rem;
  font-weight: 600;
}

.phx-ge-page .phx-ge-intro:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-split:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: minmax(0,1.13fr) minmax(0,.87fr);
  gap: var(--space-8);
  align-items: center;
}

.phx-ge-page .phx-ge-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-intro:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}

.phx-ge-page .phx-ge-section h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-intro h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0 0 var(--space-4);
  font-size: clamp(1.5rem,2.4vw,2.1rem);
  line-height: 1.19;
  color: #32322c;
}

.phx-ge-page .phx-ge-section h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 1.1rem;
  line-height: 1.34;
  margin: var(--space-5) 0 var(--space-3);
  color: #32322c;
}

.phx-ge-page .phx-ge-section p:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-intro p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  line-height: 1.75;
  margin: var(--space-3) 0;
  color: #53534c;
}

.phx-ge-page .phx-ge-section h2+p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: 0;
}

.phx-ge-page .phx-ge-heading:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-bottom: var(--space-5);
}

.phx-ge-page .phx-ge-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
  border: 1px solid #e5e5e1;
  border-radius: 12px;
  background: white;
}

.phx-ge-page .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 275px;
  padding: var(--space-5);
  text-align: center;
  background: var(--phx-surface);
  color: #92928a;
}

.phx-ge-page .phx-ge-photo-area p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: #7e7e75;
  font-size: .82rem;
  margin: var(--space-2) 0 0;
}

.phx-ge-page .phx-ge-photo figcaption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-4) var(--space-4);
  background: var(--phx-surface-muted);
  color: #404039;
  font-size: .9rem;
  font-weight: 600;
}

.phx-ge-page .phx-ge-facts:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-3);
}

.phx-ge-page .phx-ge-facts>div:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-4);
  border: 1px solid #e8e8e4;
  border-radius: 10px;
  background: var(--phx-surface-subtle);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-height: 130px;
}

.phx-ge-page .phx-ge-facts span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: var(--phx-text-muted);
  font-size: .85rem;
}

.phx-ge-page .phx-ge-facts strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: #31312b;
  line-height: 1.4;
  font-size: .98rem;
}

.phx-ge-page .phx-ge-reverse:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-template-columns: minmax(0,.87fr) minmax(0,1.13fr);
}

.phx-ge-page .phx-ge-reverse .phx-ge-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  order: 2;
}

.phx-ge-page .phx-ge-reverse .phx-ge-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  order: 1;
}

.phx-ge-page .phx-ge-chart:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 1px solid #e5e5e1;
  border-radius: 11px;
  background: var(--phx-surface-subtle);
  padding: var(--space-4);
  margin-top: var(--space-4);
}

.phx-ge-page .phx-ge-chart-line:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  font-weight: 700;
  color: #404037;
  font-size: 1.1rem;
}

.phx-ge-page .phx-ge-chart-track:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  height: 14px;
  background: var(--phx-neutral-50);
  border-radius: 999px;
  overflow: hidden;
  margin: var(--space-3) 0 var(--space-2);
}

.phx-ge-page .phx-ge-chart-fill:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  height: 100%;
  width: 100%;
  background: #65675d;
}

.phx-ge-page .phx-ge-chart small:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: #606058;
}

.phx-ge-page .phx-ge-steps:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-3);
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.phx-ge-page .phx-ge-steps li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  border-radius: 10px;
  border: 1px solid #e5e5e0;
  background: var(--phx-surface-subtle);
  color: #47473d;
  min-height: 78px;
  line-height: 1.4;
}

.phx-ge-page .phx-ge-steps span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-weight: 800;
  color: var(--phx-text-muted);
  font-size: .9rem;
}

.phx-ge-page .phx-ge-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-3);
}

.phx-ge-page .phx-ge-metric:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-5) var(--space-4);
  text-align: center;
  border-radius: 10px;
  border: 1px solid #e6e6e2;
  background: var(--phx-surface-subtle);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.phx-ge-page .phx-ge-metric strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.55rem,2.6vw,2.3rem);
  color: #4a4d44;
}

.phx-ge-page .phx-ge-metric span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: .86rem;
  color: #64645d;
}

.phx-ge-page .phx-ge-faq:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}

.phx-ge-page .phx-ge-faq details:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 1px solid #e6e6e2;
  border-radius: 10px;
  padding: var(--space-4) var(--space-4);
  background: var(--phx-surface-subtle);
}

.phx-ge-page .phx-ge-faq summary:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-weight: 700;
  cursor: pointer;
  color: #30302c;
}

.phx-ge-page .phx-ge-faq p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: .92rem;
  margin: var(--space-3) 0 0;
}

.phx-ge-page .phx-ge-cta:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: var(--space-8) 0 0;
  padding: var(--space-6);
  border-radius: 12px;
  border: 1px solid #e6e6e1;
  text-align: center;
  background: var(--phx-surface-muted);
}

.phx-ge-page .phx-ge-cta h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0 0 var(--space-4);
  font-size: 1.35rem;
}

.phx-ge-page .phx-ge-cta>a:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-block;
  padding: var(--space-3) var(--space-4);
  background: #53564d;
  color: #fff;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 700;
}

.phx-ge-page .phx-ge-cta p a:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: #4e5048;
}

@media (max-width:900px) {
  .phx-ge-page .phx-ge-tags:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-facts:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .phx-ge-page .phx-ge-steps:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px) {
  .phx-ge-page .phx-ge-intro:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-split:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-reverse:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }
  .phx-ge-page .phx-ge-reverse .phx-ge-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-reverse .phx-ge-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    order: initial;
  }
  .phx-ge-page .phx-ge-faq:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-steps:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
  }
  .phx-ge-page .phx-ge-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-intro:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    margin-block: var(--space-6);
  }
  .phx-ge-page .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-height: 235px;
  }
  .phx-ge-page .phx-ge-tags:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    gap: var(--space-2);
  }
  .phx-ge-page .phx-ge-pill:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: .82rem;
    min-height: 56px;
    padding: var(--space-2);
  }
  .phx-ge-page .phx-ge-body:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding-top: var(--space-4);
  }
}

@media (max-width:350px) {
  .phx-ge-page .phx-ge-facts:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-ge-page .phx-ge-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
  }
}

.phx-ge-page .ral-hero-copy h1:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.65rem,3vw,2.55rem);
  max-width: 850px;
  overflow-wrap: break-word;
}

@media (max-width:680px) {
  .phx-ge-page .ral-hero-copy h1:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: clamp(1.55rem,6vw,1.95rem);
  }
}

.phx-ge-page[data-phx-case-study="germany-interior-140-preview"] .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-4);
  min-height: 0;
  background: var(--phx-surface);
  overflow: hidden;
}

.phx-ge-page[data-phx-case-study="germany-interior-140-preview"] .phx-ge-product-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: contain;
}

.phx-ge-page[data-phx-case-study="germany-interior-140-preview"] .phx-ge-photo--principal .phx-ge-product-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-height: 420px;
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-height: 310px;
  padding: var(--space-6);
  background: var(--phx-surface);
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-ge-photo figcaption:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-weight: 500;
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-chart:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: 0;
  align-self: center;
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-chart-count:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  text-align: center;
  margin-top: var(--space-6);
  font-size: clamp(1.8rem,4vw,3rem);
  color: #4e5148;
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-links a:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  color: #53564d;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width:680px) {
  .phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-height: 230px;
  }
  .phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
  }
}

.phx-cs-card-grid:has(.phx-cs-card--row):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: var(--phx-grid-gap,var(--space-5));
  padding-bottom: var(--space-8);
}

.phx-cs-card-grid .phx-cs-card--row:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: minmax(0,40%) minmax(0,60%);
  align-items: stretch;
}

.phx-cs-card--row .phx-cs-card-image-link:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: var(--space-5);
  background: var(--phx-surface);
}

.phx-cs-card--row .phx-cs-card-image-link img:where(html[data-phx-template="references"],html[data-phx-template="references"] *),
.phx-cs-page.phx-project-showcase :is(.phx-ge-photo-area,.phx-cs-story-media,.phx-cs-product-image-area) img:where(html[data-phx-template="references"],html[data-phx-template="references"] *),
.phx-ge-page.phx-stand-case .phx-sipes-stand-3d-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *),
.phx-cs-card-image-link img[src*="sipes-modular-color-display-stand.webp"]:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  object-fit: contain;
  object-position: center;
}

.phx-cs-card--row .phx-cs-card-image-link img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  max-height: 310px;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--phx-media-ratio-standard);
  background: var(--phx-surface);
}

.phx-cs-card--row .phx-cs-card-content:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: var(--space-6);
  border-inline-start: 1px solid var(--phx-border);
  border-top: 0;
}

.phx-cs-card--row .phx-cs-card-content h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(1.2rem,2.2vw,1.65rem);
  line-height: 1.3;
}

.phx-cs-card--row .phx-cs-card-content .phx-cs-read:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  align-self: flex-start;
  margin-top: var(--space-3);
}

.phx-sipes-photo .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-surface);
  min-height: 0;
  padding: var(--space-3);
  display: flex;
  align-items: center;
  justify-content: center;
}

.phx-sipes-real-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  width: 100%;
  height: auto;
  max-height: 440px;
  object-fit: contain;
  object-position: center;
  background: var(--phx-surface);
}

.phx-ge-split .phx-sipes-photo .phx-sipes-real-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-height: 345px;
}

.phx-sipes-media-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--phx-grid-gap,var(--space-5));
  align-items: stretch;
}

.phx-sipes-media-grid .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding: var(--space-3);
  min-height: 0;
  aspect-ratio: var(--phx-media-ratio-project);
}

.phx-sipes-media-grid .phx-sipes-real-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-height: 260px;
  height: 100%;
  object-fit: contain;
}

.phx-sipes-photo-showcase .phx-ge-heading p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 68ch;
  color: var(--phx-text-muted,#555);
}

@media (max-width:760px) {
  .phx-cs-card-grid .phx-cs-card--row:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: minmax(0,1fr);
  }
  .phx-cs-card--row .phx-cs-card-image-link:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-height: 0;
    padding: var(--space-4);
  }
  .phx-cs-card--row .phx-cs-card-image-link img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    height: auto;
    max-height: 260px;
  }
  .phx-cs-card--row .phx-cs-card-content:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    border-inline-start: 0;
    border-top: 1px solid var(--phx-border);
    padding: var(--space-5);
  }
  .phx-sipes-media-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: minmax(0,1fr);
  }
  .phx-sipes-media-grid .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    aspect-ratio: auto;
  }
  .phx-sipes-media-grid .phx-sipes-real-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    max-height: 340px;
  }
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row .phx-cs-card-content h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-subheading);
}

.phx-cs-page[data-phx-case-study="library"]>.wrap:has(>.phx-cs-card-grid):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  padding-top: var(--space-8);
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card-grid:has(>.phx-cs-card--row):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-5);
  align-items: stretch;
  padding-bottom: var(--space-8);
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row .phx-cs-card-image-link:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 100%;
  height: 252px;
  min-height: 0;
  box-sizing: border-box;
  padding: var(--space-4);
  overflow: hidden;
  min-width: 0;
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row .phx-cs-card-image-link img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: 92% !important;
  min-width: 0;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.phx-cs-page[data-phx-case-study="library"] [data-case-study="germany-interior-140-draft"] .phx-cs-card-image-link img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 84% !important;
  max-height: 84% !important;
}

.phx-cs-page[data-phx-case-study="library"] [data-case-study="sipes-color-trend-draft"] .phx-cs-card-image-link img:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 88% !important;
  max-height: 88% !important;
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row .phx-cs-card-content:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  justify-content: flex-start;
  align-items: stretch;
  border-top: 1px solid var(--phx-border);
  border-inline-start: 0 !important;
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row .phx-cs-card-content h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: var(--space-2);
  line-height: var(--phx-leading-heading);
}

.phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row .phx-cs-read:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-flex;
  align-self: flex-start;
  margin-top: auto;
  padding-top: var(--space-4);
}

.phx-cs-related-projects:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: min(100% - 2*var(--space-5),1200px);
  margin: var(--space-8) auto;
  padding: var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface);
}

.phx-ge-body .phx-cs-related-projects:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 100%;
  margin: var(--space-8) 0;
  padding: var(--space-5);
}

.phx-cs-related-projects h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0 0 var(--space-4);
  font-size: var(--phx-font-subheading);
  color: var(--phx-neutral-800);
}

.phx-cs-related-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
}

.phx-cs-related-link:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  text-decoration: none;
  color: inherit;
  background: var(--phx-surface-muted);
  transition: border-color .2s ease;
}

.phx-cs-related-link:hover:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-cs-related-link:focus-visible:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border-color: var(--phx-neutral-600);
}

.phx-cs-related-link strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-weight: 700;
  line-height: 1.4;
}

.phx-cs-related-link span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: .92em;
  font-weight: 600;
  text-decoration: underline;
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-real-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  object-fit: contain !important;
  background: transparent !important;
}

@media (max-width:980px) {
  .phx-cs-page[data-phx-case-study="library"] .phx-cs-card-grid:has(>.phx-cs-card--row):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px) {
  .phx-cs-page[data-phx-case-study="library"] .phx-cs-card-grid:has(>.phx-cs-card--row):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: minmax(0,1fr);
  }
  .phx-cs-page[data-phx-case-study="library"] .phx-cs-card--row .phx-cs-card-image-link:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    height: 232px;
  }
  .phx-cs-related-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: minmax(0,1fr);
  }
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-photo-showcase .phx-sipes-media-grid .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  height: auto;
  aspect-ratio: auto;
  padding: var(--space-4);
  box-sizing: border-box;
  overflow: visible;
  background: var(--phx-surface);
}

.phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-photo-showcase .phx-sipes-gallery-card .phx-sipes-real-photo:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  flex: none;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto;
  object-fit: contain !important;
  object-position: center;
  background: transparent !important;
}

.phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  transform: scale(.89);
  transform-origin: center center;
}

@media (max-width:620px) {
  .phx-ge-page[data-phx-case-study="sipes-color-trend-preview"] .phx-sipes-photo-showcase .phx-sipes-media-grid .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-3);
  }
  .phx-cs-page[data-phx-case-study="numix-automotive"] .phx-cs-feature-card .phx-cs-collage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    transform: scale(.94);
  }
}

html[data-phx-page="case-studies"] main .phx-cs-card .phx-cs-kicker {
  margin: 0 0 var(--phx-card-label-gap);
  text-transform: uppercase;
}

html[data-phx-page="case-studies"] main .phx-cs-card .phx-cs-card-content h2 {
  line-height: var(--phx-leading-heading);
}

.phx-cs-page.phx-project-showcase :is(.phx-cs-feature,.phx-ge-intro):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  position: relative;
}

.phx-cs-page.phx-project-showcase :is(.phx-ge-section,.phx-cs-section)[data-phx-stage]:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  scroll-margin-top: var(--space-8);
}

.phx-cs-page.phx-project-showcase :is(.phx-ge-photo-area,.phx-cs-story-media,.phx-cs-product-image-area):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background-color: var(--phx-surface);
}

.phx-cs-page.phx-project-showcase :is(.phx-ge-cta,.phx-cs-cta):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.phx-cs-page.phx-project-showcase :is(.phx-ge-cta,.phx-cs-cta):where(html[data-phx-template="references"],html[data-phx-template="references"] *)::after {
  content: "";
  position: absolute;
  inset-inline-end: var(--space-4);
  inset-block-end: var(--space-3);
  width: 110px;
  height: 75px;
  background: var(--phx-signature-image) center/contain no-repeat;
  opacity: .14;
  pointer-events: none;
  z-index: 0;
}

.phx-cs-page.phx-project-showcase :is(.phx-ge-cta,.phx-cs-cta)>*:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  position: relative;
  z-index: 1;
}

html[lang="ar"]:where([data-phx-template="references"]) .phx-cs-page.phx-project-showcase :is(.phx-ge-cta,.phx-cs-cta)::after {
  transform: scaleX(-1);
}

.phx-project-showcase [data-phx-stage="result"] :is(.phx-ge-metrics,.phx-cs-metrics):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  align-items: stretch;
}

@media (max-width:640px) {
  .phx-cs-page.phx-project-showcase :is(.phx-ge-cta,.phx-cs-cta):where(html[data-phx-template="references"],html[data-phx-template="references"] *)::after {
    width: 68px;
    height: 46px;
    opacity: .075;
  }
}

.phx-process-diagram:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: min(1200px,92%);
  margin: var(--space-8) auto;
  padding: clamp(var(--space-4),2.5vw,var(--space-6));
  border: 1px solid #e2e4e1;
  border-radius: 16px;
  background: var(--phx-surface-subtle);
  color: #252b27;
}

.phx-process-header:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  text-align: center;
  margin: 0 auto var(--space-6);
  max-width: 750px;
}

.phx-process-kicker:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: .73rem !important;
  letter-spacing: .12em;
  font-weight: 700;
  color: #666d67;
  margin: 0 0 var(--space-2);
}

.phx-process-header h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: var(--space-1) 0 var(--space-2);
  color: #393e3a;
}

.phx-process-header p:last-child:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
  color: #646c65;
}

@media (max-width:520px) {
  .phx-process-diagram:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    width: 94%;
    padding: var(--space-4);
  }
}

.phx-process-diagram.phx-technical-flow:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: min(1200px,94%);
  max-width: 1200px;
  padding: clamp(var(--space-5),4vw,var(--space-8));
  background: var(--phx-surface);
  border: 1px solid #e5e7e5;
  box-shadow: none;
  border-radius: 4px;
  overflow: visible;
  color: #343c39;
}

.phx-technical-flow .phx-process-header:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  text-align: start;
  max-width: 900px;
  margin: 0 0 var(--space-7);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid #dfe4e1;
}

.phx-technical-flow .phx-process-kicker:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  letter-spacing: .16em;
  color: #67766e;
  font-size: 11px;
}

.phx-technical-flow .phx-process-header h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: var(--space-2) 0 var(--space-2);
}

.phx-technical-flow .phx-stage-strip:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(var(--phx-cols,4),minmax(0,1fr));
  gap: 0;
  margin: 0 0 var(--space-5);
  position: relative;
}

.phx-technical-flow .phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  position: relative;
  min-width: 0;
  padding: var(--space-5) var(--space-4) var(--space-5);
  border-top: 2px solid #c7d2cc;
  border-bottom: 1px solid #e6eae7;
  background: var(--phx-surface);
}

.phx-technical-flow .phx-stage+.phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border-inline-start: 1px solid #e7eae8;
}

.phx-technical-flow .phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  content: "";
  position: absolute;
  top: -5px;
  inset-inline-start: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #637c70;
}

.phx-technical-flow .phx-stage-no:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  color: var(--phx-text-muted);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
  margin-bottom: var(--space-2);
}

.phx-technical-flow .phx-stage-title:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(14px,1.4vw,18px);
  font-weight: 700;
  line-height: 1.35;
  min-height: 2.7em;
  margin: 0 0 var(--space-4);
  color: #29332e;
}

.phx-technical-flow .phx-stage-list:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}

.phx-technical-flow .phx-stage-list li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 13px;
  line-height: 1.55;
  font-weight: 450;
  padding: var(--space-2) 0;
  border-top: 1px solid #edf0ee;
  display: flex;
  gap: var(--space-2);
  align-items: baseline;
}

.phx-technical-flow .phx-stage-list li:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  content: counter(list-item,decimal-leading-zero);
  font-size: 10px;
  color: #7c9187;
  font-weight: 700;
  white-space: nowrap;
}

.phx-technical-flow .phx-technical-split:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-5);
  position: relative;
  margin-top: var(--space-5);
}

.phx-technical-flow .phx-route:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border: 1px solid #dce2de;
  background: var(--phx-surface);
  padding: var(--space-5) var(--space-5);
  position: relative;
}

.phx-technical-flow .phx-route:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #627e70;
}

.phx-technical-flow .phx-route:nth-child(2):where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  background: #88938a;
}

.phx-technical-flow .phx-route-kicker:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 11px;
  letter-spacing: .14em;
  color: #6b7a70;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: var(--space-2);
}

.phx-technical-flow .phx-route h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 var(--space-4);
  color: #26342c;
}

.phx-technical-flow .phx-route ol:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  list-style: none;
  margin: 0;
  padding: 0;
}

.phx-technical-flow .phx-route li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  counter-increment: flowitem;
  position: relative;
  display: flex;
  gap: var(--space-3);
  align-items: baseline;
  border-top: 1px solid #e9eeeb;
  padding: var(--space-3) 0;
  line-height: 1.5;
  font-size: 14px;
}

.phx-technical-flow .phx-route li:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  content: counter(flowitem,decimal-leading-zero);
  color: #72867b;
  font-size: 11px;
  font-weight: 750;
  min-width: 22px;
}

.phx-technical-flow .phx-flow-gate:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  padding: var(--space-2) 0 var(--space-1);
  text-align: center;
  color: #526559;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.phx-technical-flow .phx-flow-gate:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before,.phx-technical-flow .phx-flow-gate:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::after {
  content: "";
  height: 1px;
  background: #cdd7d0;
  flex: 1;
}

.phx-technical-flow .phx-converge:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  background: var(--phx-neutral-50);
  padding: var(--space-4) var(--space-5);
  margin-top: var(--space-4);
  border-inline-start: 3px solid #82998b;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}

@media (max-width:900px) {
  .phx-technical-flow .phx-stage-strip:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .phx-technical-flow .phx-stage:nth-child(odd):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    border-inline-start: 0;
  }
  .phx-technical-flow .phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-5) var(--space-4);
  }
}

@media (max-width:620px) {
  .phx-process-diagram.phx-technical-flow:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    width: 94%;
    padding: var(--space-4) var(--space-4);
  }
  .phx-technical-flow .phx-stage-strip:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-technical-flow .phx-technical-split:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
  }
  .phx-technical-flow .phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-4) var(--space-2);
    border-inline-start: 0 !important;
  }
  .phx-technical-flow .phx-stage-title:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    min-height: 0;
  }
  .phx-technical-flow .phx-route:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-4) var(--space-4);
  }
  .phx-technical-flow .phx-technical-split:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    gap: var(--space-4);
  }
}

.phx-technical-flow .phx-stage-list:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  counter-reset: phxStageItem;
}

.phx-technical-flow .phx-stage-list>li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  counter-increment: phxStageItem;
}

.phx-technical-flow .phx-stage-list>li:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  content: counter(phxStageItem,decimal-leading-zero) !important;
  min-width: 2ch;
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}

.phx-technical-flow .phx-route ol:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  counter-reset: flowitem;
}

.phx-technical-flow .phx-route ol>li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  counter-increment: flowitem;
}

.phx-technical-flow .phx-route ol>li:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  content: counter(flowitem,decimal-leading-zero) !important;
  min-width: 2ch;
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}

:where(html[data-phx-page="references"]) .references-page .references-logos-head .references-case-link {
  margin-block-start: var(--space-3);
}

:where(html[data-phx-page="references"]) .references-page .references-case-link a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--phx-brand);
  font-size: var(--phx-font-sm);
  font-weight: 650;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

:where(html[data-phx-page="references"]) .references-page .references-case-link a:hover {
  color: var(--phx-brand-hover);
}

@media (min-width:900px) {
  .phx-cs-page[data-phx-case-study="library"] .phx-cs-card-grid:has(>.phx-cs-card--row):has(>:nth-child(4)):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

.phx-cs-page :is(h1,h2,h3,h4,.eyebrow,.phx-cs-kicker,.phx-cs-story-label,.phx-cs-photo-caption-overline,.phx-process-kicker,.phx-stage-no,.phx-route-kicker,.phx-flow-gate,.phx-cs-card__label,.phx-cs-related-link strong):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  letter-spacing: normal;
}

.phx-cs-page .phx-cs-card :is(h2,.phx-cs-kicker,.phx-cs-read):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  letter-spacing: normal;
}

.phx-cs-page .phx-cs-related-link>.phx-cs-related-action:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: var(--phx-inline-glyph-gap);
  max-width: 100%;
  font-size: var(--phx-font-sm);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

.phx-cs-page :is(.phx-cs-read,.phx-cs-related-link) .phx-link-arrow:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-block;
  flex: none;
  align-self: baseline;
  margin-inline-start: var(--phx-inline-glyph-gap);
  vertical-align: baseline;
  font-size: 1em;
  font-weight: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
}

.phx-cs-page .phx-cs-related-link>.phx-cs-related-action .phx-link-arrow:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-inline-start: 0;
  text-decoration: none;
}

.phx-cs-page .phx-cs-related-link strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  overflow-wrap: break-word;
  line-height: 1.5;
}

.phx-stand-case .phx-ge-body > :is(section,div):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  box-sizing: border-box;
}

.phx-stand-case .phx-ge-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-stand-case .phx-ge-intro:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-block: var(--space-8);
}

.phx-stand-case .phx-ge-heading h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 40ch;
  line-height: 1.28;
  letter-spacing: normal;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-ge-section > p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 82ch;
  line-height: 1.75;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-ge-facts:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
}

.phx-stand-case .phx-ge-facts > div:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  min-height: 0;
  padding: var(--space-5);
  gap: var(--space-2);
}

.phx-stand-case .phx-ge-facts :is(strong,p):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  max-width: 100%;
  letter-spacing: normal;
  line-height: 1.6;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-ge-facts strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-body);
}

.phx-stand-case .phx-ge-facts p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
  font-size: var(--phx-font-sm);
}

.phx-stand-case .phx-process-diagram.phx-technical-flow:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 100%;
  max-width: none;
  margin: var(--space-8) 0;
  padding: clamp(var(--space-4),3vw,var(--space-6));
  border-radius: var(--phx-radius-12);
  overflow: visible;
  box-sizing: border-box;
}

.phx-stand-case .phx-technical-flow .phx-process-header:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 78ch;
  margin: 0 0 var(--space-6);
  padding: 0 0 var(--space-4);
  line-height: 1.6;
}

.phx-stand-case .phx-process-header h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 100%;
  font-size: clamp(1.4rem,2.4vw,2rem);
  line-height: 1.3;
  letter-spacing: normal;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-process-header > p:last-child:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-body);
  line-height: 1.7;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-technical-flow .phx-stage-strip:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
  margin: 0;
}

.phx-stand-case .phx-technical-flow .phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: var(--space-5);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface-subtle);
}

.phx-stand-case .phx-technical-flow .phx-stage + .phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-stand-case .phx-technical-flow .phx-stage:nth-child(odd):where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  border-inline-start: 1px solid var(--phx-border);
}

.phx-stand-case .phx-technical-flow .phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  display: none;
}

.phx-stand-case .phx-technical-flow .phx-stage-no:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 var(--space-2);
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: normal;
  font-variant-numeric: tabular-nums;
}

.phx-stand-case .phx-technical-flow .phx-stage-title:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-height: 0;
  margin: 0 0 var(--space-3);
  font-size: clamp(1.02rem,1.5vw,1.26rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: normal;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-technical-flow .phx-stage-list:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0;
  counter-reset: none;
}

.phx-stand-case .phx-technical-flow .phx-stage-list > li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  min-width: 0;
  margin: 0;
  padding: var(--space-3) 0;
  border-top: 1px solid var(--phx-border);
  font-size: var(--phx-font-sm);
  font-weight: 450;
  line-height: 1.65;
  letter-spacing: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

.phx-stand-case .phx-technical-flow .phx-stage-list > li:where(html[data-phx-template="references"],html[data-phx-template="references"] *)::before {
  content: "•" !important;
  display: block;
  flex: 0 0 auto;
  min-width: 0;
  width: 6px;
  margin-top: 0;
  color: var(--phx-neutral-600);
  font-size: 1em;
  line-height: 1.65;
}

.phx-stand-case [data-phx-stage="result"] .phx-ge-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--space-4);
  margin-block-start: var(--space-5);
}

.phx-stand-case .phx-ge-metric:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  justify-content: center;
  padding: var(--space-5);
  gap: var(--space-2);
}

.phx-stand-case .phx-ge-metric strong:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  line-height: 1.2;
  letter-spacing: normal;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-ge-metric span:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  line-height: 1.5;
  letter-spacing: normal;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-ge-faq:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4);
  align-items: start;
}

.phx-stand-case .phx-ge-faq > details:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  margin: 0;
  padding: var(--space-5);
  border-radius: var(--phx-radius-8);
  overflow-wrap: break-word;
}

.phx-stand-case .phx-ge-faq > details > summary:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: var(--phx-font-body);
  line-height: 1.55;
  letter-spacing: normal;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-ge-faq > details > p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: var(--space-3) 0 0;
  font-size: var(--phx-font-sm);
  line-height: 1.75;
  letter-spacing: normal;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-cs-related-projects:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 100%;
  margin: var(--space-8) 0;
  padding: var(--space-6);
  box-sizing: border-box;
  border-radius: var(--phx-radius-12);
}

.phx-stand-case .phx-cs-related-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}

.phx-stand-case .phx-cs-related-link:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-5);
  box-sizing: border-box;
  overflow-wrap: break-word;
}

.phx-stand-case .phx-ge-cta:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: var(--space-8);
  padding: var(--space-7);
  line-height: 1.6;
}

.phx-stand-case .phx-ge-cta h2:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin: 0 0 var(--space-3);
  line-height: 1.35;
  letter-spacing: normal;
}

.phx-stand-case .phx-ge-cta p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-width: 75ch;
  margin: 0 auto var(--space-4);
  line-height: 1.7;
  overflow-wrap: break-word;
}

html[dir="rtl"]:where([data-phx-template="references"]) .phx-stand-case .phx-stage-no {
  direction: ltr;
  unicode-bidi: isolate;
}

@media (max-width:1000px) {
  .phx-stand-case .phx-cs-related-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .phx-stand-case [data-phx-stage="result"] .phx-ge-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:700px) {
  .phx-stand-case .phx-ge-facts:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-stand-case .phx-technical-flow .phx-stage-strip:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-stand-case .phx-ge-faq:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-stand-case .phx-cs-related-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: minmax(0,1fr);
  }
  .phx-stand-case .phx-process-diagram.phx-technical-flow:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-4);
  }
  .phx-stand-case .phx-technical-flow .phx-stage:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-4);
  }
  .phx-stand-case .phx-cs-related-projects:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-4);
  }
  .phx-stand-case .phx-ge-cta:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-5);
  }
}

@media (max-width:430px) {
  .phx-stand-case [data-phx-stage="result"] .phx-ge-metrics:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: minmax(0,1fr);
  }
  .phx-stand-case .phx-technical-flow .phx-stage-list > li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: var(--phx-font-sm);
  }
  .phx-stand-case .phx-ge-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *),.phx-stand-case .phx-ge-intro:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    margin-block: var(--space-6);
  }
}

.phx-ge-page.phx-stand-case .phx-sipes-stand-3d-visual .phx-ge-photo-area:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-height: 0;
  padding: clamp(var(--space-2),1.25vw,var(--space-4));
  background: #f3f5f7;
}

.phx-ge-page.phx-stand-case .phx-sipes-stand-3d-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  width: 100%;
  height: auto;
  
}

.phx-sipes-360-framebox:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  
  
  
  
  
  
}

.phx-sipes-360-disclaimer:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  
  
  
  
  margin: var(--space-2) auto 0;
  max-width: 900px;
}

@media (max-width:700px) {
  .phx-sipes-360-framebox:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    height: 710px;
  }
  .phx-ge-page.phx-stand-case .phx-sipes-stand-3d-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    max-height: 380px;
  }
}

.phx-ge-page.phx-stand-case .phx-sipes-360-section:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  margin-top: clamp(var(--space-5),3vw,var(--space-8));
}

.phx-sipes-360-layout:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: grid;
  grid-template-columns: minmax(0,1.22fr) minmax(300px,.78fr);
  gap: clamp(var(--space-4),2.4vw,var(--space-6));
  align-items: start;
}

.phx-sipes-360-framebox:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  width: 100%;
  height: auto;
  min-width: 0;
  border: 1px solid #dfe4ea;
  border-radius: 16px;
  overflow: hidden;
  background: #f5f7f9;
  box-shadow: 0 8px 24px rgba(24,32,39,.04);
}

.phx-sipes-360-original-iframe:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  display: block;
  width: 100%;
  height: 650px;
  border: 0;
  background: #f5f7f9;
}

.phx-sipes-360-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
}

.phx-sipes-360-copy h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: clamp(18px,1.8vw,24px);
  line-height: 1.3;
  margin: 0 0 var(--space-3);
  color: #353a3a;
}

.phx-ge-page .phx-sipes-360-copy p:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  line-height: 1.72;
  color: #545f65;
  margin: 0 0 var(--space-4);
}

.phx-sipes-360-points:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.phx-sipes-360-points li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  color: #3c484f;
  padding: var(--space-2) var(--space-3);
  border: 1px solid #e8e9e8;
  border-radius: 9px;
  background: #f7f8f8;
}

.phx-sipes-360-disclaimer:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  text-align: start;
  font-size: 12px;
  line-height: 1.6;
  color: #78838a;
  margin-top: var(--space-3);
}

@media (max-width:1180px) {
  .phx-sipes-360-original-iframe:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    height: 620px;
  }
}

@media (max-width:860px) {
  .phx-sipes-360-layout:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
  .phx-sipes-360-framebox:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    max-width: 900px;
  }
  .phx-sipes-360-original-iframe:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    height: 600px;
  }
  .phx-sipes-360-copy:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    max-width: 900px;
  }
  .phx-sipes-360-points:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: var(--space-2);
  }
  .phx-sipes-360-points li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: 12px;
    padding: var(--space-2);
  }
}

@media (max-width:560px) {
  .phx-sipes-360-original-iframe:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    height: 560px;
  }
  .phx-sipes-360-points:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: 1fr;
    gap: var(--space-1);
  }
  .phx-sipes-360-points li:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    padding: var(--space-2) var(--space-3);
  }
  .phx-sipes-360-copy h3:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    font-size: 19px;
  }
}

@media (max-width:350px) {
  .phx-sipes-360-original-iframe:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    height: 520px;
  }
}

.phx-cs-card-image-link img[src*="sipes-modular-color-display-stand.webp"]:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  object-fit: contain;
  object-position: center;
  background: #f3f5f7;
}

.phx-ge-page.phx-stand-case .phx-sipes-stand-3d-image:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  max-height: 450px;
}

.phx-cs-related-projects .phx-cs-related-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.phx-cs-related-projects .phx-cs-related-link:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
  min-width: 0;
  overflow-wrap: break-word;
  justify-content: space-between;
}

@media (max-width:1000px) {
  .phx-cs-related-projects .phx-cs-related-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:700px) {
  .phx-cs-related-projects .phx-cs-related-grid:where(html[data-phx-template="references"],html[data-phx-template="references"] *) {
    grid-template-columns: minmax(0,1fr);
  }
}

html[data-phx-template="references"] body main :is(.references-intro,.phx-cs-feature-copy,.phx-cs-story-copy) h2 {
  font-size: var(--phx-type-section-title);
  line-height: 1.32;
}

/* PHX NON-AR TYPOGRAPHY SYSTEM 2026-11-01 */
/* Shared responsive type scale for EN, DE, FR, ES, IT, PT-BR and TR. Arabic keeps its dedicated RTL scale. */
html:not([lang="ar"]) {
  --phx-type-hero: clamp(2rem,3.6vw,3rem);
  --phx-type-section-wide: clamp(1.75rem,2.8vw,2.25rem);
  --phx-type-section: clamp(1.625rem,2.5vw,2.1rem);
  --phx-type-subsection: clamp(1.35rem,1.9vw,1.5rem);
  --phx-type-stage: clamp(1.125rem,1.45vw,1.25rem);
}

@media (max-width:640px) {
  html:not([lang="ar"]) {
    --phx-type-hero: clamp(2rem,8vw,2.15rem);
    --phx-type-section-wide: clamp(1.65rem,6vw,1.8rem);
    --phx-type-section: clamp(1.5rem,5.2vw,1.65rem);
    --phx-type-subsection: clamp(1.25rem,4.6vw,1.4rem);
    --phx-type-stage: clamp(1.05rem,4vw,1.125rem);
  }
}

/* Level 1 — page / hero titles */
html:not([lang="ar"]):not([data-phx-template|="product"],[data-phx-page="home"],[data-phx-page="ral"],[data-phx-page="references"]) .hero h1,
html:not([lang="ar"]):not([data-phx-page="ral"]) .phx-unified-hero .ral-hero-copy h1,
html:not([lang="ar"])[data-phx-page="home"] .hero h1,
html:not([lang="ar"])[data-phx-page="home"] section.hero.phx-unified-hero .ral-hero-copy h1,
html:not([lang="ar"])[data-phx-page="ral"] .hero h1,
html:not([lang="ar"])[data-phx-page="ral"] .hero.ral-hero-background h1,
html:not([lang="ar"])[data-phx-page="ral"] .hero.ral-hero-background.ral-hero-compact h1,
html:not([lang="ar"])[data-phx-page="ral"] .hero.ral-hero-compact h1,
html:not([lang="ar"])[data-phx-template="references"] .phx-cs-page .phx-cs-standard-banner .ral-hero-copy h1,
html:not([lang="ar"])[data-phx-template="references"] .phx-ge-page .ral-hero-copy h1 {
  font-size: var(--phx-type-hero);
}

/* Level 2 — prominent section introductions */
html:not([lang="ar"]) .phx-authority-head h2,
html:not([lang="ar"])[data-phx-page="about-location-trade-agreements"] .phx-location-headline h2,
html:not([lang="ar"])[data-phx-page="real-paint-samples-vs-printed-samples"] .cp-intro h2,
html:not([lang="ar"])[data-phx-page="color-fan-deck-manufacturing-process"] .fd-intro h2,
html:not([lang="ar"])[data-phx-page="color-fan-deck-manufacturing-process"] .fd-heading h2,
html:not([lang="ar"])[data-phx-page="expertise"] .ex-intro h2,
html:not([lang="ar"])[data-phx-page="expertise"] .ex-featured h2,
html:not([lang="ar"])[data-phx-page="expertise"] .ex-heading h2,
html:not([lang="ar"])[data-phx-page="expertise"] .ex-quality h2,
html:not([lang="ar"])[data-phx-template="expertise-index"] .phx-industries-intro h2,
html:not([lang="ar"])[data-phx-template="expertise-index"] .phx-industries-capability h2,
html:not([lang="ar"])[data-phx-template="expertise-mf"] .mf-intro h2,
html:not([lang="ar"])[data-phx-template="expertise-mf"] .mf-text h2,
html:not([lang="ar"])[data-phx-template="expertise-mf"] .mf-section-head h2,
html:not([lang="ar"])[data-phx-template="expertise-mf"] .mf-gallery h2,
html:not([lang="ar"])[data-phx-template="expertise-mf"] .mf-comparison h2,
html:not([lang="ar"])[data-phx-page="references"] .references-page .references-intro h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-cs-page .phx-cs-feature-copy h2 {
  font-size: var(--phx-type-section-wide);
}

/* Level 3 — standard section titles */
html:not([lang="ar"])[data-phx-template|="product"] .phx-product-secondary-heading,
html:not([lang="ar"])[data-phx-template|="expertise"] .phx-expertise-crosslinks h2,
html:not([lang="ar"])[data-phx-page="color-fan-deck-manufacturing-process"] .ex-cta h2,
html:not([lang="ar"])[data-phx-page="expertise"] .ex-cta h2,
html:not([lang="ar"])[data-phx-page="real-paint-samples-vs-printed-samples"] .ex-cta h2,
html:not([lang="ar"])[data-phx-page="real-paint-samples-vs-printed-samples"] .cp-photo-card h2,
html:not([lang="ar"])[data-phx-page="real-paint-samples-vs-printed-samples"] .cp-split h2,
html:not([lang="ar"])[data-phx-page="real-paint-samples-vs-printed-samples"] .cp-section-heading h2,
html:not([lang="ar"])[data-phx-page="real-paint-samples-vs-printed-samples"] .cp-related h2,
html:not([lang="ar"])[data-phx-page="color-fan-deck-manufacturing-process"] .cp-related h2,
html:not([lang="ar"])[data-phx-page="about-history"] .phx-heritage-content h2,
html:not([lang="ar"])[data-phx-page="about-location-trade-agreements"] .location-story h2,
html:not([lang="ar"])[data-phx-page="about-location-trade-agreements"] .trade-agreements-intro h2,
html:not([lang="ar"])[data-phx-page="about"] .about-lead h2,
html:not([lang="ar"])[data-phx-page="about"] .about-closing h2,
html:not([lang="ar"])[data-phx-page="color-fan-deck-manufacturing-process"] .fd-feature h2,
html:not([lang="ar"])[data-phx-page="color-fan-deck-manufacturing-process"] .fd-pair h2,
html:not([lang="ar"])[data-phx-page="color-fan-deck-manufacturing-process"] .fd-banner h2,
html:not([lang="ar"])[data-phx-template="expertise-index"] .phx-industries-related h2,
html:not([lang="ar"])[data-phx-template="expertise-mf"] .mf-cta h2,
html:not([lang="ar"])[data-phx-page="home"] .phx-home-expertise h2,
html:not([lang="ar"])[data-phx-page="home"] .phx-logo-marquee-section .phx-trusted-heading h2,
html:not([lang="ar"])[data-phx-page="home"] .phx-home-why h2,
html:not([lang="ar"])[data-phx-page="news"] .event-feature-copy h2,
html:not([lang="ar"])[data-phx-page="products-design-consulting"] .dc-section h2,
html:not([lang="ar"])[data-phx-page="products-design-consulting"] .dc-outcome h2,
html:not([lang="ar"])[data-phx-page="products-design-consulting"] .dc-cta h2,
html:not([lang="ar"])[data-phx-page="products-design-consulting"] .phx-dc-development h2,
html:not([lang="ar"])[data-phx-page="products"] .phx-products-intro h2,
html:not([lang="ar"])[data-phx-page="products"] .phx-products-process h2,
html:not([lang="ar"])[data-phx-page="products-color-fan-decks"] .phx-fandeck-intro h2,
html:not([lang="ar"])[data-phx-page="products-retail-color-chips"] .phx-chips-enhancement h2,
html:not([lang="ar"])[data-phx-page="products-retail-displays"] .phx-display-expand h2,
html:not([lang="ar"])[data-phx-page="products-special-effects-catalogs"] .phx-special-effects-expand h2,
html:not([lang="ar"])[data-phx-page="products-color-charts"] .phx-colorcharts-intro h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-cs-page .phx-cs-section-head h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-cs-page .phx-cs-section h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-cs-page .phx-cs-cta h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-cs-page .phx-cs-story-copy h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-ge-page .phx-ge-section h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-ge-page .phx-ge-intro h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-stand-case .phx-process-header h2 {
  font-size: var(--phx-type-section);
}

/* Level 4 — card / subsection titles */
html:not([lang="ar"])[data-phx-template|="product"] .phx-product-questions h2,
html:not([lang="ar"]) section.hotline-strip .hotline-intro h2,
html:not([lang="ar"]) .phx-product-projects-header h2,
html:not([lang="ar"]) .phx-case-capabilities h2,
html:not([lang="ar"])[data-phx-page="about-mission-vision"] .mv-page .mv-card .mv-motto,
html:not([lang="ar"])[data-phx-page="about"] .about-feature h3,
html:not([lang="ar"])[data-phx-template="expertise-index"] .phx-industry-card h2,
html:not([lang="ar"])[data-phx-page="home"] .phx-meter-heading h2,
html:not([lang="ar"])[data-phx-page="home"] .phx-meter-card h3,
html:not([lang="ar"])[data-phx-page="home"] .home-products-grid .home-product-body h3,
html:not([lang="ar"])[data-phx-page="news"] .phx-media-copy h3,
html:not([lang="ar"])[data-phx-template="references"] .phx-cs-card--row .phx-cs-card-content h2,
html:not([lang="ar"])[data-phx-template="references"] .phx-sipes-360-copy h3 {
  font-size: var(--phx-type-subsection);
}

/* Level 5 — compact stage / group titles */
html:not([lang="ar"])[data-phx-page="faq"] body main .phx-faq-group-title,
html:not([lang="ar"])[data-phx-template="home"] .phx-home-industry-card h3,
html:not([lang="ar"])[data-phx-template="references"] .phx-technical-flow .phx-stage-title,
html:not([lang="ar"])[data-phx-template="references"] .phx-stand-case .phx-technical-flow .phx-stage-title {
  font-size: var(--phx-type-stage);
}
/* German compact project titles need one additional line on narrow cards; keep type size shared. */
@media (max-width:649px) {
  html[lang="de"][data-phx-page="home"] body main .phx-home-cs-section .phx-home-cs-copy h3 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}

/* PHOENiX content CTA height: 44px for single-line controls; multiline labels may grow without clipping. Header controls are excluded. */
:where(main,.hotline-strip) :is(
  a.btn,
  a.button,
  a.toggle,
  a.phx-btn,
  a.phx-cs-action,
  a.phx-ge-button,
  a.phx-answer-action,
  a.ral-cta,
  .phx-fandeck-cta-button,
  .phx-products-process-cta>a,
  .phx-chips-action>a,
  .phx-display-cta>a,
  .phx-special-cta>a,
  .dc-cta .btn,
  .ex-cta a,
  .mf-cta a,
  .phx-cs-landing-actions a,
  .hotline-action,
  button.btn,
  button.button,
  button.phx-btn,
  button[type="submit"],
  input[type="submit"].btn,
  input[type="button"].btn
) {
  box-sizing: border-box;
  min-height: var(--phx-control-height) !important;
  height: auto;
  padding-block: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* PHOENiX unified spacing + heights — 2026-11-01 */
:root {
  
  --phx-panel-padding-mobile: var(--space-4);
  --phx-link-row-height: 48px;
}

/* One panel rhythm for Products + Expertise; local padding exceptions are neutralized here. */
:where(html[data-phx-page="products"]) :is(.phx-products-intro,.phx-products-process),
:where(html[data-phx-template|="expertise"]) :is(.phx-expertise-crosslinks,.ex-cta) {
  padding: var(--phx-panel-padding) !important;
}

/* Equal-height grids/cards and consistent internal spacing. */
:where(html[data-phx-page="products"]) :is(.grid,.phx-products-process-grid),
:where(html[data-phx-template|="expertise"]) :is(.ex-grid,.phx-expertise-crosslinks-grid) {
  align-items: stretch;
}

:where(html[data-phx-page="products"]) :is(.product-card,.phx-products-process-grid article),
:where(html[data-phx-template|="expertise"]) .ex-card {
  height: 100%;
  box-sizing: border-box;
}

:where(html[data-phx-page="products"]) .product-card .card-body{
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Uniform row controls in tag/crosslink areas. */
:where(html[data-phx-page="products"]) .phx-products-intro-tags span,
:where(html[data-phx-template|="expertise"]) .phx-expertise-crosslinks-grid a {
  min-height: var(--phx-link-row-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

/* CTA height outside the header: 44px for one-line controls; text can still wrap if required. */
main :is(
  a.btn,a.button,a.phx-cs-action,a.phx-ge-button,a.phx-btn,
  button.btn,button.button,button.phx-btn,
  input[type="submit"].btn,input[type="button"].btn,
  .product-details-link,
  .phx-products-process-cta>a,
  .ex-cta>a,
  .phx-answer-action
) {
  min-height: var(--phx-control-height) !important;
  padding-block: 0 !important;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Use the shared flow for adjacent panels instead of local margin exceptions. */

@media (max-width:700px) {
  :where(html[data-phx-page="products"]) :is(.phx-products-intro,.phx-products-process),
  :where(html[data-phx-template|="expertise"]) :is(.phx-expertise-crosslinks,.ex-cta) {
    padding: var(--phx-panel-padding-mobile) !important;
  }
}

/* PHOENiX Global Spacing System — 4/8px design grid */
:root {
   /* 4px */
    /* 8px */
  --phx-space-sm: var(--space-3);  /* 12px */
  --phx-space-md: var(--space-4);  /* 16px */
  --phx-space-lg: var(--space-5);  /* 24px */
  --phx-space-xl: var(--space-6);  /* 32px */
  --phx-space-2xl: var(--space-7); /* 40px */
   /* 48px */
   /* 64px */
  /* 80px */

  --phx-content-space: var(--phx-space-md);
  --phx-content-gap: var(--phx-space-lg);
  --phx-heading-gap: var(--phx-space-md);
  --phx-section-head-gap: var(--phx-space-lg);
  --phx-grid-gap: var(--phx-space-lg);
  --phx-card-gap: var(--phx-space-lg);
  --phx-panel-padding: var(--phx-space-lg);
  --phx-card-padding: var(--phx-space-lg);
  --phx-flow-section: var(--phx-space-xl);
  --phx-flow-page: var(--phx-space-2xl);
  --phx-page-space: var(--phx-flow-page);
  --phx-section-gap: var(--phx-flow-section);
  --phx-section-space: var(--phx-flow-section);
  --phx-news-gap: var(--phx-flow-section);
}

@media (max-width:1024px) {
  :root {
    --phx-content-space: var(--phx-space-md);
    --phx-content-gap: var(--phx-space-lg);
    --phx-section-head-gap: var(--phx-space-lg);
    --phx-grid-gap: var(--phx-space-lg);
    --phx-card-gap: var(--phx-space-lg);
    --phx-panel-padding: var(--phx-space-lg);
    --phx-card-padding: var(--phx-space-lg);
    --phx-flow-section: var(--phx-space-lg);
    --phx-flow-page: var(--phx-space-xl);
    --phx-page-space: var(--phx-flow-page);
    --phx-section-gap: var(--phx-flow-section);
    --phx-section-space: var(--phx-flow-section);
    --phx-news-gap: var(--phx-flow-section);
  }
}

@media (max-width:640px) {
  :root {
    --phx-content-space: var(--phx-space-sm);
    --phx-content-gap: var(--phx-space-md);
    --phx-heading-gap: var(--phx-space-sm);
    --phx-section-head-gap: var(--phx-space-md);
    --phx-grid-gap: var(--phx-space-md);
    --phx-card-gap: var(--phx-space-md);
    --phx-panel-padding: var(--phx-space-md);
    --phx-card-padding: var(--phx-space-md);
    --phx-flow-section: var(--phx-space-lg);
    --phx-flow-page: var(--phx-space-lg);
    --phx-page-space: var(--phx-flow-page);
    --phx-section-gap: var(--phx-flow-section);
    --phx-section-space: var(--phx-flow-section);
    --phx-news-gap: var(--phx-flow-section);
    --phx-paragraph-gap: var(--phx-space-md);
  }
}

/* One section-flow rule for all public page families. */
html[data-phx-page] body main:is(.wrap.page-body,.wrap.section,.wrap.references-page,.phx-faq-main,.phx-contacts-improved) > :is(section,div,figure,nav,article,p) {
  margin-block: 0 !important;
}
html[data-phx-page] body main:is(.wrap.page-body,.wrap.section,.wrap.references-page,.phx-faq-main,.phx-contacts-improved) > :is(section,div,figure,nav,article,p) + :is(section,div,figure,nav,article,p) {
  margin-block-start: var(--phx-flow-section) !important;
}

/* Standard content wrappers. */
html[data-phx-page] body main:is(.wrap.page-body,.wrap.section,.wrap.references-page) {
  padding-block-start: var(--phx-flow-page) !important;
  padding-block-end: 0 !important;
}

/* Standard section-heading rhythm. */
html[data-phx-page] body main :is(.section-head,.head,.ex-heading,.phx-meter-heading) {
  margin-block-end: var(--phx-section-head-gap) !important;
}

/* Standard grids and card rows. */
html[data-phx-page] body main :is(.grid,.ex-grid,.home-products-grid,.phx-company-news-grid,.references-logo-grid,.phx-cs-grid,.phx-project-grid) {
  gap: var(--phx-grid-gap) !important;
}

/* Standard reusable panels: no page-specific padding exceptions. */
html[data-phx-page] body main :is(.phx-products-intro,.phx-products-process,.phx-expertise-crosslinks,.ex-cta,.phx-faq-cta,.references-intro) {
  padding: var(--phx-panel-padding) !important;
}

/* Controls outside the site header use the shared 44px control height. */
html[data-phx-page] body main :is(a.btn,a.button,button,.btn,.phx-btn,.phx-cta,.phx-answer-action,[class*="-cta"] a,[class*="-action"] a) {
  min-height: var(--phx-control-height) !important;
  padding-block: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* PHOENiX body-level content flow — exactly one section gap between main, auxiliary panels, and Talk. */
html[data-phx-page] body > :is(.phx-seo-related-products,.phx-industries-capability,.phx-industries-cta) {
  margin-block: 0 !important;
}
html[data-phx-page] body > :is(main,.phx-seo-related-products,.phx-industries-capability,.phx-industries-cta) + :is(.phx-seo-related-products,.phx-industries-capability,.phx-industries-cta,section.hotline-strip) {
  margin-block-start: var(--phx-flow-section) !important;
}


/* =========================================================
   PHOENiX Expertise — unified professional content redesign
   Scope: main content only. Header, hero/banner, hotline and footer are untouched.
   ========================================================= */
html[data-phx-page] body main.phx-expertise-redesign {
  display: grid;
  gap: var(--phx-flow-section);
  padding-block: var(--phx-flow-section) var(--phx-flow-page);
}

html[data-phx-page] body main.phx-expertise-redesign > * {
  min-width: 0;
  margin-block: 0 !important;
}

html[data-phx-page] body main.phx-expertise-redesign :where(.phx-rd-intro,.phx-rd-section,.phx-rd-process,.phx-rd-gallery,.phx-rd-faq,.phx-rd-related,.phx-rd-cta,.phx-rd-split) {
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  background: var(--phx-surface);
  box-shadow: var(--phx-shadow-sm);
}

html[data-phx-page] body main.phx-expertise-redesign :where(.phx-rd-intro,.phx-rd-section,.phx-rd-process,.phx-rd-gallery,.phx-rd-faq,.phx-rd-related,.phx-rd-cta) {
  padding: var(--phx-panel-padding);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-intro {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(16rem,.65fr);
  gap: var(--phx-grid-gap);
  align-items: start;
  background: var(--phx-surface-subtle);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-intro > :is(.eyebrow,h2) {
  grid-column: 1 / -1;
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-intro h2,
html[data-phx-page] body main.phx-expertise-redesign :where(.mf-section-head,.mf-gallery-heading,.fd-heading,.cp-heading,.ex-heading) h2,
html[data-phx-page] body main.phx-expertise-redesign > :where(section,div) > h2 {
  font-size: var(--phx-font-section);
  line-height: var(--phx-leading-heading);
  max-inline-size: 25ch;
  margin-block-end: var(--space-3);
}

html[data-phx-page] body main.phx-expertise-redesign :where(.eyebrow,.phx-questions-label) {
  display: inline-block;
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.3;
  text-transform: uppercase;
}

html[data-phx-page] body main.phx-expertise-redesign :where(.phx-rd-intro,.mf-section-head,.mf-gallery-heading,.fd-heading,.cp-heading,.ex-heading) > p {
  max-inline-size: var(--phx-reading-measure);
  color: var(--phx-text-muted);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 0;
  overflow: hidden;
  align-items: stretch;
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split > :where(.mf-text,.fd-copy,.cp-copy,.ex-featured-content,div:not([class])) {
  padding: clamp(var(--space-5),4vw,var(--space-8));
  align-self: center;
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split > :where(figure,.mf-visual,.fd-visual,.cp-visual) {
  margin: 0;
  min-height: 100%;
  background: var(--phx-surface-muted);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split :where(picture,img) {
  display: block;
  width: 100%;
  height: 100%;
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split img {
  min-height: 22rem;
  object-fit: cover;
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split figcaption,
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-media figcaption {
  padding: var(--space-2) var(--space-3);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  background: var(--phx-surface-subtle);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-media {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-16);
  background: var(--phx-surface);
  box-shadow: var(--phx-shadow-sm);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-media img {
  display: block;
  width: 100%;
  max-height: 34rem;
  object-fit: cover;
}

/* One visual language for card collections across all Expertise pages. */
html[data-phx-page] body main.phx-expertise-redesign :where(
  .ex-grid,.mf-tech-grid,.mf-comparison-grid,.mf-gallery-grid,.fd-grid,.fd-spec-grid,
  .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-products-intro-tags,
  .phx-expertise-resources-grid,.ex-process-grid
) {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15.5rem),1fr));
  gap: var(--phx-card-gap);
}

html[data-phx-page] body main.phx-expertise-redesign :where(
  .ex-grid,.mf-tech-grid,.mf-comparison-grid,.mf-gallery-grid,.fd-grid,.fd-spec-grid,
  .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid
) > :where(article,div,a) {
  min-width: 0;
  padding: var(--phx-card-padding);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface-subtle);
  box-shadow: none;
}

html[data-phx-page] body main.phx-expertise-redesign :where(
  .ex-grid,.mf-tech-grid,.mf-comparison-grid,.mf-gallery-grid,.fd-grid,.fd-spec-grid,
  .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid
) img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: var(--phx-radius-8);
  margin-block-end: var(--space-3);
}

html[data-phx-page] body main.phx-expertise-redesign :where(
  .ex-grid,.mf-tech-grid,.mf-comparison-grid,.mf-gallery-grid,.fd-grid,.fd-spec-grid,
  .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid
) h3 {
  font-size: var(--phx-font-card);
  line-height: var(--phx-leading-subheading);
  margin: 0 0 var(--space-2);
}

html[data-phx-page] body main.phx-expertise-redesign :where(
  .ex-grid,.mf-tech-grid,.mf-comparison-grid,.mf-gallery-grid,.fd-grid,.fd-spec-grid,
  .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid
) p {
  color: var(--phx-text-muted);
  font-size: var(--phx-font-sm);
}

/* Process / workflow */
html[data-phx-page] body main.phx-expertise-redesign :where(.mf-steps,.fd-steps,.ex-process-grid) {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(10.5rem,1fr));
  gap: var(--phx-card-gap);
  margin-block-start: var(--space-5);
}

html[data-phx-page] body main.phx-expertise-redesign :where(.mf-steps,.fd-steps,.ex-process-grid) > :where(article,div) {
  position: relative;
  padding: var(--phx-card-padding);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-12);
  background: var(--phx-surface-subtle);
}

html[data-phx-page] body main.phx-expertise-redesign :where(.mf-steps,.fd-steps,.ex-process-grid) > :where(article,div) > span:first-child {
  display: inline-grid;
  place-items: center;
  min-width: 2rem;
  min-height: 2rem;
  padding-inline: .4rem;
  margin-block-end: var(--space-3);
  border-radius: 999px;
  background: var(--phx-text-strong);
  color: var(--phx-text-on-dark);
  font-size: var(--phx-font-xs);
  font-weight: 700;
}

/* FAQ */
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-faq :where(.mf-faq-list,details) {
  width: 100%;
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-faq details {
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface);
  overflow: hidden;
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-faq details + details {
  margin-block-start: var(--space-3);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-faq summary {
  padding: var(--space-4) var(--space-5);
  cursor: pointer;
  font-weight: 600;
  color: var(--phx-heading-color);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-faq details > :where(p,ul,ol) {
  padding-inline: var(--space-5);
  margin-block-end: var(--space-4);
}

/* Related expertise becomes a consistent browseable card strip. */
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-related .phx-expertise-crosslinks-grid{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--phx-card-gap);
  margin-block-start: var(--space-5);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-related .phx-expertise-crosslinks-grid > a {
  display: flex;
  align-items: center;
  min-height: 4.5rem;
  padding: var(--space-4);
  border: 1px solid var(--phx-border);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface-subtle);
  color: var(--phx-heading-color);
  font-weight: 600;
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-related .phx-expertise-crosslinks-grid > a[aria-current="page"] {
  background: var(--phx-surface-muted);
}

/* Internal CTA panels stay light; the separate Talk to PHOENiX strip remains untouched. */
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-cta {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: var(--phx-grid-gap);
  align-items: center;
  background: var(--phx-surface-muted);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-cta > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: var(--space-3) var(--space-5);
  border-radius: var(--phx-button-radius);
  background: var(--phx-text-strong);
  color: var(--phx-text-on-dark);
  font-size: var(--phx-font-sm);
  font-weight: 700;
}

/* Technical references become quiet supporting metadata, not a visual lead. */
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-meta {
  padding: var(--space-3) var(--space-4);
  border-inline-start: 3px solid var(--phx-border);
  color: var(--phx-text-muted);
  font-size: var(--phx-font-xs);
  line-height: var(--phx-leading-caption);
  background: var(--phx-surface-subtle);
}

html[data-phx-page] body main.phx-expertise-redesign .phx-rd-meta + .phx-rd-meta {
  margin-block-start: calc(-1 * var(--phx-flow-section) + var(--space-2)) !important;
}

/* Images and content should feel editorial, not oversized. */
html[data-phx-page] body main.phx-expertise-redesign :where(figure,picture,img) {
  max-width: 100%;
}

html[data-phx-page] body main.phx-expertise-redesign :where(.mf-keypoint,.mf-caution,.fd-note,.cp-note) {
  margin-block-start: var(--space-4);
  padding: var(--space-4);
  border-radius: var(--phx-radius-8);
  background: var(--phx-surface-muted);
  color: var(--phx-text);
}

@media (max-width:1024px) {
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-intro,
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split {
    grid-template-columns: 1fr;
  }
  html[data-phx-page] body main.phx-expertise-redesign :where(
    .ex-grid,.mf-tech-grid,.mf-comparison-grid,.mf-gallery-grid,.fd-grid,.fd-spec-grid,
    .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid
  ),
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-related .phx-expertise-crosslinks-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-cta {
    grid-template-columns: 1fr;
  }
}

@media (max-width:640px) {
  html[data-phx-page] body main.phx-expertise-redesign {
    gap: var(--phx-flow-section);
  }
  html[data-phx-page] body main.phx-expertise-redesign :where(.phx-rd-intro,.phx-rd-section,.phx-rd-process,.phx-rd-gallery,.phx-rd-faq,.phx-rd-related,.phx-rd-cta) {
    padding: var(--phx-card-padding);
    border-radius: var(--phx-radius-12);
  }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split > :where(.mf-text,.fd-copy,.cp-copy,.ex-featured-content,div:not([class])) {
    padding: var(--phx-card-padding);
  }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split img {
    min-height: 15rem;
  }
  html[data-phx-page] body main.phx-expertise-redesign :where(
    .ex-grid,.mf-tech-grid,.mf-comparison-grid,.mf-gallery-grid,.fd-grid,.fd-spec-grid,
    .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid
  ),
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-related .phx-expertise-crosslinks-grid {
    grid-template-columns: 1fr;
  }
  html[data-phx-page] body main.phx-expertise-redesign :where(.mf-steps,.fd-steps,.ex-process-grid) {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   PHOENiX Expertise — compact visual redesign v2
   Scope: main content only. Header / hero / Talk / footer untouched.
   ========================================================= */
html[data-phx-page] body main.phx-expertise-redesign {
  gap: clamp(20px,2.4vw,30px) !important;
  padding-block: clamp(20px,2.6vw,32px) clamp(28px,3.8vw,44px) !important;
}
html[data-phx-page] body main.phx-expertise-redesign :where(.phx-rd-intro,.phx-rd-section,.phx-rd-process,.phx-rd-gallery,.phx-rd-faq,.phx-rd-related,.phx-rd-cta,.phx-rd-split) {
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(20,24,28,.055) !important;
}
html[data-phx-page] body main.phx-expertise-redesign :where(.phx-rd-intro,.phx-rd-section,.phx-rd-process,.phx-rd-gallery,.phx-rd-faq,.phx-rd-related,.phx-rd-cta) {
  padding: clamp(20px,2.8vw,32px) !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-intro {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 10px !important;
  border-inline-start: 4px solid var(--phx-text-strong) !important;
  background: var(--phx-surface-subtle) !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-intro > :where(.eyebrow,h2,p) {
  grid-column: auto !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-intro h2 {
  max-inline-size: 22ch !important;
  margin-block: 2px 4px !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-intro p {
  max-inline-size: 76ch !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split {
  grid-template-columns: minmax(0,1.08fr) minmax(300px,.92fr) !important;
  min-height: 0 !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split > :where(.mf-text,.fd-copy,.cp-copy,.ex-featured-content,div:not([class])) {
  padding: clamp(22px,3vw,36px) !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split img {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 430px !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}
html[data-phx-page] body main.phx-expertise-redesign :where(
  .ex-grid,.mf-tech-grid,.mf-comparison-grid,.fd-grid,.fd-spec-grid,
  .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid
) {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: clamp(12px,1.5vw,18px) !important;
}
html[data-phx-page] body main.phx-expertise-redesign :where(
  .ex-grid,.mf-tech-grid,.mf-comparison-grid,.fd-grid,.fd-spec-grid,
  .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid
) > :where(article,div,a) {
  padding: clamp(16px,1.7vw,22px) !important;
  background: var(--phx-surface) !important;
  box-shadow: 0 5px 18px rgba(20,24,28,.045) !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery {
  overflow: hidden;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-heading {
  display: grid;
  grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
  column-gap: 24px;
  align-items: end;
  margin-block-end: 18px;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-heading .eyebrow,
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-heading h2 {
  grid-column: 1;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-heading p {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  margin: 0 !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 12px !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-grid > article {
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--phx-border);
  border-radius: 10px;
  background: var(--phx-surface);
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-grid > article picture,
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-grid > article img {
  display: block;
  width: 100%;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-grid > article img {
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  object-fit: cover !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-grid > article h3 {
  margin: 0 !important;
  padding: 12px 14px 14px !important;
  font-size: clamp(15px,1.25vw,18px) !important;
}
html[data-phx-page] body main.phx-expertise-redesign :where(.mf-steps,.fd-steps,.ex-process-grid) {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 12px !important;
  margin-block-start: 16px !important;
}
html[data-phx-page] body main.phx-expertise-redesign :where(.mf-steps,.fd-steps,.ex-process-grid) > :where(article,div) {
  padding: 16px !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-related .phx-expertise-crosslinks-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 12px !important;
  margin-block-start: 16px !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-related .phx-expertise-crosslinks-grid > a {
  min-height: 0 !important;
  padding: 14px 16px !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-faq summary {
  padding: 14px 16px !important;
}
html[data-phx-page] body main.phx-expertise-redesign .phx-rd-faq details + details {
  margin-block-start: 8px !important;
}
@media (max-width: 1100px) {
  html[data-phx-page] body main.phx-expertise-redesign :where(
    .ex-grid,.mf-tech-grid,.mf-comparison-grid,.fd-grid,.fd-spec-grid,
    .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid,
    .mf-steps,.fd-steps
  ) { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 800px) {
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split { grid-template-columns: 1fr !important; }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-split > :where(figure,.mf-visual,.fd-visual,.cp-visual) { order: -1; }
  html[data-phx-page] body main.phx-expertise-redesign :where(
    .ex-grid,.mf-tech-grid,.mf-comparison-grid,.fd-grid,.fd-spec-grid,
    .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid,
    .mf-steps,.fd-steps
  ) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-heading { grid-template-columns: 1fr; }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-heading :where(.eyebrow,h2,p) { grid-column: 1; grid-row: auto; }
}
@media (max-width: 560px) {
  html[data-phx-page] body main.phx-expertise-redesign { gap: 16px !important; padding-block: 16px 24px !important; }
  html[data-phx-page] body main.phx-expertise-redesign :where(.phx-rd-intro,.phx-rd-section,.phx-rd-process,.phx-rd-gallery,.phx-rd-faq,.phx-rd-related,.phx-rd-cta) { padding: 16px !important; }
  html[data-phx-page] body main.phx-expertise-redesign :where(
    .ex-grid,.mf-tech-grid,.mf-comparison-grid,.fd-grid,.fd-spec-grid,
    .cp-grid,.cp-comparison-grid,.phx-authority-grid,.phx-expertise-resources-grid,.ex-process-grid,
    .mf-steps,.fd-steps
  ) { grid-template-columns: 1fr !important; }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-gallery .mf-gallery-grid { grid-template-columns: 1fr !important; }
  html[data-phx-page] body main.phx-expertise-redesign .phx-rd-related .phx-expertise-crosslinks-grid { grid-template-columns: 1fr !important; }
}