/* Revision scoped to the author's scenes and the consultation image area. */
@layer responsive {
  html{scrollbar-gutter:stable}
  .opening-artwork{display:block;width:300px;max-width:85%;height:auto;margin:0 0 24px;border:0;object-fit:contain}
  .hero-integrated .hero-inner{min-height:760px;padding-block:40px 70px}
  .hero-integrated .hero-copy{width:44%;max-width:535px}
  .hero-integrated h1{font-size:clamp(43px,4vw,58px);line-height:1.06}
  .hero-integrated .hero-pause{font-size:23px}
  .hero-integrated .hero-copy>.eyebrow{margin-bottom:18px}
  .hero-integrated .ornament{margin-block:20px}
  .hero-integrated .hero-scene{max-width:none;mask-image:none}
  .hero-integrated .hero-scene img{object-position:center center}
  .hero-scene:after{background:linear-gradient(90deg,var(--ivory) 0%,#f8f3e9eb 25%,#f8f3e9b0 37%,#f8f3e92e 48%,transparent 56%),linear-gradient(0deg,var(--ivory),transparent 12%),linear-gradient(180deg,#f8f3e966,transparent 8%)}
  .author-band{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:0;overflow:hidden;background:var(--ivory)}
  .author-band .author-scene{position:absolute;inset:0;z-index:-1;margin:0}
  .author-scene picture,.author-scene img{display:block;width:100%;height:100%;max-width:none}
  .author-scene img{object-fit:cover;object-position:center;border:0;border-radius:0}
  .author-band-inner{position:relative;display:flex;align-items:center;min-height:530px;padding-block:65px}
  .author-band-copy{width:45%;max-width:540px}
  .author-band-copy h2{font-size:clamp(35px,3.3vw,46px);line-height:1.12;margin-bottom:22px}
  .author-band-copy p:not(.eyebrow){margin-bottom:18px}
  .author-band-copy .lead{font-size:20px}
  .author-band-copy h3{font-size:26px;line-height:1.25;margin:24px 0 16px;max-width:440px}
  .author-anchor{position:absolute;top:0;left:0;width:0;height:0}
  .final-invitation.author-band{text-align:left;background:var(--ivory);border:0}
  .final-invitation.author-band h2{margin:0 0 22px}
  .final-invitation.author-band .actions{justify-content:flex-start;gap:12px;margin-top:28px}
  .final-invitation.author-band .button{font-size:13px;padding:12px 18px}
  .author-band-intro .author-band-inner{justify-content:flex-end;min-height:580px}
  .author-band-intro .author-scene picture{width:88%}
  .author-band-intro .author-scene img{object-position:center 10%}
  .author-band-ending .author-band-inner{min-height:565px}
  .author-band .author-scene:after{content:'';position:absolute;inset:0;pointer-events:none}
  .author-band-intro .author-scene:after{background:linear-gradient(90deg,transparent 29%,#f8f3e914 38%,#f8f3e9d9 58%,#f8f3e9f5 82%,var(--ivory)),linear-gradient(0deg,var(--ivory),transparent 13%,transparent 87%,var(--ivory)),linear-gradient(90deg,var(--ivory),transparent 6%)}
  .author-band-ending .author-scene:after{background:linear-gradient(90deg,var(--ivory),#f8f3e9f5 20%,#f8f3e9d9 36%,#f8f3e933 49%,transparent 58%),linear-gradient(0deg,var(--ivory),transparent 13%,transparent 87%,var(--ivory)),linear-gradient(270deg,var(--ivory),transparent 6%)}
  .card-visual.consultation-visual{height:auto;aspect-ratio:1/1.08;background:var(--surface)}
  .card-visual.consultation-visual>a{padding:0 0 24px}
  .consultation-visual .source-image{object-fit:contain;object-position:center}
  [data-offer-id="mapa-vedico"] .consultation-visual>a{padding:18px 20px 30px;background:radial-gradient(ellipse at 50% 78%,#c5ad8226,transparent 65%)}
  [data-offer-id="mapa-vedico"] .consultation-visual .source-image{filter:drop-shadow(8px 10px 8px #37231626)}
  .consultation-visual .favorite{background:#f8f3e9e8;border-radius:0 0 0 4px}
  @media(min-width:1700px){
    .hero-integrated .hero-inner{min-height:780px}
    .hero-integrated .hero-scene{max-width:2100px;margin-inline:auto;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 97%,transparent)}
    .author-band .author-scene{max-width:2100px;margin-inline:auto}
    .author-band .author-band-inner{min-height:min(37vw,760px)}
    .hero-integrated .hero-scene img{object-position:center 42%}
  }
  @media(max-width:1100px){
    .hero-integrated .hero-inner{min-height:760px}
    .hero-integrated .hero-copy{width:46%}
    .opening-artwork{width:280px}
    .hero-integrated h1{font-size:46px}
    .author-band-copy{width:47%}
    .author-band-inner{min-height:510px}
    .author-band-intro .author-scene picture{width:100%}
  }
  @media(max-width:900px){
    .hero.hero-integrated{display:flex;flex-direction:column}
    .hero-integrated .hero-inner{min-height:0;padding-block:28px 8px;order:0}
    .hero-integrated .hero-copy{width:100%;max-width:none}
    .opening-artwork{width:250px;margin-bottom:23px}
    .hero-integrated h1{font-size:clamp(37px,9.8vw,53px);max-width:630px}
    .hero-integrated .hero-pause{font-size:22px}
    .hero-integrated .hero-scene{position:relative;inset:auto;order:1;z-index:0;height:auto;margin-top:12px}
    .hero-integrated .hero-scene picture,.hero-integrated .hero-scene img{height:auto}
    .hero-integrated .hero-scene img{width:100%;object-fit:contain;max-height:560px}
    .hero-integrated .hero-scene:after{background:linear-gradient(0deg,var(--ivory),transparent 12%,transparent 89%,var(--ivory))}
    .author-band{display:flex;flex-direction:column}
    .author-band .author-band-inner{order:0;min-height:0;padding-block:40px 16px}
    .author-band .author-band-copy{width:100%;max-width:none}
    .author-band-copy h2{font-size:35px;max-width:500px}
    .author-band-copy .lead{font-size:18px}
    .author-band .author-scene{position:relative;inset:auto;order:1;z-index:0;width:100%}
    .author-band .author-scene picture,.author-band .author-scene img{width:100%;height:auto}
    .author-band .author-scene img{width:100%;max-height:560px;object-fit:contain}
    .author-band .author-scene:after{background:linear-gradient(0deg,var(--ivory),transparent 12%,transparent 89%,var(--ivory))}
    .card-visual.consultation-visual>a{padding-bottom:23px}
    [data-offer-id="mapa-vedico"] .consultation-visual>a{padding:10px 10px 26px}
  }
  @media(max-width:360px){
    .category-rail{margin-right:-16px;padding-right:16px}
    .opening-artwork{width:220px}
    .hero-integrated h1{font-size:37px}
    .author-band-copy h2{font-size:32px}
  }
}