/* Six centred, full-bleed scroll stories. The topic geometry remains unique. */
.cm-single{background:#faf9fc;color:#080b35;--cm-muted:#55576e;--cm-accent:#b00068}
.cm-single.cm-dark{background:#080b35;color:#fff;--cm-muted:#c4c6da;--cm-accent:#ff56b3}
.cm-single .cm-pin{width:100%;isolation:isolate;overflow:clip}
.cm-opening.cm-single.is-enhanced .cm-pin{padding:116px 0 34px;justify-content:flex-start}
.cm-opening.cm-single .cm-layout{display:block;width:100%;flex:1}
.cm-single .cm-text{position:relative;z-index:2;width:min(900px,90%);margin:0 auto;text-align:center}
.cm-single .cl-topic{display:none}
.cm-single .cm-intro h1{font-size:clamp(42px,5.2vw,72px);line-height:1.04;max-width:20ch;margin-inline:auto;text-wrap:balance}
.cl-page .cm-single .cm-intro .cl-lead{max-width:64ch;margin:20px auto 0!important;font-size:16px;line-height:1.6}
.cm-single .cl-actions{justify-content:center;margin-top:22px}
.cl-page .cm-single .cm-copy h2{max-width:22ch;margin-inline:auto;font-size:clamp(40px,5.4vw,76px)}
.cl-page .cm-single .cm-copy p{max-width:56ch;margin:22px auto 0;font-size:17px}
.cm-opening.cm-single.is-enhanced .cm-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;min-height:0;margin:0;pointer-events:none}
.cm-single.is-enhanced .cm-art canvas{mask-image:radial-gradient(ellipse 40% 32% at 50% 27%,#0002,#000 100%)}
.cm-single .cm-art figcaption{bottom:42px;font-size:11px;padding-inline:20px}
.cm-single .cm-note{position:relative;z-index:2;text-align:center;padding-inline:20px;margin-top:0!important;font-size:10px!important}
.cm-single:not(.cm-dark) .cm-intro .button{background:#080b35;border-color:#080b35;color:white}
@media(min-width:761px) and (max-height:800px){
.cm-opening.cm-single.is-enhanced .cm-pin{padding-top:104px;padding-bottom:14px}
.cm-single .cm-intro h1{font-size:clamp(32px,7.5svh,56px);max-width:24ch}
.cl-page .cm-single .cm-intro .cl-lead{font-size:14px;line-height:1.45;margin-top:12px!important;max-width:74ch}
.cm-single .cl-actions{margin-top:14px}.cm-single .button{min-height:44px}
.cl-page .cm-single .cm-copy h2{font-size:clamp(36px,8svh,60px)}
.cm-single .cm-art figcaption{bottom:34px}
}
@media(max-width:760px){
.cm-opening.cm-single.is-enhanced .cm-pin{padding:98px 0 18px}
.cm-single .cm-text{width:calc(100% - 40px)}
.cm-single .cm-intro h1{font-size:clamp(32px,8.8vw,44px)}
.cl-page .cm-single .cm-intro .cl-lead{font-size:14px;line-height:1.5;margin-top:16px!important}
.cm-single .cl-actions{margin-top:18px}
.cl-page .cm-single .cm-copy h2{font-size:clamp(32px,9vw,44px)}
.cl-page .cm-single .cm-copy p{font-size:15px;line-height:1.6}
.cm-single.is-enhanced .cm-art canvas{mask-image:linear-gradient(#0000 24%,#0004 44%,#000 62%)}
.cm-single .cm-art figcaption{bottom:52px}
}
/* Static reading order when motion is reduced or a phone is too short. */
.cm-single:not(.is-enhanced) .cm-pin{padding-top:115px}
.cm-single:not(.is-enhanced) .cm-art{position:relative;height:360px;width:100%;margin-top:25px}
.cm-single:not(.is-enhanced) .cm-art figcaption{bottom:8px}
.cm-single:not(.is-enhanced) .cm-copy article{padding:28px 0}
.cm-single:not(.is-enhanced) .cm-note{margin-block:20px!important}

@media(min-width:761px){.cm-single.is-enhanced .cm-art canvas{mask-image:linear-gradient(#0001 12%,#0001 44%,#0006 60%,#000 76%,#000 90%,#0003 100%)}}

/* Give centred hero copy breathing room below the navigation. */
@media(min-width:761px){
.cm-opening.cm-single.is-enhanced .cm-pin{padding-top:216px}
.cm-opening.cm-single:not(.is-enhanced) .cm-pin{padding-top:215px}
}
@media(min-width:761px) and (max-height:800px){
.cm-opening.cm-single.is-enhanced .cm-pin{padding-top:204px}
}
@media(min-width:761px) and (max-height:650px){
.cm-opening.cm-single.is-enhanced .cm-pin{padding-top:164px}
}
@media(max-width:760px){
.cm-opening.cm-single.is-enhanced .cm-pin{padding-top:138px}
.cm-opening.cm-single:not(.is-enhanced) .cm-pin{padding-top:155px}
}