/* ICONIC About Hero + homepage default story. Scoped and loaded after the child theme. */

/* The About slide intentionally reuses the child theme's editorial sweep title
   treatment, but keeps photographic cover behavior instead of the retired
   product-slide image geometry. */
.iconic-premium-slider__slide--about.iconic-premium-slider__slide--product .iconic-premium-slider__media {
  background: #071009;
}
.iconic-premium-slider__slide--about.iconic-premium-slider__slide--product .iconic-premium-slider__media img {
  height: 100% !important;
  object-fit: cover !important;
  object-position: 60% center !important;
  padding: 0 !important;
  width: 100% !important;
}
.iconic-premium-slider__slide--about.iconic-premium-slider__slide--product .iconic-premium-slider__wash {
  background:
    radial-gradient(circle at 18% 70%, rgba(119, 191, 84, .14), transparent 31%),
    linear-gradient(90deg, rgba(3, 9, 5, .99) 0%, rgba(4, 12, 7, .94) 31%, rgba(5, 15, 9, .65) 49%, rgba(5, 13, 8, .17) 70%, rgba(4, 10, 6, .02) 100%);
}
.iconic-premium-slider__slide--about .iconic-premium-slider__content { max-width: min(690px, 50vw); }
.iconic-premium-slider__slide--about .iconic-premium-slider__description { max-width: 590px; }
.iconic-premium-slider__slide--about.is-active .iconic-premium-slider__media img { transform: scale(1.085); }

/* A restrained lower light trace ties the new image into the existing green
   motion language without editing the supplied artwork. */
.iconic-premium-slider__slide--about::after,
.iconic-about-page-hero::after {
  background: linear-gradient(90deg, transparent 0%, rgba(178, 225, 100, .12) 38%, rgba(195, 235, 116, .7) 54%, rgba(178, 225, 100, .08) 70%, transparent 100%);
  bottom: 0;
  content: '';
  height: 1px;
  left: 5vw;
  opacity: .72;
  pointer-events: none;
  position: absolute;
  right: 5vw;
  z-index: 4;
}

/* About Us page: retire only its dated first Elementor banner; all source data
   remains untouched and comes back automatically if this patch is removed. */
body.page-id-608.iconic-facelift .elementor-608 > .elementor-element-dba77c4,
body.page-id-608.iconic-facelift .elementor-element-dba77c4:first-child {
  display: none !important;
}

.iconic-about-page-hero {
  min-height: clamp(660px, 51vw, 820px);
}
.iconic-about-page-hero .iconic-service-page-hero__media img {
  object-position: 60% center;
  transform: scale(1.015);
}
.iconic-about-page-hero:hover .iconic-service-page-hero__media img { transform: scale(1.075); }
.iconic-about-page-hero .iconic-service-page-hero__wash {
  background:
    radial-gradient(circle at 16% 72%, rgba(127, 199, 88, .15), transparent 29%),
    linear-gradient(90deg, rgba(3, 9, 5, .99) 0%, rgba(4, 12, 7, .94) 30%, rgba(5, 14, 8, .63) 50%, rgba(5, 13, 8, .18) 72%, rgba(5, 12, 7, .02) 100%);
}
.iconic-about-page-hero .iconic-service-page-hero__content { max-width: min(720px, 51vw); }
.iconic-about-page-hero .iconic-service-page-hero__description { max-width: 600px; }
.iconic-about-page-hero__title { opacity: 1 !important; transform: none !important; }
.iconic-about-title-line {
  clip-path: inset(0 100% 0 0);
  display: block;
  opacity: 0;
  transform: translateX(-.12em);
}
.iconic-about-page-hero.is-visible .iconic-about-title-line {
  animation: iconic-about-title-sweep .82s both cubic-bezier(.2,.8,.2,1);
}
.iconic-about-page-hero.is-visible .iconic-about-title-line:nth-child(1) { animation-delay: .12s; }
.iconic-about-page-hero.is-visible .iconic-about-title-line:nth-child(2) { animation-delay: .31s; }

@keyframes iconic-about-title-sweep {
  from { clip-path: inset(0 100% 0 0); opacity: 0; transform: translateX(-.12em); }
  to { clip-path: inset(0 0 0 0); opacity: 1; transform: translateX(0); }
}

@media (max-width: 767px) {
  .iconic-premium-slider__slide--about.iconic-premium-slider__slide--product .iconic-premium-slider__media img {
    object-position: 68% center !important;
    padding: 0 !important;
  }
  .iconic-premium-slider__slide--about.iconic-premium-slider__slide--product .iconic-premium-slider__wash {
    background: linear-gradient(180deg, rgba(4, 10, 6, .18) 0%, rgba(4, 10, 6, .35) 28%, rgba(4, 10, 6, .82) 64%, rgba(3, 8, 5, .99) 100%);
  }
  .iconic-premium-slider__slide--about .iconic-premium-slider__content { max-width: calc(100% - 2.7rem); }
  .iconic-about-page-hero { min-height: 720px; }
  .iconic-about-page-hero .iconic-service-page-hero__media img { object-position: 68% center; }
  .iconic-about-page-hero .iconic-service-page-hero__wash {
    background: linear-gradient(180deg, rgba(4, 10, 6, .16) 0%, rgba(4, 10, 6, .34) 30%, rgba(4, 10, 6, .84) 64%, rgba(3, 8, 5, .99) 100%);
  }
  .iconic-about-page-hero .iconic-service-page-hero__content { max-width: calc(100% - 2.7rem); }
}

@media (prefers-reduced-motion: reduce) {
  .iconic-about-title-line { clip-path: none; opacity: 1; transform: none; }
}

/* Patch 05B — the arrival loader is longer than the slider interval, so JS
   resets slide 01 at hand-off. On phones preserve the COMPLETE 1920×900 About
   artwork instead of cropping away the logo, subject, or environmental cues. */
@media (max-width: 767px) {
  .iconic-premium-slider__slide--about.iconic-premium-slider__slide--product .iconic-premium-slider__media {
    background: #071009 !important;
  }
  .iconic-premium-slider__slide--about.iconic-premium-slider__slide--product .iconic-premium-slider__media img {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    padding: 0 !important;
    transform: translateY(0) !important;
    width: 100% !important;
  }
  .iconic-premium-slider__slide--about.iconic-premium-slider__slide--product.is-active .iconic-premium-slider__media img {
    transform: translateY(-.35%) !important;
  }
  .iconic-premium-slider__slide--about .iconic-premium-slider__wash {
    background: linear-gradient(180deg, rgba(5, 13, 8, .01) 0%, rgba(5, 13, 8, .08) 28%, rgba(5, 13, 8, .76) 48%, #071009 69%) !important;
  }

  .iconic-about-page-hero .iconic-service-page-hero__media {
    background: #071009;
  }
  .iconic-about-page-hero .iconic-service-page-hero__media img,
  .iconic-about-page-hero:hover .iconic-service-page-hero__media img {
    display: block;
    height: auto !important;
    max-height: none;
    object-fit: contain !important;
    object-position: center top !important;
    transform: none !important;
    width: 100% !important;
  }
  .iconic-about-page-hero .iconic-service-page-hero__wash {
    background: linear-gradient(180deg, rgba(5, 13, 8, .01) 0%, rgba(5, 13, 8, .08) 27%, rgba(5, 13, 8, .78) 48%, #071009 68%) !important;
  }
}