/* FINAL VISUAL OVERRIDES — intentionally last */
.glass:not(.site-header),
.page-hero-content,
.service-page-list article.glass,
.service-callout > div,
.about-story,
.about-facts,
.values > div,
.about-quote blockquote,
.contact-copy,
.contact-card,
.home-cta > div,
.hero-action-panel,
.hero-card,
.feature-card > div,
.view-chip,
.project-dialog {
  isolation: isolate;
  background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(20,23,18,.54) 48%, rgba(5,7,5,.46)) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.16), inset 0 -1px rgba(0,0,0,.3) !important;
  backdrop-filter: blur(30px) saturate(1.45) brightness(.84) !important;
  -webkit-backdrop-filter: blur(30px) saturate(1.45) brightness(.84) !important;
}

.work-nav.glass {
  background: linear-gradient(120deg, rgba(255,255,255,.14), rgba(24,28,21,.54), rgba(5,7,5,.44)) !important;
  border-color: rgba(224,175,54,.3) !important;
  backdrop-filter: blur(32px) saturate(1.55) brightness(.86) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.55) brightness(.86) !important;
}

.cinema-backdrop .cinema-stage {
  opacity: .28 !important;
  filter: blur(5px) drop-shadow(0 30px 50px rgba(0,0,0,.72)) saturate(.86) !important;
}

.service-page-list article { container-type: inline-size; }
.service-page-list h2 {
  max-width: 100%;
  font-size: clamp(36px,5cqw,68px);
  overflow-wrap: anywhere;
}

@media (min-width:901px) {
  .page-hero-content {
    width: min(1120px,88vw) !important;
    max-width: min(1120px,88vw) !important;
    container-type: inline-size;
  }
  .page-hero-content h1 {
    max-width: 100%;
    font-size: clamp(68px,11.3cqw,132px) !important;
  }
  .page-hero-content p {
    width: min(470px,46%);
    max-width: 100%;
    margin: 30px 0 0 auto !important;
  }
}

@media (max-width:900px) {
  .page-hero-content h1 {
    max-width: 100%;
    font-size: clamp(48px,15vw,66px) !important;
  }
  .page-hero-content p {
    width: 100% !important;
    max-width: 580px !important;
    margin: 24px 0 0 !important;
  }
  .service-page-list h2 {
    font-size: clamp(34px,9cqw,54px) !important;
  }
  .header-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  :is(.primary-btn,.glass-btn,.header-cta,.arrow-link) > :is(span,i) {
    position: relative !important;
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    align-self: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }
  :is(.primary-btn,.glass-btn,.header-cta,.arrow-link) > :is(span,i)::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: currentColor !important;
    clip-path: polygon(38% 0,100% 0,100% 62%,80% 62%,80% 34%,14% 100%,0 86%,66% 20%,38% 20%) !important;
  }
  :is(.primary-btn,.glass-btn,.header-cta,.arrow-link) > :is(span,i)::after {
    content: none !important;
  }
}
/* FINAL MOBILE DOCK GLASS */

@media (max-width:900px) {
  .site-header nav {
    overflow: hidden !important;
    isolation: isolate;
    background: linear-gradient(135deg, rgba(255,255,255,.15), rgba(30,34,27,.58), rgba(5,7,5,.46)) !important;
    border-color: rgba(224,175,54,.32) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.17), inset 0 -1px rgba(0,0,0,.34) !important;
    backdrop-filter: blur(30px) saturate(1.65) !important;
    -webkit-backdrop-filter: blur(30px) saturate(1.65) !important;
  }
  .site-header nav a {
    position: relative;
    z-index: 1;
  }
}
/* FINAL VISUAL OVERRIDES — intentionally last */
.glass:not(.site-header),
.page-hero-content,
.service-page-list article.glass,
.service-callout > div,
.about-story,
.about-facts,
.values > div,
.about-quote blockquote,
.contact-copy,
.contact-card,
.home-cta > div,
.hero-action-panel,
.hero-card,
.feature-card > div,
.view-chip,
.project-dialog {
  isolation: isolate;
  background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(20,23,18,.54) 48%, rgba(5,7,5,.46)) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.16), inset 0 -1px rgba(0,0,0,.3) !important;
  backdrop-filter: blur(30px) saturate(1.45) brightness(.84) !important;
  -webkit-backdrop-filter: blur(30px) saturate(1.45) brightness(.84) !important;
}

.work-nav.glass {
  background: linear-gradient(120deg, rgba(255,255,255,.14), rgba(24,28,21,.54), rgba(5,7,5,.44)) !important;
  border-color: rgba(224,175,54,.3) !important;
  backdrop-filter: blur(32px) saturate(1.55) brightness(.86) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.55) brightness(.86) !important;
}

.cinema-backdrop .cinema-stage {
  opacity: .28 !important;
  filter: blur(5px) drop-shadow(0 30px 50px rgba(0,0,0,.72)) saturate(.86) !important;
}

.service-page-list article { container-type: inline-size; }
.service-page-list h2 {
  max-width: 100%;
  font-size: clamp(36px,5cqw,68px);
  overflow-wrap: anywhere;
}

@media (min-width:901px) {
  .page-hero-content {
    width: min(1120px,88vw) !important;
    max-width: min(1120px,88vw) !important;
    container-type: inline-size;
  }
  .page-hero-content h1 {
    max-width: 100%;
    font-size: clamp(68px,11.3cqw,132px) !important;
  }
  .page-hero-content p {
    width: min(470px,46%);
    max-width: 100%;
    margin: 30px 0 0 auto !important;
  }
}

@media (max-width:900px) {
  .page-hero-content h1 {
    max-width: 100%;
    font-size: clamp(48px,15vw,66px) !important;
  }
  .page-hero-content p {
    width: 100% !important;
    max-width: 580px !important;
    margin: 24px 0 0 !important;
  }
  .service-page-list h2 {
    font-size: clamp(34px,9cqw,54px) !important;
  }
  .header-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  :is(.primary-btn,.glass-btn,.header-cta,.arrow-link) > :is(span,i) {
    position: relative !important;
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    align-self: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }
  :is(.primary-btn,.glass-btn,.header-cta,.arrow-link) > :is(span,i)::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: currentColor !important;
    clip-path: polygon(38% 0,100% 0,100% 62%,80% 62%,80% 34%,14% 100%,0 86%,66% 20%,38% 20%) !important;
  }
  :is(.primary-btn,.glass-btn,.header-cta,.arrow-link) > :is(span,i)::after {
    content: none !important;
  }
}