/* Tablets use decorative backgrounds; the existing phone composition below 600px stays intact. */
@media(min-width:600px) and (max-width:1119px){
 html:root body.wlfv-ui.wlfv-concept-site[class*="wl-hero-"] #oxy-main :is(.wlfv-hub-hero,.wlfv-knowledge-hero,.wlfv-initiative-hero,.wlfv-contact-hero,.wl-event-hero,.wl-document-hero,.wlfv-project-hero):not(:where(.wl-clubs-index *,.wl-club-profile *)){
  min-height:0!important;padding-bottom:26px!important;overflow:visible;background-image:none!important
 }
 html:root body.wlfv-ui.wlfv-concept-site[class*="wl-hero-"] #oxy-main :is(.wlfv-hub-hero,.wlfv-knowledge-hero,.wlfv-initiative-hero,.wlfv-contact-hero,.wl-event-hero,.wl-document-hero,.wlfv-project-hero):not(:where(.wl-clubs-index *,.wl-club-profile *))::after{
  content:"";position:absolute;inset:0 0 -44px auto!important;width:100%!important;height:auto!important;z-index:-1;pointer-events:none;
  background-image:linear-gradient(0deg,var(--wl-theme-page,#f8fbff),transparent 48%),linear-gradient(90deg,var(--wl-theme-page,#f8fbff) 0% 30%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 96%,transparent) 48%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 66%,transparent) 66%,transparent 92%),linear-gradient(var(--wl-hero-shade,transparent),var(--wl-hero-shade,transparent)),var(--wl-page-hero-art)!important;
  background-size:100% 100%,100% 100%,100% 100%,auto 112%!important;background-repeat:no-repeat!important;background-position:0 0,0 0,0 0,calc(100% + 130px) center!important;mask-image:none!important
 }
 html:root body.wlfv-ui.wlfv-concept-site[class*="wl-hero-"] #oxy-main :is(.wlfv-hub-hero,.wlfv-knowledge-hero,.wlfv-initiative-hero,.wlfv-contact-hero,.wl-event-hero,.wl-document-hero):not(:where(.wl-clubs-index *,.wl-club-profile *)) :is(.wlfv-hub-title,.wlfv-hub-intro){max-width:78%}
 html:root body.home.wlfv-ui.wlfv-concept-site #oxy-main .wlfv-concept-hero{
  min-height:0!important;padding-bottom:34px!important;
  background-image:linear-gradient(0deg,var(--wl-theme-page,#f8fbff),transparent 40%),linear-gradient(90deg,var(--wl-theme-page,#f8fbff) 0% 23%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 90%,transparent) 47%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 18%,transparent) 88%),linear-gradient(var(--wl-hero-shade,transparent),var(--wl-hero-shade,transparent)),var(--wl-page-hero-art)!important;
  background-size:100% 100%,100% 100%,100% 100%,auto 112%!important;background-position:0 0,0 0,0 0,calc(100% + 130px) center!important;background-repeat:no-repeat!important
 }
 html:root body.home.wlfv-ui.wlfv-concept-site #oxy-main .wlfv-concept-hero::after{content:none!important}
 html:root body.home.wlfv-ui.wlfv-concept-site #oxy-main .wlfv-concept-hero-copy{max-width:78%;background:none;padding:0}
 /* The school landing page retains its genuine photo and its independently editable layout. */
 html:root body.page-id-3430.wlfv-ui #oxy-main .wlfv-project-hero{min-height:0!important;padding-bottom:26px!important}
 html:root body.page-id-3430.wlfv-ui #oxy-main .wlfv-project-hero-copy{max-width:76%;padding:0}
 html:root body.page-id-3430.wlfv-ui #oxy-main .wlfv-project-picture{display:block!important;position:absolute!important;inset:0 0 -24px 25%!important;width:auto!important;height:auto!important;aspect-ratio:auto;z-index:0;opacity:1}
 html:root body.page-id-3430.wlfv-ui #oxy-main .wlfv-project-picture::after{background:linear-gradient(0deg,var(--wl-theme-page,#f8fbff),transparent 44%),linear-gradient(90deg,var(--wl-theme-page,#f8fbff),color-mix(in srgb,var(--wl-theme-page,#f8fbff) 91%,transparent) 31%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 16%,transparent) 92%)}
 html:root body.page-id-3430.wlfv-ui #oxy-main .wlfv-project-image{height:100%!important;object-fit:cover;object-position:center top}
}
/* Contact's expanded panorama has a separate rule; keep the same tablet text protection. */
@media(min-width:600px) and (max-width:1119px){
 html:root body.page-id-13.wl-hero-contact.wlfv-ui.wlfv-concept-site[class*="wl-hero-"] #oxy-main .wlfv-contact-hero::after{
  background-image:linear-gradient(0deg,var(--wl-theme-page,#f8fbff),transparent 48%),linear-gradient(90deg,var(--wl-theme-page,#f8fbff) 0% 30%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 96%,transparent) 48%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 66%,transparent) 66%,transparent 92%),linear-gradient(var(--wl-hero-shade,transparent),var(--wl-hero-shade,transparent)),var(--wl-page-hero-art)!important;
  background-size:100% 100%,100% 100%,100% 100%,auto 112%!important;background-position:0 0,0 0,0 0,calc(100% + 130px) center!important;mask-image:none!important;
 }
}

/* The news index reserves space for its title, not for decorative artwork.
   The longer image fade is independent of the content height, in both themes. */
html:root body.page-id-2844.wlfv-ui.wlfv-concept-site.wl-hero-news #oxy-main .wlfv-news-hero{
 min-height:0!important;
 padding-top:calc(max(var(--wl-header-height,108px),110px) + 12px)!important;
 padding-bottom:30px!important;
 overflow:visible;
}
html:root body.page-id-2844.wlfv-ui.wlfv-concept-site.wl-hero-news #oxy-main .wlfv-news-hero .wlfv-hub-title{max-width:100%;margin-bottom:0}
html:root body.page-id-2844.wlfv-ui.wlfv-concept-site.wl-hero-news #oxy-main .wlfv-news-hero::after{
 inset:60px 0 -110px auto!important;width:90%!important;height:auto!important;
 background-image:linear-gradient(180deg,var(--wl-theme-page,#f8fbff) 0%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 68%,transparent) 12%,transparent 30%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 15%,transparent) 46%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 58%,transparent) 70%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 92%,transparent) 90%,var(--wl-theme-page,#f8fbff) 100%),linear-gradient(90deg,var(--wl-theme-page,#f8fbff) 0% 28%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 96%,transparent) 44%,color-mix(in srgb,var(--wl-theme-page,#f8fbff) 52%,transparent) 66%,transparent 92%),linear-gradient(var(--wl-hero-shade,transparent),var(--wl-hero-shade,transparent)),var(--wl-page-hero-art)!important;
 background-size:100% 100%,100% 100%,100% 100%,auto 100%!important;
 background-position:0 0,0 0,0 0,right bottom!important;
 background-repeat:no-repeat!important;mask-image:none!important;
}
@media(max-width:599px){
 html:root body.page-id-2844.wlfv-ui.wlfv-concept-site.wl-hero-news #oxy-main .wlfv-news-hero{padding-bottom:24px!important}
 html:root body.page-id-2844.wlfv-ui.wlfv-concept-site.wl-hero-news #oxy-main .wlfv-news-hero::after{inset:74px 0 -80px auto!important;width:100%!important;opacity:.42}
}