/* The two presentations share a cover identity; each has its own subject. */
.cover-page{position:relative;isolation:isolate;min-height:calc(100svh - 145px);display:grid;grid-template-columns:1.02fr 1fr;background:#06131e;overflow:hidden;color:#edf3f5}.cover-art{position:absolute;inset:0 43% 0 0;z-index:-1;overflow:hidden}.cover-art>img{width:100%;height:100%;object-fit:cover;object-position:32% center;filter:saturate(.96)}.cover-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06131e00 55%,#06131e 100%),linear-gradient(0deg,#06131e 0%,#06131e00 28%,#06131e10)}.cover-rule{position:absolute;inset:23px;border:1px solid #8babeb26;pointer-events:none;z-index:-1}.cover-rule:before,.cover-rule:after{content:'';position:absolute;width:46px;height:46px;border-color:#8babeb90;border-style:solid}.cover-rule:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.cover-rule:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.cover-picture-label{align-self:end;grid-column:1;padding:0 0 55px 7.5%;max-width:380px}.cover-picture-label small{color:#8babeb;letter-spacing:2px;font-size:8px}.cover-picture-label p{font-size:14px;line-height:1.7;margin:10px 0 0;color:#e9f2f4;text-shadow:0 2px 15px #00101d}.cover-copy{grid-column:2;padding:clamp(40px,5vh,75px) clamp(30px,4.8vw,80px) 38px 18px;position:relative;max-width:760px}.cover-series{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:2px;color:#b5cbd4}.cover-series b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8babeb50;color:#8babeb;font-size:12px;font-weight:500;border-radius:50%}.cover-copy .eyebrow{font-size:9px;letter-spacing:2px;margin-top:27px}.cover-heading{font-family:Display,'Arial Narrow',sans-serif;font-size:clamp(61px,7.3vw,112px);font-weight:400;line-height:1.02;letter-spacing:.5px;margin:20px 0}.cover-heading span{display:block;color:#8babeb}.cover-copy>p{font-size:13px;color:#b5cbd4;line-height:1.85;max-width:440px;margin:0 0 24px}.cover-copy .actions,.cover-copy .startrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cover-copy .hero-meta{display:flex;flex-wrap:wrap;gap:20px;margin:22px 0;color:#a9beca;font-size:9px;letter-spacing:.7px}.cover-copy .hero-meta b{color:#7ae7d4}.cover-copy .project-credits{margin-top:24px;max-width:440px}.cover-copy .cover-topic{font-size:10px;color:#7ae7d4;letter-spacing:1.1px;margin-top:0;margin-bottom:21px}.cover-page .cover-heading{animation:cover-arrive .9s both}.cover-page .cover-copy>p{animation:cover-arrive 1.1s both}.cover-page .cover-art>img{animation:cover-reveal 1.3s both}.cover-help{margin-top:18px}.cover-workflow .cover-heading{font-size:clamp(65px,7.7vw,118px)}.cover-story .cover-heading{font-family:var(--head,Display,sans-serif)}#stage:has(.cover-page){height:auto;min-height:calc(100svh - 145px);overflow:visible}.cover-page .credit-label{color:#8babeb}@keyframes cover-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes cover-reveal{from{opacity:.6;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:1050px) and (min-width:701px){.cover-copy{padding-right:32px}.cover-heading{font-size:73px}.cover-workflow .cover-heading{font-size:80px}.cover-picture-label{padding-left:40px}.cover-copy .primary{font-size:10px;padding:14px}.cover-art{right:40%}}
@media(max-width:700px){.cover-page{display:block;min-height:calc(100svh - 125px)}.cover-art{inset:0 0 auto;height:430px}.cover-art>img{object-position:28% 24%;width:125%;max-width:none}.cover-art:after{background:linear-gradient(0deg,#06131e 0%,#06131e16 43%,#06131e00 80%)}.cover-rule{inset:12px}.cover-picture-label{position:absolute;top:25px;left:26px;padding:0;max-width:160px}.cover-picture-label p{display:none}.cover-picture-label small{font-size:6px;letter-spacing:1.4px;background:#06131e88;padding:5px 7px;border:1px solid #8babeb35}.cover-copy{padding:310px 26px 30px;max-width:none}.cover-series{font-size:8px;gap:10px;letter-spacing:1.5px}.cover-series b{width:27px;height:27px;font-size:10px}.cover-copy .eyebrow{margin-top:20px;font-size:8px;letter-spacing:1.3px}.cover-heading,.cover-workflow .cover-heading{font-size:62px;margin:17px 0;line-height:1.01}.cover-story .cover-heading{font-size:59px}.cover-copy>p{font-size:12px;line-height:1.75;margin-bottom:20px}.cover-copy .cover-topic{font-size:8px;letter-spacing:1px;margin-bottom:18px}.cover-copy .primary{font-size:10px;padding:14px 17px;min-height:48px;gap:13px}.cover-copy .secondary{font-size:10px;padding:12px 14px;min-height:46px}.cover-copy .quiet-link{font-size:10px}.cover-copy .hero-meta{font-size:8px;gap:17px;margin:20px 0}.cover-copy .project-credits{margin-top:22px;padding-top:17px}.cover-help{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.cover-page *{animation:none!important}}.reduced .cover-page *{animation:none!important}

@media(min-width:1051px){.cover-copy .project-credits:has(.credit-group){display:grid;grid-template-columns:.9fr 1.25fr 1fr;gap:16px;max-width:none}.cover-copy .credit-group+.credit-group{margin-top:0}.cover-copy .credit-group strong{font-size:11px}.cover-copy .credit-group small{font-size:8px;line-height:1.7}.cover-copy .credit-group p{font-size:10px}.cover-copy .credit-label{font-size:9px}.cover-copy .project-credits{padding-top:17px}.cover-workflow .cover-heading{font-size:clamp(65px,7.3vw,108px)}}

/* Blue sampled from Sister Nora's approved scrub artwork; readable companion tint. */
:root{--nora-navy:#003cd1;--nora-border:#507ce2;--nora-hover:#104fe0}.primary,.play-toggle{background:var(--nora-navy);color:#fff;border:1px solid var(--nora-border);box-shadow:0 8px 30px #003cd126}.primary:hover,.play-toggle:hover{background:var(--nora-hover);color:#fff}.primary:focus-visible,.play-toggle:focus-visible{outline:2px solid #b6cbf3;outline-offset:3px}.completion-mail svg{fill:none!important;stroke:currentColor}.cover-copy .primary{color:#fff}

/* Original KOC vector paths, white on transparent navy; no plaque. */
.logo,.logo-plaque{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}

/* Distinct device covers: a monitor mark on wide screens, a phone mark on portrait layouts. */
.cover-device{margin:0 0 25px;display:flex;align-items:center;width:max-content;padding:10px 14px;border:1px solid #8babeb55;border-radius:8px;background:linear-gradient(120deg,#003cd12e,#10243790);box-shadow:inset 3px 0 #8babeb}
.cover-device>span{display:flex;align-items:center;gap:12px}.cover-device .device-mobile{display:none}.cover-device svg{width:39px;height:33px;fill:none;stroke:#bdceef;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.cover-device .device-screen{stroke:none;fill:#507ce240}.cover-device strong,.cover-device small{display:block}.cover-device strong{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#e4edff;line-height:1.5}.cover-device small{font-size:7px;letter-spacing:1.3px;color:#a7bfe9;margin-top:3px}
@media(min-width:1051px){.cover-copy{padding-top:34px}.cover-copy .eyebrow{margin-top:20px}.cover-heading{margin-top:16px}.cover-device{margin-bottom:21px}}
@media(max-width:700px){.cover-device{position:absolute;top:24px;right:23px;margin:0;padding:9px 11px;background:#07182be8;box-shadow:inset 2px 0 #8babeb;border-radius:10px;z-index:1}.cover-device .device-desktop{display:none}.cover-device .device-mobile{display:flex;gap:8px}.cover-device svg{height:33px;width:24px}.cover-device strong{font-size:8px;letter-spacing:1.2px}.cover-device small{font-size:5.5px;letter-spacing:1px}.cover-picture-label{display:none}.cover-copy{padding-top:285px}.cover-art{height:400px}}

/* Delivery editions are intentional: phone online, desktop offline. */
body[data-edition="mobile"] .cover-device .device-desktop{display:none}
body[data-edition="mobile"] .cover-device .device-mobile{display:flex}
body[data-edition="desktop"] .cover-device .device-mobile{display:none}
body[data-edition="desktop"] .cover-device .device-desktop{display:flex}