/* Shared cloud ground for the ABOUT and CHARACTERS top pages. */
main:has(.reference-about),main.character-showcase-main{position:relative;isolation:isolate;background:#e9f1ff!important}
main:has(.reference-about):before,main.character-showcase-main:before{content:'';position:absolute;z-index:-2;inset:0;background:url('assets/business-cloud-reference-background.png') center top/100% auto repeat-y;opacity:.88}
main:has(.reference-about):after,main.character-showcase-main:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#fffef848,#f8f5ff34 45%,#eaf3ff56)}
main:has(.reference-about)>.page-clouds,main.character-showcase-main>.page-clouds{display:none!important}
.reference-about,.characters-reference-rail{background:transparent!important}
.reference-about .philosophy-composition,.reference-about .ra-culture,.reference-about .ra-story,.reference-about .moment-editorial{background-color:#fffdf5dd!important;backdrop-filter:blur(2px)}

/* ABOUT uses one continuous cloud field; remove the prior peach and violet section grounds. */
main:has(.reference-about){background:#eaf3ff url('assets/business-cloud-reference-background.png') center top/100% auto repeat-y!important}
main:has(.reference-about):before,main:has(.reference-about):after{display:none!important}
.reference-about,.reference-about>section{background-color:transparent!important;background-image:none!important;backdrop-filter:none!important}
.reference-about .ra-hero,.reference-about .philosophy-composition,.reference-about .moment-editorial,.reference-about .ra-culture,.reference-about .ra-story,.reference-about .brand-story-entry,.reference-about .exact-explore{position:relative;background-color:transparent!important}
.reference-about .ra-story,.reference-about .ra-story h2,.reference-about .ra-story h3,.reference-about .ra-story p,.reference-about .ra-story time,.reference-about .ra-story .ra-label{color:#2e466f!important;text-shadow:0 1px #fff9}
.reference-about .philosophy-composition:before,.reference-about .philosophy-composition:after,.reference-about .ra-story:before,.reference-about .ra-story:after{opacity:.42}

/* ABOUT: moonlight is a continuous theme, but each chapter has its own ground. */
body:has(.reference-about),main:has(.reference-about){background:#f4f3fa!important}
main:has(.reference-about):before,main:has(.reference-about):after{display:none!important}
.reference-about{background:#f4f3fa!important;color:#24365e}
.reference-about>section{isolation:isolate;border-top:10px solid #fff!important;scroll-margin-top:84px}
.reference-about>.ra-hero{border-top:0!important}
.reference-about>.philosophy-composition{background:linear-gradient(105deg,#fffaf4e8,#f6f4ffed 58%,#d9e9ffde),url('assets/about-cloud-sky.png') center center/cover!important;padding:clamp(75px,7vw,125px) max(5vw,28px) clamp(70px,7vw,115px)!important;border-bottom:1px solid #d5c7e9}
.reference-about .philosophy-composition .pc-heading,.reference-about .philosophy-composition .pc-layout{max-width:1380px;margin-left:auto;margin-right:auto}
.reference-about .pc-copy{background:#fffdf9dd;border:1px solid #ffffffed;border-radius:30px;padding:clamp(22px,3vw,46px);box-shadow:0 16px 45px #344f781b}
.reference-about .pc-orbit{box-shadow:0 0 0 15px #ffffff80,0 24px 65px #6775b447}
.reference-about>.moment-editorial{background:linear-gradient(125deg,#fffbf5,#f8ecdf 55%,#fff8f5)!important;margin:0!important;padding:clamp(65px,7vw,115px) max(5vw,28px)!important;border-radius:0!important;border-bottom:1px solid #e1d1bf;color:#26365c}
.reference-about .moment-editorial .me-step{background:#ffffffb8;border:1px solid #e8ddd0;border-radius:24px;padding:18px;box-shadow:0 10px 30px #74665a10}
.reference-about>.ra-culture{background:linear-gradient(125deg,#e7f0ff,#f7f8ff 48%,#e9def5)!important;padding-top:clamp(85px,8vw,140px)!important;padding-bottom:clamp(85px,8vw,140px)!important;border-bottom:1px solid #c6d1ef}
.reference-about .ra-culture-gallery{filter:drop-shadow(0 25px 24px #45628928)}
.reference-about>.ra-story{background:linear-gradient(125deg,#f1ebfb,#ffffff 49%,#e5edff)!important;padding-top:clamp(90px,8vw,140px)!important;padding-bottom:clamp(90px,8vw,140px)!important;border-bottom:1px solid #d6cce8}
.reference-about .ra-story .ra-timeline{background:#fffdfde8;border:1px solid #ded6ee;border-radius:34px;padding:clamp(26px,4vw,55px);box-shadow:0 15px 50px #46426614}
.reference-about>.brand-story-entry{background:linear-gradient(115deg,#fffaf1,#f7f0fa 60%,#eaf2ff)!important;padding:clamp(85px,8vw,145px) max(5vw,28px)!important;border-bottom:1px solid #ddcfc7}
.reference-about .brand-story-entry .bse-layout{max-width:1360px;margin-left:auto;margin-right:auto}
.reference-about>.exact-explore{background:linear-gradient(#edf2ff,#f8f6fc)!important;margin:0!important;padding:clamp(60px,7vw,110px) max(4vw,22px) clamp(85px,8vw,125px)!important}
.reference-about .exact-explore>a{width:min(1450px,100%);margin:auto;border-radius:36px!important;overflow:hidden;box-shadow:0 25px 65px #263c6a36}
.reference-about .exact-explore>a>img{display:block;width:100%;height:auto}
@media(max-width:800px){.reference-about>section{border-top-width:7px!important;scroll-margin-top:68px}.reference-about>.philosophy-composition,.reference-about>.moment-editorial,.reference-about>.ra-culture,.reference-about>.ra-story,.reference-about>.brand-story-entry{padding:65px 6vw!important}.reference-about .pc-copy{padding:24px;border-radius:22px}.reference-about .ra-story .ra-timeline{padding:24px;border-radius:24px}.reference-about>.exact-explore{padding:50px 4vw 80px!important}.reference-about .exact-explore>a{border-radius:24px!important}}