@font-face{font-family:AoCSerif;src:url('42aa010dbb82d90764a2.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AoCSerif;src:url('7eff2d2fde32c42992e7.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:AoCSerif;src:url('e65464583be3cb56b9fe.woff2') format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:AoCSans;src:url('63de0da0cc05298e2e9c.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AoCSans;src:url('c248b0a178c362916db7.woff2') format('woff2');font-weight:600;font-display:swap}
.story-review{margin:0 9% 24px;padding:18px 20px;background:#080d16;border:1px solid #7586a738;text-align:center}
.story-review-label{display:block;color:#b8c5d8;font:10px/1.5 AoCControls,Arial;letter-spacing:1px;margin-bottom:12px}
.story-review-options{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.story-review button{background:#0b1420;color:#d4deeb;border:1px solid #64788c6b;padding:10px 13px;font:12px/1.5 Arial;cursor:pointer}
.story-review button[aria-pressed=true]{color:#f2dfbb;border-color:#bfa16f;background:#322b205c}
.story-review button:focus-visible{outline:2px solid #d5e5ee;outline-offset:3px}
.story-review-description{font:13px/1.6 Arial;color:#aebcce;max-width:650px;margin:13px auto 0}
/* B: retain the book spread, but give the prose room and a quieter printed texture. */
body[data-story-style="codex"] .codex{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:46px;padding:54px 5%;background:linear-gradient(90deg,#10131bf7,#10131bf7 34%,#02050bfa 35%,#10131bfa 36%,#10131bfa);border-color:#c5ab774d;box-shadow:0 18px 60px #0008,inset 0 1px #e2c9951a}
body[data-story-style="codex"] .story-copy h2{font:600 clamp(32px,3.4vw,43px)/1.18 AoCSerif,Georgia,serif;color:#f0e1bf;letter-spacing:-.5px;margin:14px 0 30px}
body[data-story-style="codex"] .story-copy p{font:20px/1.73 AoCSerif,Georgia,serif;color:#e3ded3;margin-bottom:1.15em}
body[data-story-style="codex"] .story-copy .eyebrow{font:9px/1.8 AoCControls,Arial;color:#bba986;letter-spacing:2px}
body[data-story-style="codex"] .codex-art blockquote{font:italic 20px/1.6 AoCSerif,Georgia,serif;color:#cfc0a2}
body[data-story-style="codex"] #story-text>p:first-child:first-letter{font-family:AoCSerif,Georgia,serif;font-size:68px;padding:4px 8px 0 0;color:#d9be87}
/* C: one continuous reading surface, with the artwork as a restrained companion. */
body[data-story-style="archive"] .codex{grid-template-columns:minmax(0,.54fr) minmax(0,1.46fr);gap:44px;padding:48px 5%;background:linear-gradient(145deg,#0a1825fa,#0a101dfa 55%,#101122fa);border-color:#a4c5df4d;box-shadow:0 18px 60px #0008}
body[data-story-style="archive"] .codex-art{padding-top:12px}
body[data-story-style="archive"] .story-copy{border-left:1px solid #9baecd35;padding-left:30px}
body[data-story-style="archive"] .story-copy h2{font:24px/1.45 AoCControls,Arial;color:#e0e9f3;letter-spacing:1px;margin:14px 0 30px}
body[data-story-style="archive"] .story-copy p{font:20px/1.75 AoCSans,Arial,sans-serif;color:#d9e3ed;margin-bottom:1.15em}
body[data-story-style="archive"] .story-copy .eyebrow{font:9px/1.8 AoCControls,Arial;color:#a5bdd5;letter-spacing:2px}
body[data-story-style="archive"] .codex-art blockquote{font:italic 18px/1.65 AoCSerif,Georgia,serif;color:#b5c9dc}
body[data-story-style="archive"] #story-text>p:first-child:first-letter{float:none;font:inherit;padding:0;color:inherit}
body[data-story-style="archive"] #story-text>p:first-child{font-size:23px;line-height:1.55;color:#f1f5fa}
@media(max-width:760px){.story-review{margin:0 7% 18px;padding:15px 10px}.story-review-options{gap:6px}.story-review button{font-size:11px;padding:9px 10px}body[data-story-style="codex"] .codex,body[data-story-style="archive"] .codex{display:block;padding:30px 7%;background:#0b111cf5}body[data-story-style="codex"] .codex-art,body[data-story-style="archive"] .codex-art{margin-bottom:32px}body[data-story-style="codex"] .codex-art>img,body[data-story-style="archive"] .codex-art>img{max-width:250px}body[data-story-style="archive"] .story-copy{border-left:0;padding-left:0}body[data-story-style="codex"] .story-copy p,body[data-story-style="archive"] .story-copy p{font-size:19px;line-height:1.75}body[data-story-style="archive"] .story-copy h2{font-size:21px}body[data-story-style="archive"] #story-text>p:first-child{font-size:22px}}

/* A two-line initial aligns to the first capital and second baseline. */
body[data-story-style="codex"] .story-copy h2{margin-top:0}
body[data-story-style="codex"] #story-text>p:first-child:first-letter{font-size:3.1em;line-height:.78;padding:0 .12em 0 0;margin-top:.08em}
@supports(initial-letter:2){
 body[data-story-style="codex"] #story-text>p:first-child:first-letter{initial-letter:2;float:none;font-size:inherit;line-height:normal;padding:0 .12em 0 0;margin:0}
}