/* One line, across the complete opening composition, as requested. */
#s1{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--j-photo) auto auto;min-height:0}
#s1 #section1_bg{position:relative!important;inset:auto!important;grid-area:1/1;height:var(--j-photo)!important;min-height:0;border:0}
#s1>.hero-logo-layer{grid-area:1/1;align-self:end;z-index:1}
#s1 #section1_logo{padding:0 var(--j-gutter) 24px}
#s1 .hero-title-band{grid-column:1;grid-row:2;width:100%;min-width:0;padding:24px 12px 0;background:var(--j-paper);container-type:inline-size}
#s1 .hero-title-band h1{width:100%!important;max-width:none!important;margin:0!important;padding:0;font-size:6.9cqw!important;line-height:1.45!important;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;text-align:center}
html[lang="fr-CA"] #s1 .hero-title-band h1{font-size:min(7.5cqw,108px)!important}
#s1>.hero-copy-layer{grid-column:1;grid-row:3}
#s1 #section1_content{padding:12px var(--j-gutter) 32px;text-align:center}
#s1 #section1_content_div{margin:auto;max-width:100%;font-size:14px}
#s1 .hero-kicker{display:none}
@media(min-width:980px){
 #s1{grid-template-rows:clamp(400px,57svh,680px) auto auto}
 #s1 #section1_bg{height:clamp(400px,57svh,680px)!important}
 #s1 .hero-photo img{object-position:50% 58%}
 #s1 #logo{width:190px;background:var(--j-white);padding:10px 14px}
 #s1 .hero-title-band{padding:24px var(--j-gutter) 0}
 #s1 .hero-title-band h1{font-size:min(6.9cqw,108px)!important}
 #s1 #section1_content{display:flex;align-items:center;justify-content:center;gap:42px;padding:0 var(--j-gutter) 32px}
 #s1 #section1_content_div{margin:0;font-size:15px}
 #s1 .hero-discover{margin:0;min-height:40px}
}