/* v123 — compact, intentional homepage hero and unified sub-brand */
/* Homepage hero: stop forcing the first screen to be only a picture. */
body.theme-home .home-hero-cinematic{min-height:0!important;height:auto!important;max-height:none!important;}
body.theme-home .home-hero-cinematic .hero-copy-block{width:100%!important;}
body.theme-home .home-hero-cinematic h1{font-weight:500!important;letter-spacing:-.043em!important;text-wrap:balance;}
body.theme-home .home-hero-cinematic .hero-actions{gap:10px!important;margin-top:19px!important;}
body.theme-home .home-hero-cinematic .hero-actions .btn{padding:12px 18px!important;min-height:44px!important;}
/* Desktop: mosque remains impressive, but the first content arrives in the viewport. */
@media(min-width:1261px){
 body.theme-home .hero-nav-wrap{padding-top:21px!important;}
 body.theme-home .home-hero-cinematic .hero-inner-simple{padding:32px 0 55px!important;gap:30px!important;grid-template-columns:minmax(0,.7fr) minmax(0,730px)!important;}
 body.theme-home .home-hero-cinematic h1{font-size:clamp(3.0rem,3.6vw,4.15rem)!important;line-height:1.045!important;max-width:17.6ch!important;margin:10px 0 14px!important;}
 body.theme-home .home-hero-cinematic p{font-size:1rem!important;line-height:1.53!important;margin-bottom:0!important;}
}
@media(min-width:1021px) and (max-width:1260px){
 body.theme-home .hero-nav-wrap{padding-top:20px!important;}
 body.theme-home .home-hero-cinematic .hero-inner-simple{padding:35px 0 49px!important;gap:24px!important;grid-template-columns:minmax(0,.65fr) minmax(0,600px)!important;}
 body.theme-home .home-hero-cinematic h1{font-size:clamp(2.75rem,4.4vw,3.55rem)!important;line-height:1.06!important;max-width:18ch!important;margin:10px 0 14px!important;}
 body.theme-home .home-hero-cinematic p{font-size:.98rem!important;line-height:1.5!important;}
}
@media(min-width:700px) and (max-width:1020px){
 body.theme-home .home-hero-cinematic .hero-inner-simple{padding:46px 0 49px!important;max-width:730px!important;}
 body.theme-home .home-hero-cinematic h1{font-size:clamp(2.85rem,5.4vw,3.8rem)!important;max-width:17ch!important;line-height:1.06!important;}
}
@media(max-width:699px){
 body.theme-home .home-hero-cinematic .hero-inner-simple{padding:32px 0 37px!important;max-width:100%!important;}
 body.theme-home .home-hero-cinematic h1{font-size:clamp(2.15rem,8vw,3rem)!important;max-width:17ch!important;line-height:1.06!important;margin:9px 0 12px!important;}
 body.theme-home .home-hero-cinematic p{font-size:.95rem!important;line-height:1.48!important;}
 body.theme-home .home-hero-cinematic .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
 body.theme-home .home-hero-cinematic .hero-actions .btn{width:100%!important;font-size:.9rem!important;}
}
/* Correct size, tone, and fidelity of the original brand icon across full-site headers. */
.site-header a.brand img{object-fit:cover!important;border-radius:13px!important;aspect-ratio:1;image-rendering:auto;}
/* Learning Adventure: same logo/icon family, no improvised text/emoji emblem. */
.sbs110-brand-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
.sbs110-brand-mark img{display:block;width:100%;height:100%;border-radius:15px;object-fit:cover;box-shadow:0 3px 12px rgba(49,15,94,.18);}
.sbs110-brand small{letter-spacing:0!important;}
@media(max-width:390px){.sbs110-brand-mark{width:39px!important;height:39px!important;border-radius:12px!important}.sbs110-brand{gap:8px!important;min-width:0!important}.sbs110-brand strong{font-size:15px!important;}.sbs110-brand small{font-size:11.5px!important}}
/* With the shorter hero, reframe the existing mosque image so its illuminated arches remain visible. */
@media(min-width:700px){
 body.theme-home .home-hero-cinematic .hero-bg{background-position:center 34%!important;}
}