/* BANG! Advertising — Products page 2026 */
.products-page .main-nav .dropdown-toggle.is-active .underline{transform:scaleX(1)}
.products-hero{position:relative;min-height:741px;overflow:hidden;background:#fff}
.products-hero__media{position:absolute;inset:0;background:url('../img/products/products-hero.jpg') center center/cover no-repeat}
.products-hero__inner{position:relative;z-index:1;display:flex;align-items:center;min-height:741px}
.products-hero__copy{width:min(690px,44vw);margin-left:0}
.products-hero__eyebrow{font-size:29px;margin:0 0 48px}
.products-hero__title{font-family:var(--font-display);font-variation-settings:"wdth" var(--display-width),"wght" var(--display-weight);font-weight:var(--display-weight);font-style:italic;text-transform:uppercase;font-size:76px;line-height:.9;margin:0}
.products-hero__title span{color:var(--red)}
.products-hero__rule{width:244px;height:5px;background:var(--red);margin:44px 0 38px}
.products-hero__copy>p:last-child{font-size:31px;line-height:1.22;max-width:650px;margin:0}
.products-framework{background:#f3f3f3;text-align:center;padding:86px 0 78px}
.products-framework h2{font-family:var(--font-display);font-variation-settings:"wdth" var(--display-width),"wght" 800;font-size:54px;text-transform:uppercase;line-height:1;margin:0 0 30px}
.products-framework__lead{font-size:28px;margin:0 0 62px}
.products-framework__grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:64px;position:relative}
.products-framework__grid:before{content:"";position:absolute;left:13%;right:13%;top:82px;border-top:4px dotted #111;z-index:0}
.framework-step{position:relative;z-index:1;display:block;background:#f3f3f3}
.framework-step img{width:165px;height:165px;object-fit:contain;background:#f3f3f3}
.framework-step h3{font-family:var(--font-display);font-variation-settings:"wdth" var(--display-width),"wght" 800;font-size:40px;font-style:italic;text-transform:uppercase;margin:22px 0 12px;line-height:1}
.framework-step p{font-size:20px;line-height:1.2;margin:0}
.framework-step--ignite h3{color:var(--red)}.framework-step--prepare h3{color:var(--orange)}.framework-step--launch h3{color:var(--purple)}.framework-step--support h3{color:var(--teal)}
.product-phase{padding:88px 0 82px;background:#f5f5f5;border-top:34px solid #fff;scroll-margin-top:var(--header-h)}
.product-phase__layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:72px;align-items:start}
.product-phase__intro{padding-left:62px;border-left:4px solid currentColor;min-height:100%}
.product-phase__icon{width:62px;height:92px;object-fit:contain;object-position:left bottom;margin-bottom:20px}
.product-phase__intro h2{font-family:var(--font-display);font-variation-settings:"wdth" var(--display-width),"wght" 800;font-size:58px;font-style:italic;text-transform:uppercase;line-height:.95;margin:0 0 28px;color:currentColor}
.product-phase__intro p{font-size:27px;line-height:1.12;margin:0 0 20px;color:#000}
.product-phase__intro .product-phase__bold{font-weight:700;font-size:27px}
.product-phase--ignite{color:var(--red)}.product-phase--prepare{color:var(--orange)}.product-phase--launch{color:var(--purple)}.product-phase--support{color:var(--teal)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 26px}
.product-card{margin:0;text-align:center;color:#000}
.product-card img{display:block;width:100%;aspect-ratio:306/230;object-fit:cover;border-radius:18px;margin-bottom:14px}
.product-card figcaption{font-size:19px;line-height:1.15}
.products-page .contact{padding-top:84px}
.products-page .contact .section-title{font-size:70px;margin-bottom:55px}
@media(max-width:1400px){.products-hero{min-height:620px}.products-hero__inner{min-height:620px}.products-hero__title{font-size:66px}.products-hero__copy>p:last-child{font-size:27px}.product-phase__layout{grid-template-columns:300px 1fr;gap:45px}.product-phase__intro{padding-left:42px}.product-phase__intro p{font-size:23px}.product-card figcaption{font-size:17px}}
@media(max-width:1100px){.products-hero__media{background-position:58% center}.products-hero__copy{width:48vw}.products-framework__grid{gap:24px}.products-framework__grid:before{display:none}.product-phase__layout{grid-template-columns:240px 1fr;gap:30px}.product-phase__intro{padding-left:30px}.product-phase__intro h2{font-size:48px}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.products-hero{min-height:0;padding:58px 0 360px}.products-hero__inner{min-height:0;align-items:flex-start}.products-hero__media{background-size:auto 430px;background-position:72% bottom;background-repeat:no-repeat}.products-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#fff 0 47%,rgba(255,255,255,.9) 58%,rgba(255,255,255,0) 74%)}.products-hero__copy{width:100%}.products-hero__eyebrow{font-size:22px;margin-bottom:28px}.products-hero__title{font-size:50px}.products-hero__rule{width:160px;height:4px;margin:28px 0 25px}.products-hero__copy>p:last-child{font-size:20px;max-width:520px}.products-framework{padding:58px 0}.products-framework h2{font-size:38px}.products-framework__lead{font-size:20px;margin-bottom:42px}.products-framework__grid{grid-template-columns:repeat(2,1fr);gap:42px 20px}.framework-step img{width:120px;height:120px}.framework-step h3{font-size:31px}.framework-step p{font-size:17px}.product-phase{padding:56px 0;border-top-width:18px}.product-phase__layout{grid-template-columns:1fr;gap:38px}.product-phase__intro{border-left:0;border-top:4px solid currentColor;padding:28px 0 0}.product-phase__icon{width:48px;height:65px}.product-phase__intro h2{font-size:44px}.product-phase__intro p,.product-phase__intro .product-phase__bold{font-size:20px;max-width:520px}.product-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px}.product-card img{border-radius:12px}.product-card figcaption{font-size:15px}.products-page .contact .section-title{font-size:46px}}
@media(max-width:440px){.products-hero{padding-bottom:300px}.products-hero__media{background-size:auto 350px}.products-hero__title{font-size:43px}.products-framework__grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.product-card figcaption{font-size:14px}}

/* Subtle product gallery motion */
.product-card {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1);
}
.product-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.product-card img {
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, filter .35s ease;
  will-change: transform;
}
.product-card:hover img {
  transform: translateY(-5px) scale(1.025);
  box-shadow: 0 12px 24px rgba(0,0,0,.12);
  filter: saturate(1.04);
}
.product-card figcaption {
  transition: transform .3s ease;
}
.product-card:hover figcaption {
  transform: translateY(2px);
}
@media (prefers-reduced-motion: reduce) {
  .product-card { opacity: 1; transform: none; transition: none; }
  .product-card img, .product-card figcaption { transition: none; }
  .product-card:hover img, .product-card:hover figcaption { transform: none; }
}

/* Client update: mobile hero image first, then copy. Desktop remains unchanged. */
@media(max-width:767px){
  .products-hero{display:block;min-height:0;padding:0;background:#fff}
  .products-hero__media{position:relative;inset:auto;display:block;width:100%;height:52vw;min-height:230px;max-height:390px;background-size:cover;background-position:72% center}
  .products-hero__media:after{background:rgba(255,255,255,.12)}
  .products-hero__inner{display:block;min-height:0;padding-top:44px;padding-bottom:58px}
}