/* V22: override the paragraph color rule that won in V21. */
.v04 .f-hero .f-hero__copy > p.cover-figure,
.v04 .f-hero .f-hero__copy > p.cover-figure strong{
  color:#00eeba;
  font-weight:500;
}
/* Mobile: taller continuous hero, readable copy and a clear artwork area. */
@media screen and (max-width:767px){
  .v04 .f-hero{--mobile-art-height:clamp(240px,76vw,380px)}
  .v04 .f-hero .f-hero__inner{
    min-height:560px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    padding:0 0 var(--mobile-art-height);
  }
  .v04 .f-hero .f-hero__copy{
    width:100%;max-width:none;padding:32px 24px 8px;
    box-sizing:border-box;
  }
  .v04 .f-hero h1,.v04 .f-hero--home h1{
    font-size:clamp(1.875rem,7.7vw,2.375rem);
    line-height:1.15;max-width:100%;margin-bottom:16px;
    overflow-wrap:break-word;
  }
  .v04 .f-hero .f-hero__copy > p:not(.section-label){
    font-size:1rem;line-height:1.55;
  }
  .v04 .f-hero .f-hero__art{
    position:absolute;inset:auto 0 0;width:100%;
    height:var(--mobile-art-height);margin:0;display:block;
  }
  .v04 .f-hero .f-hero__art picture{display:block;width:100%;height:100%}
  .v04 .f-hero .f-hero__art img{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:contain;object-position:center bottom;
    transform:none;margin:0;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 12%);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%);
  }
  .v04 .f-hero::after{
    background:linear-gradient(180deg,rgba(0,14,128,.08),rgba(0,14,128,0) 65%);
  }
  .v04 .f-hero .actions{flex-wrap:wrap;gap:12px 18px}
  .v04 .f-hero .f-hero__copy > p.cover-figure{margin-bottom:0}
  /* Apply the same visible-art treatment to the full-width contact banner. */
  .v04 .f-contact{--mobile-contact-art:clamp(240px,76vw,380px)}
  .v04 .f-contact__inner{padding-bottom:var(--mobile-contact-art)}
  .v04 .f-contact .f-contact__copy{box-sizing:border-box;padding:30px 24px 8px}
  .v04 .f-contact .f-contact__art{inset:auto 0 0;height:var(--mobile-contact-art)}
  .v04 .f-contact .f-contact__image{
    position:absolute;inset:0;object-fit:contain;object-position:center bottom;
    width:100%;height:100%;transform:none;
    mask-image:linear-gradient(to bottom,transparent,#000 12%);
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%);
  }
  .v04 .f-contact::after{background:none}
}