.home-masthead {
  position: sticky;
  top: 0;
  z-index: 41;
  background: linear-gradient(180deg, #081b26f5, #081b26b8 65%, #081b2600);
}
.home-masthead .utilitybar,
.home-masthead .shared-header {
  background: transparent !important;
  backdrop-filter: none;
}
.home-masthead.is-scrolled {
  background: #112d38;
}
.home-immersive .showroom-hero {
  max-width: none;
  width: 100%;
  padding: 0;
}
.home-immersive .cinema-carousel {
  margin-top: calc(-1 * var(--masthead-height, 120px));
  min-height: clamp(640px, 85svh, 850px);
  max-height: none;
  border: 0;
  border-radius: 0;
}
.home-immersive .cinema-panel.new-slide {
  padding-top: calc(var(--masthead-height, 120px) + 30px);
}
.home-immersive .confidence-strip {
  width: min(92%, 1550px);
  margin-inline: auto;
}
@media (max-width: 700px) {
  .home-immersive .cinema-carousel {
    min-height: max(680px, 88svh);
  }
}

.home-immersive .cinema-track {
  position: absolute;
  inset: 0;
  display: block;
}

.home-immersive .cinema-panel.new-slide {
  position: absolute;
  inset: 0;
  visibility: hidden;
}
.home-immersive .cinema-panel.is-outgoing {
  visibility: visible;
  z-index: 1;
}
.home-immersive .cinema-panel[aria-hidden="false"] {
  visibility: visible;
  z-index: 2;
}
@media (prefers-reduced-motion: no-preference) {
  .home-immersive .cinema-panel.is-entering {
    transform-origin: center top;
    animation: hero-page-turn 900ms cubic-bezier(.22,.65,.3,1) both;
  }
    .home-immersive .cinema-panel[aria-hidden="false"] .cinema-backdrop,
  .home-immersive .cinema-panel[aria-hidden="false"] .hero-equipment-stage {
    animation: hero-photo-zoom 7s linear both;
  }
  .home-immersive .slide-1[aria-hidden="false"] .cinema-backdrop {
    animation-direction: reverse;
  }
  .home-immersive .slide-6[aria-hidden="false"] .cinema-backdrop {
    animation: none;
  }
}
@keyframes hero-page-turn {
  from { transform: perspective(1500px) rotateX(-18deg); clip-path: inset(0 0 85% 0); opacity: .65; }
  to { transform: perspective(1500px) rotateX(0); clip-path: inset(0); opacity: 1; }
}
@keyframes hero-photo-zoom {
  from { scale: 1.07; }
  to { scale: 1; }
}

.home-masthead .header-nav > a {
  position: relative;
}
.home-masthead .header-nav > a::after {
  content: "";
  position: absolute;
  inset-inline: 6px;
  bottom: 3px;
  height: 2px;
  background: #f3c449;
  transform: scaleX(0);
  transition: transform 300ms ease;
}
.home-masthead .header-nav > a:is(:hover, :focus-visible, [aria-current="page"])::after {
  transform: scaleX(1);
}
@media (prefers-reduced-motion: reduce) {
  .home-masthead .header-nav > a::after { transition: none; }
}

.client-sectors article {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.client-sectors article > img {
  width: min(110px, 100%);
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 8px;
}
.client-sectors article > div > span {
  color: #efbe35;
  font-size: 12px;
  letter-spacing: 1px;
}
.client-sectors article h3 {
  margin-top: 12px;
}

.category-poster {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  min-width: 0;
  padding: clamp(14px, 2vw, 26px);
  gap: 9px;
  border: 1px solid #ffffff29;
  border-radius: 14px;
  background: radial-gradient(ellipse at 65% 70%, #59717a, #23333b 65%, #17232a);
  color: #fff;
  text-decoration: none;
}
.category-poster h3 { margin: 0; font-size: clamp(17px, 2vw, 26px); }
.category-poster p { margin: 0; color: #dbe5e9; font-size: 13px; }
.category-poster img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 6px;
}
.category-poster > span { color: #ffd36b; font-size: 13px; }
.category-poster:is(:hover, :focus-visible) { border-color: #ffd36b; }

#brands {
  background: linear-gradient(105deg, #102c39, #17232c);
  border-block: 1px solid #d6ae5b35;
}
#brands .brand-viewport {
  background: #0d202a;
  border: 1px solid #d6ae5b38;
  border-radius: 12px;
  box-shadow: none;
}
#brands .logo-conveyor a {
  background: #e7edf0;
  border-radius: 7px;
  padding: 8px 12px;
}
#brands .brands-intro span { color: #f3ce7d; }
.client-sectors article > img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

#brands .logo-conveyor a {
  position: relative;
  transition: transform 220ms ease, box-shadow 220ms ease;
}
#brands .logo-conveyor a:is(:hover, :focus-visible) {
  z-index: 1;
  transform: translateY(-5px) scale(1.09);
  box-shadow: 0 8px 18px #0006, 0 0 0 1px #e7bd69;
}
@media (prefers-reduced-motion: reduce) {
  #brands .logo-conveyor a { transition: none; }
  #brands .logo-conveyor a:is(:hover, :focus-visible) { transform: none; }
}

#brands .brand-viewport {
  background: repeating-linear-gradient(0deg,#ffffff12 0 1px,#00000012 1px 3px),
    linear-gradient(110deg,#687980,#d8e1e4 42%,#84969e 72%,#52666f);
}
#brands .logo-conveyor a {
  background: #e5edefa8;
  border-radius: 14px;
  transition: transform 240ms cubic-bezier(.2,1.5,.4,1), background 180ms, box-shadow 180ms;
}
#brands .logo-conveyor a:is(:hover,:focus-visible) {
  z-index: 3;
  transform: translateY(-6px) scale(1.2);
  background: #fff;
  box-shadow: 0 8px 22px #05131c99,0 0 0 2px #f5cc78;
}
@media (prefers-reduced-motion: reduce) {
  #brands .logo-conveyor a { transition: none; }
  #brands .logo-conveyor a:is(:hover,:focus-visible) { transform: none; }
}

