/* NEXT · every inner page opens like the home page (Youssef, 1 Nov): a full-bleed photo, text blended over it with the
   navy scrim, no side photo, no plain blue block. One photo per page, never repeated. */
body { --hero-x: 65%; }
body[data-page="insurance-solutions"] { --hero: url(/assets/img/heroes/insurance-solutions.jpg); --hero-x: 62%; }
body[data-page="high-risk-zones"]     { --hero: url(/assets/img/heroes/high-risk-zones.jpg);     --hero-x: 72%; }
body[data-page="passage-coordination"]{ --hero: url(/assets/img/heroes/passage-coordination.jpg);--hero-x: 70%; }
body[data-page="brokers"]             { --hero: url(/assets/img/heroes/brokers.jpg);             --hero-x: 74%; }
body[data-page="claims"]              { --hero: url(/assets/img/heroes/claims.jpg);              --hero-x: 72%; }
body[data-page="insights"]            { --hero: url(/assets/img/heroes/insights.jpg);            --hero-x: 60%; }
body[data-page="about"]               { --hero: url(/assets/img/heroes/about.jpg);               --hero-x: 82%; }
body[data-page="contact"]             { --hero: url(/assets/img/heroes/contact.jpg);             --hero-x: 70%; }
body[data-page="premium-calculator"]  { --hero: url(/assets/img/heroes/premium-calculator.jpg);  --hero-x: 78%; }

body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) {
  position: relative; isolation: isolate; overflow: hidden; background: var(--navy);
  min-height: clamp(520px, 74vh, 760px); display: flex; flex-direction: column; justify-content: center;
}
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro)::before {
  content: ""; position: absolute; inset: -2%; z-index: -2;
  background: var(--hero, none) var(--hero-x) center / cover no-repeat;
  transform-origin: 70% 50%; animation: ns-hero-drift 26s ease-in-out infinite alternate;
}
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro)::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 28, 43, .96) 0%, rgba(7, 28, 43, .86) 30%, rgba(7, 28, 43, .45) 62%, rgba(7, 28, 43, .12) 100%),
    linear-gradient(0deg, rgba(7, 28, 43, .55) 0%, rgba(7, 28, 43, 0) 35%);
}
@keyframes ns-hero-drift { from { transform: scale(1); } to { transform: scale(1.06) translateX(-1%); } }

/* the copy sits on the photo, like the home hero; the old side photo goes */
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) .m-intro__photo,
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) .svc-intro__media,
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) .co-intro__img { display: none !important; }
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) > .wrap,
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) .intro__in {
  background: transparent !important; position: relative; z-index: 1;
  display: block; max-width: var(--maxw); margin-left: auto; margin-right: auto;
  padding-top: 96px; padding-bottom: 72px;
}
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) :is(.m-intro__copy, .svc-intro__copy, .svc-intro__text, .co-intro__copy, .q-intro) {
  max-width: 720px; background: transparent !important;
}
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) :is(h1, .h1) { color: #fff; text-shadow: 0 2px 24px rgba(7, 28, 43, .35); }
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) :is(p, li) { color: rgba(255, 255, 255, .88); }
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) :is(.m-intro__label, .svc-intro__label, .co-intro__label, .q-intro__eyebrow) { color: var(--gold); }
body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) :is(h1, .h1)::after {
  content: ""; display: block; width: 64px; height: 2px; background: var(--gold); margin-top: 28px;
}

/* phones: the photo fills the screen top, the copy reads on a stronger scrim */
@media (max-width: 600px) {
  body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) { min-height: 78svh; justify-content: flex-end; }
  body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro)::before { background-position: var(--hero-x) center; }
  body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro)::after {
    background: linear-gradient(0deg, rgba(7, 28, 43, .97) 0%, rgba(7, 28, 43, .85) 45%, rgba(7, 28, 43, .35) 75%, rgba(7, 28, 43, .15) 100%);
  }
  body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) > .wrap,
  body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro) .intro__in { padding-top: 120px; padding-bottom: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro)::before { animation: none; transform: none; }
}
@media print { body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro)::before, body:is([data-page="insurance-solutions"], [data-page="high-risk-zones"], [data-page="passage-coordination"], [data-page="brokers"], [data-page="claims"], [data-page="insights"], [data-page="about"], [data-page="contact"], [data-page="premium-calculator"]) :is(section.m-intro, section.intro)::after { display: none; } }