/* No unapproved photography is used as a fallback. */
.hero__slide--no-image { background: linear-gradient(115deg, #fff4ed 0%, #f1f5f9 60%, #dfe6ec 100%); }
.hero__slide--no-image .hero__title { color: #1e293b; }
.parallax--brand { background: linear-gradient(110deg, #172033, #334155 55%, #dd5e1f); }
.parallax--brand::before { background: rgba(0, 0, 0, .12); }
.parallax--brand .parallax__label { font-size: clamp(2rem, 7vw, 5rem); font-weight: 800; letter-spacing: .2em; color: #fff; }
.tile__media { display: grid; place-items: center; background: linear-gradient(145deg, #f1f5f9, #fff4ed); }
.tile__brand { color: #1e293b; font-weight: 800; letter-spacing: .2em; font-size: clamp(1.2rem, 2vw, 2rem); }
.tile a { display: block; color: inherit; }
.tile figcaption a:hover { color: var(--c-primary-aa); }
.nexo-empty-tiles, .nexo-empty-products { margin: 35px var(--gutter) 0; text-align: center; color: var(--c-muted); }
/* Feature icons with supporting copy, proportioned like the reference: larger icon centred on the
   text block, each block centred in its column with a readable measure. */
.icon-box { justify-content: center; gap: 28px; }
.icon-box > div:last-child { max-width: 400px; }
.icon-box__icon, .icon-box__icon svg { width: 64px; height: 64px; }
.icon-box__title { margin-bottom: 14px; }
.icon-box__text { font-size: 17px; line-height: 1.85; color: #3c4250; }
@media (max-width: 1024px) {
  .icon-box { justify-content: flex-start; gap: 20px; }
  .icon-box__icon, .icon-box__icon svg { width: 50px; height: 50px; }
  .icon-box__text { font-size: 16px; }
}