#brands .logo-conveyor a,
#brands .logo-conveyor a:is(:hover,:focus-visible) {
  background: transparent;
  box-shadow: none;
}
#brands .logo-conveyor a:is(:hover,:focus-visible) {
  filter: drop-shadow(0 5px 5px #15283380);
}

.client-sectors article {
  position: relative;
  isolation: isolate;
  aspect-ratio: 1;
  padding: 0;
  overflow: hidden;
}
.client-sectors article > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.client-sectors article > div {
  position: absolute;
  inset: auto 12px 12px;
  padding: 12px 16px;
  border-radius: 16px;
  background: #102932ed;
  border: 1px solid #dab46880;
  transition: transform .25s ease;
}
.client-sectors article > div > span { display: none; }
.client-sectors article h3 { margin: 0; }
.client-sectors article p { margin: 7px 0 0; }
.category-poster { position: relative; }
.category-poster p {
  position: absolute;
  z-index: 2;
  inset: auto 12px 54px;
  padding: 12px 16px;
  border-radius: 16px;
  background: #102932f5;
  border: 1px solid #dab46880;
}
@media (hover: hover) and (pointer: fine) {
  .client-sectors article p, .category-poster p {
    opacity: 0;
    transform: translateY(8px) scale(.96);
    transition: opacity .22s ease, transform .25s ease;
  }
  .client-sectors article p { display: none; }
  .client-sectors article:is(:hover,:focus-within) p { display: block; }
  .client-sectors article:is(:hover,:focus-within) > div { transform: translateY(-5px); }
  .client-sectors article:is(:hover,:focus-within) p,
  .category-poster:is(:hover,:focus-within) p { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .client-sectors article > div, .client-sectors article p, .category-poster p { transition: none; }
}

.client-sectors article > div, .category-poster p {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.client-sectors article::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 35%, #071923ee);
  pointer-events: none;
}
.client-sectors article > div { z-index: 1; }
.category-poster {
  overflow: hidden;
  isolation: isolate;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 8px;
}
.category-poster img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 0;
}
.category-poster::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(transparent 35%, #071923f5);
  pointer-events: none;
}
.category-poster p { position: static; padding: 0; }
@media (hover: hover) and (pointer: fine) {
  .client-sectors article p { display: block; }
  .client-sectors article > div { transform: translateY(14px); }
  .client-sectors article:is(:hover,:focus-within) > div { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .client-sectors article > div,
  .client-sectors article p, .category-poster p { transform: none; }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .client-sectors article > img,
  .category-poster > img {
    transition: scale .45s ease;
  }
  .client-sectors article:is(:hover, :focus-visible) > img,
  .category-poster:is(:hover, :focus-visible) > img {
    scale: 1.06;
  }
}