/* A single viewport-centred position is shared by all page backgrounds. */
:where(#main > section:not(.hero):not(.home-purpose):not(.home-paths),
 #main > article:not(.approved-work):not(.initiative-case),
 #main > .approved-work > section,
 #main > .initiative-case > section,
 #main > .services-page > section,
 #main .home-path,
 #main .capability,
 body > footer){position:relative;isolation:isolate}
:where(#main > section:not(.hero):not(.home-purpose):not(.home-paths),
 #main > article:not(.approved-work):not(.initiative-case),
 #main > .approved-work > section,
 #main > .initiative-case > section,
 #main > .services-page > section,
 #main .home-path,
 #main .capability,
 body > footer)::before{
 content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;user-select:none;
 background-image:url('/assets/sakigake-primary-logo-ink.svg');
 background-position:center center;background-repeat:no-repeat;background-attachment:fixed;
 background-size:min(68vw,95svh,820px) auto;opacity:.028;
}
:where(#main > .page-editorial,#main > article:not(.approved-work):not(.initiative-case),#main .approved-work-section,#main .initiative-case-section,#main .contact-page,#main .document-intro,#main .deck-contents)::before{opacity:.018}
:where(#main > .page-masthead,#main .detail-heading,#main > .person-opening,#main > .initiatives-opening,#main > .article-masthead)::before{opacity:.032}
@media(max-width:700px){
 :where(#main > section:not(.hero):not(.home-purpose):not(.home-paths),
 #main > article:not(.approved-work):not(.initiative-case),
 #main > .approved-work > section,
 #main > .initiative-case > section,
 #main > .services-page > section,
 #main .home-path,
 #main .capability,
 body > footer)::before{background-size:84vw auto;opacity:.021}
 :where(#main > .page-editorial,#main > article:not(.approved-work):not(.initiative-case),#main .approved-work-section,#main .initiative-case-section,#main .contact-page,#main .document-intro,#main .deck-contents)::before{opacity:.014}
}
