/* TOP comic FV reproduced on About. Do not load the TOP's global layout or scripts. */
#body_wrap.acma-enabled{padding-top:0!important}
.acma-enabled #content{max-width:none;padding:0!important;margin-bottom:0!important}
.acma-enabled #breadcrumb{margin-top:20px!important;margin-bottom:14px}
.acma-enabled #main_content.acma{max-width:none;border-radius:0;box-shadow:none}
.acma .acma-body,.acma .acma-about-intro,.acma .acma-toc{max-width:1280px;margin-inline:auto}
.acma .acma-about-intro{padding:28px 24px 12px}.acma-about-intro p{max-width:1000px}
.acma .acmm-hero{position:relative;isolation:isolate;overflow:hidden;height:150vw;max-height:780px;min-height:480px;color:#09284b;font-size:14px;line-height:1.7}
.acma .acmm-hero :where(p){padding:0;margin:0}.acma .acmm-hero img{display:block;max-width:100%;height:auto}
.acma .acmm-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.acma .acmm-hero-picture{position:absolute;inset:16px 0 0;z-index:-2;mask-image:linear-gradient(#000 0%,#000 94%,transparent 100%)}
.acma .acmm-hero-picture img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center top}
.acma .acmm-hero::after{content:'';position:absolute;z-index:-1;top:62px;left:2%;width:96%;height:34%;background:radial-gradient(ellipse,#ffffffb8 15%,#ffffff60 55%,transparent 76%);pointer-events:none}
.acma .acmm-hero-inner{position:relative;width:88%;margin-inline:auto;max-width:none;padding-top:70px;height:100%}
.acma .acmm-hero-copy{position:relative;width:90%}
.acma .acmm-title{width:100%;padding:0;mix-blend-mode:multiply;line-height:1.4}.acma .acmm-title img{width:100%;height:auto}
.acma .acmm-hero-sub{font-weight:700;margin:0 0 0 3%;font-size:clamp(12px,3.25vw,20px);white-space:normal}
.acma .acmm-hero-description{display:none}
.acma .acmm-comic-credit{position:absolute;right:0;bottom:30px;max-width:100%;text-align:right;font-size:12px;line-height:1.6;color:#234b69;text-shadow:0 0 5px #fff,0 0 12px #fff}
.acma .acmm-comic-credit small{display:block;font-size:9px;font-weight:400}
.acma-enabled #acmm-header:not(.acmh-scrolled) .acmm-header-inner{background:transparent;border-color:transparent;box-shadow:none}
.acma-enabled #acmm-header .acmm-brand{position:relative;isolation:isolate}
.acma-enabled #acmm-header:not(.acmh-scrolled) .acmm-brand::before{content:'';display:block;position:absolute;inset:-9px -18px;z-index:-1;background:radial-gradient(ellipse,#fff 25%,#ffffffd9 55%,#ffffff40 73%,transparent 85%);filter:blur(7px)}
.acma-enabled #acmm-header:not(.acmh-scrolled) .acmn-panel summary{background:#ffffffa6}
.acma-enabled #acmm-header.acmh-scrolled .acmm-desktop-nav{background:transparent}
@media(min-width:700px){
 .acma .acmm-hero{height:calc(100vw / 3 + 110px);max-height:none;min-height:380px}
 .acma .acmm-hero-picture{top:75px;bottom:auto;aspect-ratio:3}
 .acma .acmm-hero::after{top:82px;left:3%;width:47%;height:75%;background:radial-gradient(ellipse,#ffffffb8 15%,#ffffff65 55%,transparent 78%)}
 .acma .acmm-hero-inner{width:90%;padding-top:85px}.acma .acmm-hero-copy{width:47%}
 .acma .acmm-hero-sub{font-size:clamp(14px,1.35vw,24px);margin:-8px 0 0 3%}
 .acma .acmm-hero-description{display:block;position:relative;isolation:isolate;width:fit-content;font-size:clamp(11px,.85vw,16px);line-height:1.8;margin:12px 0 0 3%;background:transparent;box-shadow:none;text-shadow:0 0 6px #fff,0 0 12px #fff}
 .acma .acmm-hero-description::before{content:'';position:absolute;z-index:-1;inset:-18px -30px;background:radial-gradient(ellipse,#fffffff5 25%,#ffffffd9 53%,transparent 78%);filter:blur(5px);pointer-events:none}
 .acma .acmm-comic-credit{bottom:18px;font-size:13px}.acma .acmm-comic-credit small{font-size:10px}
}
@media(min-width:1100px){.acma .acmm-hero{height:calc(100vw / 3);min-height:420px}.acma .acmm-hero-picture{top:0;bottom:0;aspect-ratio:auto}.acma .acmm-hero-inner{padding-top:clamp(78px,5.2vw,125px)}.acma .acmm-hero-copy{width:43%;max-width:720px}.acma .acmm-title{width:88%;max-width:650px}.acma .acmm-hero::after{top:12%;height:75%}.acma .acmm-comic-credit{bottom:24px}}
@media(max-width:699px){.acma .acma-about-intro{padding:20px 18px 8px}.acma .acma-body{padding:0 18px}.acma .acma-toc{margin-inline:14px}.acma .acma-closing{margin-top:20px}}
@media(max-width:359px){.acma .acmm-hero-inner{padding-top:65px}.acma .acmm-hero-sub{font-size:11px}}
/* About must meet the viewport edges: no inherited SWELL frame or top image gap. */
.acma .acmm-hero-picture{inset:0;aspect-ratio:auto}