/* Desktop-only 80%-view treatment for About Alfred -> Our Bedrock.
   Backgrounds stay full-width and unclipped; only section content is scaled. */

@media (min-width: 992px) {
  .about-alfred-band,
  .brand-story,
  .asbestos-reality,
  .asbestos-hides,
  .timeline-container.journey-loop-section,
  .bedrock-background-band {
    width: 100% !important;
    margin-left: 0 !important;
    overflow: hidden !important;
    zoom: 1 !important;
    background-position: center top !important;
    background-size: 100% auto !important;
  }

  .about-alfred-band::before,
  .asbestos-reality::before,
  .timeline-container.journey-loop-section::before,
  .services-section-new::before,
  .achievement-section::before {
    inset: 0 !important;
    width: 100% !important;
  }

  .about-alfred-band::after,
  .brand-story::after,
  .asbestos-reality::after,
  .asbestos-hides::after,
  .timeline-container.journey-loop-section::after,
  .bedrock-background-band::before,
  .bedrock-background-band::after {
    display: none !important;
    content: none !important;
  }

  .about-alfred-band > .about-editorial,
  .brand-story > .brand-story__inner,
  .asbestos-reality > .asbestos-reality__stage,
  .timeline-container.journey-loop-section > .timeline-title,
  .timeline-container.journey-loop-section > .timeline-title__accent,
  .timeline-container.journey-loop-section > .journey-timeline-subtitle,
  .timeline-container.journey-loop-section > .journey-reel,
  .bedrock-background-band > .bedrock-section,
  .bedrock-background-band > .youtube-section {
    transform: scale(0.8) !important;
    transform-origin: top center !important;
  }

  .about-alfred-band > .about-editorial,
  .brand-story > .brand-story__inner,
  .asbestos-reality > .asbestos-reality__stage,
  .timeline-container.journey-loop-section > .journey-reel,
  .bedrock-background-band > .bedrock-section,
  .bedrock-background-band > .youtube-section {
    width: 125% !important;
    max-width: none !important;
    margin-left: -12.5% !important;
    margin-right: 0 !important;
  }

  .about-alfred-band {
    min-height: 44rem !important;
    overflow: visible !important;
  }

  .about-alfred-band,
  .asbestos-reality,
  .timeline-container.journey-loop-section {
    background-color: #f7f7f4 !important;
    background-image:
      linear-gradient(180deg,
        rgba(0, 0, 0, 0.18) 0%,
        rgba(0, 0, 0, 0.06) 7%,
        rgba(0, 0, 0, 0) 18%,
        rgba(0, 0, 0, 0) 82%,
        rgba(0, 0, 0, 0.07) 93%,
        rgba(0, 0, 0, 0.2) 100%),
      radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.18) 34%, rgba(255, 255, 255, 0) 64%),
      linear-gradient(180deg, rgba(248, 248, 246, 0.06), rgba(245, 245, 242, 0.04)),
      url("../assets/img/shared-section-background.png") !important;
    background-position: center center, center center, center center, center top !important;
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% auto !important;
    background-repeat: no-repeat !important;
  }

  .about-alfred-band,
  .asbestos-reality,
  .timeline-container.journey-loop-section {
    background-color: transparent !important;
    background-image: none !important;
  }

  .about-alfred-band::before,
  .asbestos-reality::before,
  .timeline-container.journey-loop-section::before {
    opacity: 0.11 !important;
    background-image:
      url("../assets/img/our-story-watermark-logo.png"),
      linear-gradient(30deg, rgba(13, 92, 63, 0.03) 12%, transparent 12.5%, transparent 87%, rgba(13, 92, 63, 0.03) 87.5%, rgba(13, 92, 63, 0.03)),
      linear-gradient(150deg, rgba(13, 92, 63, 0.03) 12%, transparent 12.5%, transparent 87%, rgba(13, 92, 63, 0.03) 87.5%, rgba(13, 92, 63, 0.03)) !important;
    background-size: min(54vw, 42rem) auto, 4.8rem 8.4rem, 4.8rem 8.4rem !important;
    background-position: center center, 0 0, 0 0 !important;
    background-repeat: no-repeat, repeat, repeat !important;
  }

  .about-alfred-band::before,
  .asbestos-reality::before,
  .timeline-container.journey-loop-section::before {
    opacity: 1 !important;
    background-image:
      linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.18) 10%, rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.04) 76%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.36) 100%),
      radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.05) 32%, rgba(0, 0, 0, 0.04) 58%, rgba(0, 0, 0, 0.2) 100%),
      linear-gradient(30deg, rgba(13, 92, 63, 0.03) 12%, transparent 12.5%, transparent 87%, rgba(13, 92, 63, 0.03) 87.5%, rgba(13, 92, 63, 0.03)),
      linear-gradient(150deg, rgba(13, 92, 63, 0.03) 12%, transparent 12.5%, transparent 87%, rgba(13, 92, 63, 0.03) 87.5%, rgba(13, 92, 63, 0.03)),
      url("../assets/img/shared-section-background.png") !important;
    background-size: 100% 100%, 100% 100%, 4.8rem 8.4rem, 4.8rem 8.4rem, 100% auto !important;
    background-position: center center, center center, 0 0, 0 0, center top !important;
    background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat !important;
    -webkit-mask-image: radial-gradient(ellipse at 50% 42%, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.7) 52%, #000 68%);
    mask-image: radial-gradient(ellipse at 50% 42%, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.7) 52%, #000 68%);
  }

  .about-alfred-band {
    margin-top: 0 !important;
    overflow: hidden !important;
  }

  .about-alfred-band::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  .about-alfred-band > .about-editorial {
    padding-top: 4.5rem !important;
    padding-bottom: 1.5rem !important;
    margin-bottom: -5rem !important;
  }

  .about-alfred-band .about-editorial__inner {
    position: relative !important;
    z-index: 5 !important;
    grid-template-columns: minmax(26rem, 0.9fr) minmax(34rem, 1.1fr) !important;
    align-items: center !important;
    gap: clamp(3rem, 5vw, 6rem) !important;
    transform: translateY(0.35rem) !important;
  }

  .about-alfred-band .about-editorial__copy {
    justify-self: end !important;
    max-width: 38rem !important;
    margin-left: 0 !important;
  }

  .about-alfred-band .about-editorial__floating-stage {
    justify-self: start !important;
    width: min(100%, 48rem) !important;
    max-width: 48rem !important;
    transform: translateX(5rem) !important;
  }

  .about-alfred-band .about-editorial__floating-item {
    grid-template-columns: clamp(13.5rem, 18vw, 18rem) minmax(0, 1fr) !important;
  }

  .about-alfred-band .about-editorial__floating-item--mission {
    margin-left: clamp(0.75rem, 2vw, 1.75rem) !important;
    transform: translateX(4rem) !important;
    animation: none !important;
  }

  .about-alfred-band .about-editorial__floating-item--mission > * {
    animation: aboutFloat 7.5s ease-in-out infinite;
    animation-delay: -2.4s;
  }

  .brand-story {
    min-height: 39rem !important;
    padding: 4.7rem 0 0 !important;
  }

  .brand-story > .brand-story__inner {
    grid-template-columns: minmax(28rem, 0.78fr) minmax(58rem, 1.22fr) !important;
    align-items: center !important;
    gap: 4rem !important;
    transform: translateX(-5rem) scale(0.8) !important;
  }

  .brand-story__intro {
    max-width: 40rem !important;
    transform: none !important;
    margin-left: 6rem !important;
  }

  .brand-story__eyebrow,
  .brand-story__rule,
  .brand-story__headline,
  .brand-story__lead {
    transform: translateX(8rem) !important;
  }

  .brand-story__cards {
    transform: translate(3rem, 6rem) !important;
    padding-left: 2rem !important;
    gap: 1rem !important;
  }

  .brand-story-card {
    grid-template-columns: 18rem minmax(0, 1fr) !important;
    min-height: 10.3rem !important;
    animation: brandStoryFloat 7.5s ease-in-out infinite !important;
    will-change: transform, box-shadow !important;
  }

  .brand-story-card--one {
    animation-delay: 0s !important;
  }

  .brand-story-card--two {
    animation-delay: -1.6s !important;
  }

  .brand-story-card--three {
    animation-delay: -3.2s !important;
  }

  .brand-story-card--four {
    animation-delay: -4.8s !important;
  }

  .about-editorial__floating-copy,
  .brand-story-card,
  .asbestos-map-legend,
  .asbestos-concern-rail,
  .asbestos-consumption-strip,
  .journey-reel-card {
    background-color: rgba(255, 255, 255, 0.74) !important;
    border-color: rgba(13, 92, 63, 0.12) !important;
    backdrop-filter: saturate(1.05) blur(8px) !important;
    -webkit-backdrop-filter: saturate(1.05) blur(8px) !important;
  }

  .about-editorial__floating-copy {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-shadow:
      0 1px 0 rgba(255, 255, 255, 0.82),
      0 0.8rem 1.8rem rgba(255, 255, 255, 0.78) !important;
  }

  .about-editorial__floating-copy h3 {
    font-size: calc(clamp(1.6rem, 3vw, 2.45rem) + 2px) !important;
  }

  .about-editorial__floating-copy div {
    color: #24362d !important;
    font-size: calc(clamp(0.92rem, 0.55vw + 0.78rem, 1.02rem) + 2px) !important;
    line-height: 1.58 !important;
  }

  .asbestos-map-legend,
  .asbestos-concern-rail,
  .asbestos-consumption-strip {
    background-color: rgba(5, 12, 9, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow:
      0 1.1rem 2.6rem rgba(0, 0, 0, 0.24),
      0 0 0 1px rgba(255, 255, 255, 0.1) inset !important;
    backdrop-filter: saturate(1.08) blur(12px) !important;
    -webkit-backdrop-filter: saturate(1.08) blur(12px) !important;
  }

  .asbestos-map-legend strong,
  .asbestos-concern-rail__label,
  .asbestos-concern-item strong,
  .asbestos-consumption-strip__heading h3 {
    color: #ffffff !important;
  }

  .asbestos-map-legend p,
  .asbestos-concern-item p,
  .asbestos-consumption-strip__heading p {
    color: rgba(255, 255, 255, 0.82) !important;
  }

  .asbestos-reality {
    padding: 2.4rem 0 0 !important;
    min-height: 43rem !important;
  }

  .asbestos-reality > .asbestos-reality__stage {
    width: 125% !important;
    max-width: none !important;
    margin-left: -12.5% !important;
    overflow: visible !important;
  }

  .asbestos-reality__header {
    top: 0 !important;
  }

  .asbestos-reality__map {
    display: block !important;
    width: min(78vw, 1380px) !important;
    max-height: 45rem !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    mix-blend-mode: multiply !important;
    filter: contrast(1.05) saturate(1.04) brightness(0.98) drop-shadow(0 1rem 1.4rem rgba(18, 38, 28, 0.11)) !important;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.36) 3%, #000 8%, #000 92%, rgba(0, 0, 0, 0.36) 97%, transparent 100%),
      linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.36) 3%, #000 8%, #000 92%, rgba(0, 0, 0, 0.36) 97%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.36) 3%, #000 8%, #000 92%, rgba(0, 0, 0, 0.36) 97%, transparent 100%),
      linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.36) 3%, #000 8%, #000 92%, rgba(0, 0, 0, 0.36) 97%, transparent 100%);
    mask-composite: intersect;
  }

  .asbestos-map-legend {
    left: clamp(4.5rem, 7.5vw, 8.5rem) !important;
    bottom: clamp(3.2rem, 4.6vw, 5.2rem) !important;
    transform: scale(1.2) !important;
    transform-origin: left bottom !important;
  }

  .asbestos-concern-rail {
    right: clamp(4.5rem, 7.5vw, 8.5rem) !important;
    top: 31% !important;
    border-color: rgba(225, 29, 46, 0.62) !important;
    box-shadow:
      0 1.1rem 2.6rem rgba(0, 0, 0, 0.24),
      0 0 0 1px rgba(225, 29, 46, 0.22),
      0 0 1.35rem rgba(225, 29, 46, 0.42) !important;
    transform: scale(1.2) !important;
    transform-origin: right top !important;
    animation: concernCardDesktopBlinkGlow 1.45s ease-in-out infinite !important;
  }

  @keyframes concernCardDesktopBlinkGlow {
    0%,
    100% {
      border-color: rgba(225, 29, 46, 0.52);
      box-shadow:
        0 1.1rem 2.6rem rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(225, 29, 46, 0.18),
        0 0 0.55rem rgba(225, 29, 46, 0.18);
    }

    42%,
    58% {
      border-color: rgba(255, 74, 90, 0.98);
      box-shadow:
        0 1.1rem 2.6rem rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 74, 90, 0.42),
        0 0 2.15rem rgba(255, 51, 71, 0.72),
        0 0 3.4rem rgba(255, 51, 71, 0.34);
    }
  }

  .asbestos-consumption-strip {
    left: calc(50% + 2rem) !important;
    bottom: calc(clamp(1.7rem, 2.6vw, 3rem) - 9rem) !important;
    transform: translateX(-50%) scale(1.2) !important;
    transform-origin: center bottom !important;
  }

  .asbestos-reality__india-warning {
    left: 64.7% !important;
    top: 47.3% !important;
    width: clamp(1.2rem, 2.35vw, 2.55rem) !important;
    transform: translate(calc(-50% - 7.5rem), calc(-50% + 4rem)) !important;
  }

  .asbestos-hides {
    min-height: auto !important;
    padding: 2.8rem 0 1.4rem !important;
  }

  .asbestos-hides > .asbestos-hides__inner {
    width: min(calc(100vw - 4rem), 1500px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 1.4rem !important;
    transform: none !important;
  }

  .asbestos-hides > .asbestos-hides__inner::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  .asbestos-hides__grid {
    column-gap: clamp(1.25rem, 1.75vw, 1.9rem) !important;
  }

  .asbestos-hides__title.section-heading {
    font-size: clamp(1.9rem, 3.5vw, 3.4rem) !important;
    line-height: 0.98 !important;
  }

  .asbestos-hides__lede {
    max-width: 23rem !important;
    font-size: clamp(1rem, 0.42vw + 0.88rem, 1.15rem) !important;
    line-height: 1.72 !important;
  }

  .asbestos-hides__lede-line:first-child {
    transform: translateX(-4rem) !important;
  }

  .asbestos-hides-card__teaser h3 {
    font-size: clamp(0.92rem, 0.65vw + 0.72rem, 1.18rem) !important;
    line-height: 1.12 !important;
  }

  .asbestos-hides-card:nth-of-type(1),
  .asbestos-hides-card:nth-of-type(3) {
    --hides-card-x: 0rem !important;
  }

  .asbestos-hides-card:nth-of-type(2),
  .asbestos-hides-card:nth-of-type(4) {
    --hides-card-x: 0rem !important;
  }

  .asbestos-hides-card:nth-of-type(3) {
    --hides-card-x: -3rem !important;
  }

  .asbestos-hides-card:nth-of-type(4) {
    --hides-card-x: 3rem !important;
  }

  .timeline-container.journey-loop-section {
    min-height: 34rem !important;
    padding: 2.9rem 0 0 !important;
    margin-bottom: 0 !important;
  }

  .timeline-container.journey-loop-section .timeline-title.section-heading,
  #journey-loop-title.timeline-title.section-heading {
    font-size: clamp(2.2rem, 4vw, 3.7rem) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  .timeline-container.journey-loop-section > .timeline-title,
  .timeline-container.journey-loop-section > .timeline-title__accent,
  .timeline-container.journey-loop-section > .journey-timeline-subtitle {
    width: 125% !important;
    margin-left: -12.5% !important;
  }

  .timeline-container.journey-loop-section > .journey-timeline-subtitle {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
  }

  .journey-reel__item[data-reel-position="2"],
  .journey-reel__item[data-reel-position="3"],
  .journey-reel__item[data-reel-position="4"] {
    z-index: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .journey-reel__control--prev {
    left: calc(50% - clamp(23rem, 31vw, 35rem) - clamp(9rem, 11.5vw, 12.3rem) - 3rem - clamp(2.8rem, 4vw, 3.9rem)) !important;
  }

  .journey-reel__control--next {
    right: calc(50% - clamp(23rem, 31vw, 35rem) - clamp(9rem, 11.5vw, 12.3rem) - 3rem - clamp(2.8rem, 4vw, 3.9rem)) !important;
  }

  .timeline-container.journey-loop-section .journey-loop.journey-reel {
    height: clamp(31rem, 37vw, 39rem) !important;
  }

  .timeline-container.journey-loop-section > .journey-reel {
    margin-bottom: -2rem !important;
  }

  .timeline-container.journey-loop-section .journey-reel__viewport {
    inset: 0 clamp(2.8rem, 4.5vw, 5rem) 1.6rem !important;
  }

  .timeline-container.journey-loop-section .journey-reel__dots {
    bottom: 0.35rem !important;
  }

  .bedrock-background-band {
    min-height: 43rem !important;
    padding: 2.5rem 0 0 !important;
  }

  .bedrock-background-band > .bedrock-section {
    padding-top: 5.2rem !important;
    padding-bottom: 3rem !important;
    margin-bottom: -8rem !important;
  }

  .bedrock-background-band .bedrock-section__title.section-heading {
    font-size: clamp(2.2rem, 4vw, 3.7rem) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  .bedrock-background-band .bedrock-grid {
    margin-bottom: 0 !important;
    overflow: visible !important;
  }

  .bedrock-background-band > .youtube-section {
    margin-top: -1rem !important;
    padding-top: 0 !important;
  }

  .bedrock-background-band .bedrock-section::after,
  .bedrock-background-band .bedrock-grid::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
  }
}