/* F27-07B: opt-in, five-page hero rules. No global overrides. */
.f27b-hero { isolation: isolate; }
.f27b-hero::before,.f27b-hero::after,
.f27b-hero .f22v4-hero__media::before,.f27b-hero .f22v4-hero__media::after { content:none;display:none;background:none; }
.f27b-hero .f22v4-hero__media,.f27b-hero .f22v4-hero__media img { opacity:1;filter:none;mix-blend-mode:normal; }
.f27b-hero .f22v4-eyebrow { color:inherit;text-shadow:none; }
.f27b-hero .f22v4-h1 { text-shadow:none; }
.f27b-hero .f27-06-image-note { color:#53606a; }
/* Retain the cloud photograph; dark type uses the naturally light sky. */
.f27b-hero--about { padding-top:68px;min-height:min(92svh,900px);align-items:flex-start;color:#142633;background:#dce7ef; }
.f27b-hero--about .f22v4-hero__media { top:68px; }
.f27b-hero--about .f22v4-hero__inner { padding:clamp(48px,6vw,88px) 0 64px; }
.f27b-hero--about .f22v4-h1 { color:#142633;font-size:clamp(32px,5.4vw,78px);line-height:1.04;max-width:850px;margin-top:0; }
.f27b-hero--about .f22v4-hero__lead { color:#203847;max-width:620px; }
.f27b-hero--about .f22v4-hero__foot,.f27b-hero--about .f22v4-hero__foot a { color:#203847; }
.f27b-hero--about .f22v4-hero__foot a:hover { color:#091820; }
/* Limit enlargement of the modest-resolution Careers source. */
.f27b-hero--careers { display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center;min-height:0;padding:132px max(32px,calc((100vw - 1280px) / 2)) 64px;background:#f8f9fa;color:#14171a; }
.f27b-hero--careers .f22v4-hero__media { position:relative;inset:auto;grid-column:2;grid-row:1; }
.f27b-hero--careers .f22v4-hero__media img { width:100%;height:auto;object-fit:contain; }
.f27b-hero--careers .f22v4-hero__inner { grid-column:1;grid-row:1;padding:0; }
.f27b-hero--careers .container { width:100%;padding:0; }
.f27b-hero--careers .f22v4-h1 { color:#14171a;font-size:clamp(34px,3.4vw,52px);line-height:1.07; }
.f27b-hero--careers .f22v4-hero__lead { color:#47525b;font-size:18px; }
/* Keep the group photograph complete; desktop text uses the empty upper wall. */
.f27b-hero--contact { display:block;min-height:0;padding-top:68px;background:#f8f9fa;color:#14171a; }
.f27b-hero--contact .f22v4-hero__media { position:relative;inset:auto; }
.f27b-hero--contact .f22v4-hero__media img { width:100%;height:auto;object-fit:contain; }
.f27b-hero--contact .f22v4-hero__inner { position:absolute;top:68px;left:0;padding:clamp(32px,3vw,52px) 0 0; }
.f27b-hero--contact .f22v4-h1 { color:#14171a;font-size:clamp(34px,3.6vw,54px);line-height:1.03;margin-top:0; }
.f27b-hero--contact .f22v4-hero__lead { color:#343f48;font-size:17px;line-height:1.55;max-width:600px;margin-top:18px; }
/* Same Stories DOM/image: keep type away from the photographed faces. */
.f27b-hero--stories { display:block;min-height:0;padding-top:68px;background:#f8f9fa;color:#14171a; }
.f27b-hero--stories .f22v4-hero__media { position:relative;inset:auto;height:min(46vw,650px); }
.f27b-hero--stories .f22v4-hero__media img { object-fit:cover;object-position:50% 0%; }
.f27b-hero--stories .f22v4-hero__inner { padding:40px 0 48px; }
.f27b-hero--stories .f22v4-h1 { color:#14171a;font-size:clamp(36px,4.1vw,60px);line-height:1.04;margin-top:0; }
.f27b-hero--stories .f22v4-hero__lead { color:#47525b;max-width:740px;font-size:18px;margin-top:20px; }
/* Newsroom: the approved photograph and exactly two text levels. */
.f27b-news-page { background:#f8f9fa; }
.f27b-hero--news { display:block;min-height:0;height:calc(clamp(520px,52vw,780px) + 68px);padding-top:68px;background:#f8f9fa; }
.f27b-hero--news .f22v4-hero__media { position:absolute;inset:68px 0 0; }
.f27b-hero--news .f22v4-hero__media img { object-fit:cover;object-position:50% 48%; }
.f27b-hero--news .f22v4-hero__inner { padding:clamp(48px,5vw,76px) 0 0; }
.f27b-hero--news .f22v4-h1 { margin:0;font-size:clamp(40px,4.2vw,64px);line-height:1.18;letter-spacing:-.025em;font-weight:500;color:#17252b; }
.f27b-hero--news .f22v4-hero__lead { margin:18px 0 0;font-size:clamp(20px,1.7vw,26px);line-height:1.5;color:#17252b; }
.f27b-media-contact { padding:clamp(32px,4.5vw,64px) 0;color:#28323b;background:#f8f9fa; }
.f27b-media-contact p { margin:0;max-width:1120px;font-size:20px;line-height:1.9;overflow-wrap:anywhere; }
.f27b-media-contact a,.f27b-media-contact a:hover { color:#1852ad;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em; }
.f27b-media-contact a:focus-visible { outline:2px solid #1852ad;outline-offset:4px; }
.f27b-news-page > .f22v4-section { padding-top:clamp(24px,3vw,44px); }
@media(max-width:900px) {
 .f27b-hero--careers { display:block;padding:68px 0 0; }
 .f27b-hero--careers .f22v4-hero__inner,.f27b-hero--contact .f22v4-hero__inner { position:relative;top:auto;left:auto;padding:32px 0 44px; }
 .f27b-hero--careers .container { width:min(1280px,calc(100% - 48px));margin-inline:auto; }
 .f27b-hero--careers .f22v4-h1 { font-size:clamp(32px,5.4vw,44px); }
 .f27b-hero--contact .f22v4-h1 { font-size:clamp(34px,5.5vw,46px); }
 .f27b-hero--stories .f22v4-hero__media { height:auto; }
 .f27b-hero--stories .f22v4-hero__media img { height:auto;object-fit:contain; }
}
@media(max-width:600px) {
 .f27b-hero--about .f22v4-hero__inner { padding:44px 0 48px; }
 .f27b-hero--about .f22v4-hero__lead { font-size:16px; }
 .f27b-hero--about .f22v4-hero__foot { margin-top:28px; }
 .f27b-hero--careers .f22v4-hero__lead,.f27b-hero--stories .f22v4-hero__lead { font-size:16px; }
 .f27b-hero--stories .f22v4-hero__inner { padding:28px 0 36px; }
 /* Full mobile photo: keep the cup, laptop, newspaper and notebook in frame. */
 .f27b-hero--news { display:flex;flex-direction:column;height:auto; }
 .f27b-hero--news .f22v4-hero__inner { order:0;padding:28px 0 30px; }
 .f27b-hero--news .f22v4-hero__media { order:1;position:relative;inset:auto; }
 .f27b-hero--news .f22v4-hero__media img { width:100%;height:auto;object-fit:contain; }
 .f27b-hero--news .f22v4-h1 { color:#17252b;font-size:36px; }
 .f27b-hero--news .f22v4-hero__lead { color:#465058;font-size:18px;margin-top:12px; }
 .f27b-media-contact p { font-size:16px; }
}

/* Five-page tablet correction: a closed 430px drawer must not cover content.
   Keep the accepted transform timing and open-state structure untouched. */
@media(max-width:1024px) {
 body:has(.f27b-hero) .mobile-nav {
  visibility:hidden;
  transition:transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s;
 }
 body:has(.f27b-hero) .mobile-nav.is-open { visibility:visible;transition-delay:0s; }
}