.site-header{color:var(--color-primary);background:#fff;border-bottom:1px solid var(--color-border)}

/* Match the Machines hero while retaining the editable Products markup. */
body:has(.products-hero) .site-header:not(.is-scrolled):not(.is-menu-open) {
  color: #fff;
  background: transparent;
  border-bottom-color: rgba(255,255,255,.17);
}
.products-hero {
  position: relative;
  min-height: 670px;
  padding: calc(var(--header-height) + 30px) 0 76px;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: var(--color-primary-deep);
}
.products-hero__grid { display: block; }
.products-hero__copy { max-width: 720px; }
.products-hero .breadcrumb { margin-bottom: 26px; color: rgba(255,255,255,.85); }
.products-hero .eyebrow { color: #d6e2df; }
.products-hero .eyebrow > span { background: #74c9ff; }
.products-hero h1 {
  max-width: 720px;
  margin: 18px 0 24px;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(68px,7vw,104px);
  font-weight: 600;
  line-height: .92;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
.products-hero h1 em { color: #74c9ff; font-style: normal; }
.products-section h2 em { font-style: normal; color: var(--color-action); }
.products-hero .products-hero__lead {
  max-width: 610px;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,.85);
}
.products-hero__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 25px; }
.products-hero .button--outline-dark {
  color: #fff;
  border-color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.03);
}
.products-hero .button--outline-dark:hover { border-color: #fff; background: rgba(255,255,255,.1); }
.products-hero__visual {
  position: absolute;
  z-index: -1;
  inset: 0 0 0 20%;
  width: auto;
  min-height: 0;
  aspect-ratio: auto;
  background: var(--color-primary-deep);
}
.products-hero__visual img { width: 100%; height: 100%; object-fit: cover; object-position: 64% center; }
.products-hero__visual::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg,#062b48 0%,rgba(6, 43, 72,.94) 17%,rgba(6, 43, 72,.64) 43%,rgba(6, 43, 72,.12) 100%),linear-gradient(0deg,rgba(6, 43, 72,.52),transparent 34%);
}
.products-hero__visual .ai-image-label {
  inset: auto max(var(--gutter),calc((100vw - var(--container))/2)) 24px auto;
  width: fit-content;
  max-width: calc(100% - 32px);
  padding: 0;
  border: 0;
  color: rgba(255,255,255,.72);
  background: transparent;
  backdrop-filter: none;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .07em;
  text-align: right;
}
.products-hero__visual .ai-image-label::before { content: "●"; margin-right: 8px; color: #74c9ff; }
.products-section{padding:clamp(60px,6vw,88px) 0}
.products-section h2{font-family:var(--font-display);font-size:clamp(42px,4.5vw,64px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}
.products-path{padding-top:0;background:#f1f7fc}
.products-path__intro{padding-top:45px;border-top:1px solid #cddbd2}
.products-path__intro h2{margin:15px 0 34px}
.products-path__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.products-path__card{position:relative;display:block;min-height:268px;padding:33px 80px 35px 34px;background:#fff;border:1px solid #dbe7ef;color:var(--color-primary);transition:transform .2s ease,box-shadow .2s ease}
.products-path__card:hover,.products-path__card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.products-path__kicker,.products-card__body>span,.products-equipment__grid a span{display:block;color:var(--color-action);font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.products-path__card strong{display:block;max-width:440px;margin:20px 0 13px;font-family:var(--font-display);font-size:clamp(31px,3vw,43px);line-height:1;text-transform:uppercase}
.products-path__card p{font-size:17px;line-height:1.55;max-width:440px}
.products-path__arrow{position:absolute;right:32px;top:32px;font-size:28px}
.products-lines{background:#fff}
.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px}
.products-card{display:flex;flex-direction:column;min-width:0;background:#f1f7fc;border:1px solid #e0e7e2}
.products-card__image{position:relative;display:block;aspect-ratio:1.46;overflow:hidden;background:#dce4df}
.products-card__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.products-card__image .ai-image-label{inset:auto auto 12px 12px;width:fit-content}
.products-card__body{display:flex;flex:1;flex-direction:column;padding:24px}
.products-card h3{font-family:var(--font-display);font-size:clamp(28px,2.4vw,36px);line-height:1.06;text-transform:uppercase;margin:11px 0}
.products-card p{font-size:17px;line-height:1.6;margin-bottom:22px}
.products-card__body a,.products-all-link{display:inline-flex;align-items:center;gap:12px;font-size:17px;font-weight:700;color:var(--color-action)}
.products-card__body a{margin-top:auto}
.products-card__body a:hover,.products-all-link:hover{text-decoration:underline}
.products-all-link{margin-top:30px}
.products-equipment{background:#ecf2ee}
.products-equipment__grid{margin-top:43px;border-top:1px solid #bacbc1}
.products-equipment__grid a{display:grid;grid-template-columns:minmax(150px,.7fr) 1.8fr auto;gap:20px;align-items:center;padding:24px 5px;border-bottom:1px solid #bacbc1;color:var(--color-primary);transition:padding-left .2s ease,background .2s ease}
.products-equipment__grid a:hover,.products-equipment__grid a:focus-visible{padding-left:16px;background:#fff}
.products-equipment__grid strong{font-family:var(--font-display);font-size:clamp(28px,3vw,42px);line-height:1;text-transform:uppercase}
.products-equipment__grid i{font-size:24px;font-style:normal}
.products-cta{background:var(--color-primary);color:#fff}
.products-cta__grid{display:grid;grid-template-columns:1.4fr .7fr;gap:60px;align-items:end}
.products-cta h2{margin-top:18px}
.products-cta h2 em{color:var(--color-blue-soft)}
.products-cta p:not(.eyebrow){font-size:19px;line-height:1.55;margin-bottom:28px}
.products-cta .button{width:max-content}
.primary-nav__link.is-active::after,.primary-nav__link[aria-current="page"]::after{transform:scaleX(1)}
@media(max-width:1180px) and (min-width:921px){.site-header__actions .button--header{display:none}
.primary-nav{gap:15px}
}
@media(max-width:920px){


.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.products-cta__grid{grid-template-columns:1fr;gap:35px}
}
@media(max-width:640px){
.products-hero__actions .button{width:100%;justify-content:space-between}
.products-path__grid,.products-grid{grid-template-columns:1fr}
.products-path__card{min-height:0;padding:28px 60px 30px 26px}
.products-equipment__grid a{grid-template-columns:1fr auto;gap:7px}
.products-equipment__grid a span{grid-column:1 / -1}
.products-equipment__grid a strong{font-size:31px}
.products-card p{min-height:0}
}
@media(prefers-reduced-motion:reduce){.products-path__card,.products-card__image img,.products-equipment__grid a{transition:none}
}

/* WordPress product catalog, populated from the Products admin menu. */
.rayli-catalog{background:#fff}
 .rayli-catalog__layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start;margin-top:44px}
.rayli-catalog__categories{display:grid;gap:2px;padding:18px;background:#f1f7fc;border:1px solid #e0eaf2}
.rayli-catalog__categories h3{margin:0 0 15px;font-family:var(--font-display);font-size:27px;text-transform:uppercase}
.rayli-catalog__categories a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 9px;line-height:1.5;color:#123958;font-size:16px;border-bottom:1px solid #e0eaf2}
.rayli-catalog__categories a:hover,.rayli-catalog__categories a[aria-current=page]{color:var(--color-action);background:#fff}
.rayli-catalog__categories span{color:#607787}
.rayli-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rayli-catalog-card{display:flex;flex-direction:column;border:1px solid #e0eaf2;background:#fff;min-width:0}
.rayli-catalog-card__image{display:grid;place-items:center;aspect-ratio:1.25;background:#eef2ef;overflow:hidden}
.rayli-catalog-card__image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .25s ease}
.rayli-catalog-card__empty{font-size:16px;color:#607787}
.rayli-catalog-card__body{display:flex;flex:1;flex-direction:column;padding:20px}
.rayli-catalog-card__category{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-action)}
.rayli-catalog-card h3{margin:9px 0 14px;font-family:var(--font-display);font-size:26px;line-height:1.08;text-transform:uppercase}
.rayli-catalog-card__body>p:not(.rayli-catalog-card__category){font-size:17px;line-height:1.6}
.rayli-catalog-card__link{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px;font-size:16px;font-weight:700;color:var(--color-action)}
.rayli-catalog__pagination{display:flex;gap:7px;margin-top:26px}
.rayli-catalog__pagination a{display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid #cddbd2}
.rayli-catalog__pagination a[aria-current=page]{background:#123958;color:#fff}
@media(max-width:1100px){.rayli-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){.rayli-catalog__layout{grid-template-columns:1fr}
.rayli-catalog__categories{display:flex;flex-wrap:wrap;gap:6px;padding:14px}
.rayli-catalog__categories h3{flex:0 0 100%;margin-bottom:6px}
.rayli-catalog__categories a{border:1px solid #e0eaf2;background:#fff}
.rayli-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rayli-catalog-card__image{aspect-ratio:1.5}
}

.rayli-catalog-card__image{position:relative}
.rayli-catalog-card__concept{position:absolute;left:12px;bottom:12px;padding:5px 9px;background:#123958;color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em}


.products-section .section-heading--split{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px}

.products-section .section-heading__aside p{font-size:18px;line-height:1.65}

.products-hero__copy,.products-cta__grid>div,.rayli-catalog__layout>div{min-width:0}



.products-section a:focus-visible{outline:3px solid #087746;outline-offset:4px}

@media(max-width:920px){.products-section .section-heading--split{grid-template-columns:1fr;gap:24px}
.products-section .section-heading__aside{padding-left:0;border-left:0}

.rayli-catalog__categories a{min-height:44px}
}

@media(max-width:640px){.rayli-catalog__grid{grid-template-columns:minmax(0,1fr)}

.products-hero__visual .ai-image-label{font-size:13px;letter-spacing:.04em}
.products-section h2{font-size:42px}
.products-cta .button{width:100%;justify-content:space-between}
}


@media (max-width: 920px) {
  .products-hero { min-height: 650px; }
  .products-hero__visual { left: 0; }
  .products-hero__visual::after {
    background: linear-gradient(90deg,rgba(6, 43, 72,.96),rgba(6, 43, 72,.65)),linear-gradient(0deg,rgba(6, 43, 72,.72),transparent 50%);
  }
  .products-hero__copy { max-width: 680px; }
}
@media (max-width: 640px) {
  .products-hero { min-height: 0; padding-top: calc(var(--header-height) + 26px); padding-bottom: 88px; }
  .products-hero h1 { font-size: clamp(48px,12vw,68px); line-height: .98; }
  .products-hero .products-hero__lead { font-size: 18px; }
  .products-hero .breadcrumb { margin-bottom: 28px; }
  .products-hero__visual .ai-image-label { right: var(--gutter); bottom: 22px; max-width: calc(100% - var(--gutter)*2); }
}
