[hidden]{display:none!important}
.view-switch{position:fixed;z-index:4;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border:1px solid #a89c7a58;border-radius:5px;background:#0b141de6;backdrop-filter:blur(12px);color:#d8cfba;font-size:12px;letter-spacing:1px;text-decoration:none;box-shadow:0 2px 15px #0002;transition:border-color .2s,background .2s}.view-switch:hover{background:#1c2830;border-color:#b6a57f}.switch-mark{font-size:15px;letter-spacing:0;color:#b1baaF}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-view="story"] .veil{background:linear-gradient(180deg,#071018f5,#091119f5 45%,#080e15f5)}
#synopsis{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#66716d #10191f;scroll-behavior:smooth}
.story-sheet{width:min(100% - 96px,1080px);margin:0 auto;padding:82px 0 70px}
.story-intro{margin:0 0 42px;padding-bottom:22px;border-bottom:1px solid #baaa8627;color:#99aaa9;font-size:12px;line-height:1.9}.story-intro p{margin:0}.story-intro .reading-meta{color:#c8b78f;font-size:11px;letter-spacing:2px;margin-bottom:8px}.story-intro .image-note{color:#839694;font-size:11px;margin-top:3px}
.beat{padding-bottom:43px;margin-bottom:42px;border-bottom:1px solid #baaa8627;scroll-margin-top:75px}.beat:last-child{margin-bottom:0;border-bottom:0;padding-bottom:20px}.beat-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:21px}.beat-number{color:#9c8b67;font:15px Georgia,serif;letter-spacing:1px;min-width:25px}.beat-heading h2{margin:0;font:26px/1.5 var(--serif);font-weight:400;letter-spacing:1px;color:#ede3d1}.beat-heading p{margin:5px 0 0;font-size:11px;line-height:1.6;letter-spacing:1px;color:#94a4a4}
.story-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}.story-side{min-width:0}.story-side h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font:13px/1.5 var(--sans);font-weight:400;letter-spacing:2px;color:#d9c194}.story-side h3 span{font-size:10px;letter-spacing:1px;color:#91a4a5}.film-side h3{color:#bfd3d3}.story-art{position:relative;width:100%;aspect-ratio:4/3;margin:0;overflow:hidden;background:#15212a;border-radius:3px}.story-art img{display:block;width:200%;height:100%;max-width:none;object-fit:fill;filter:saturate(.9)}.film-side .story-art img{transform:translateX(-50%)}.story-side>p{margin:18px 0 0;font-size:16px;line-height:1.95;color:#c8d0cd;letter-spacing:.1px;overflow-wrap:break-word}.story-person{white-space:nowrap;color:inherit;text-decoration:none;border-bottom:1px dotted #baab7e8c;transition:color .15s}.story-person:hover,.story-person:focus-visible{color:#e3c791;border-bottom-color:#e3c791}
.story-difference{font-size:12px;line-height:1.9;color:#a9b5af;margin:22px 0 0;padding-left:12px;border-left:1px solid #b19c684d}.story-seed{margin:21px 0 0;color:#dfd3ba}.story-seed summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:14px;font:17px/1.8 var(--serif)}.story-seed summary::-webkit-details-marker{display:none}.story-seed summary span{font:10px/1.7 var(--sans);letter-spacing:1px;color:#a89774;white-space:nowrap}.story-seed summary::after{content:'＋';font:12px var(--sans);color:#988c71;margin-left:auto;flex-shrink:0}.story-seed[open] summary::after{content:'−'}.story-seed>p{font-size:13px;line-height:1.9;color:#aebcb5;margin:11px 30px 0 84px}.story-evidence{margin:15px 0 0;color:#9aa8a4;font-size:11px;line-height:1.8}.story-evidence summary{cursor:pointer;width:max-content;color:#83918e;list-style:none}.story-evidence summary::-webkit-details-marker{display:none}.story-evidence summary::before{content:'＋ ';color:#9b8d72}.story-evidence[open] summary::before{content:'− '}.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:13px;padding-top:13px;border-top:1px solid #baaa861d}.evidence-pair h4{font-weight:400;font-size:11px;color:#b8b7a5;margin:0 0 6px}.evidence-pair a{display:block;font-size:10px;margin:4px 0;color:#a6b7b3}.story-evidence>p{font-size:11px;line-height:1.9;color:#93a4a0;margin:14px 0 0}.story-colophon{font-size:11px;line-height:1.9;color:#84938e;border-top:1px solid #baaa8627;padding-top:18px}.story-colophon summary{cursor:pointer;width:max-content;color:#a6aa9b}.story-colophon p{margin:12px 0 0;max-width:800px}
.story-art.art-single img{width:100%;object-fit:cover}
.art-caption{display:flex;align-items:center;gap:8px;min-height:27px;padding-top:6px;color:#8c9c97;font:10px/1.5 var(--sans);letter-spacing:.2px}
.film-gallery{min-width:0}.gallery-window{position:relative;width:100%;aspect-ratio:4/3;background:#101a22;border-radius:3px;overflow:hidden}.gallery-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.gallery-track::-webkit-scrollbar{display:none}.gallery-track:focus-visible{outline:2px solid #b7ab8b;outline-offset:-2px}.gallery-slide{position:relative;flex:0 0 100%;min-width:0;height:100%;margin:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.gallery-slide img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.gallery-ai img{width:200%;object-fit:fill;transform:translateX(-50%);filter:saturate(.9)}
.gallery-arrow{position:absolute;top:calc(50% - 22px);z-index:1;display:grid;place-items:center;width:36px;height:44px;padding:0;border:1px solid #b9c4bd3b;border-radius:3px;background:#0b151dd6;color:#f3ead7;font:27px/1 Georgia,serif;cursor:pointer;opacity:.87;transition:background .15s,opacity .15s}.gallery-arrow:hover{background:#24343ce8;opacity:1}.gallery-arrow:focus-visible{outline:2px solid #d4c49b;outline-offset:2px}.gallery-arrow:disabled{opacity:.18;cursor:default;pointer-events:none}.gallery-prev{left:7px}.gallery-next{right:7px}.gallery-caption{white-space:nowrap;flex-wrap:nowrap}.gallery-kind{overflow:hidden;text-overflow:ellipsis}.gallery-counter{margin-left:auto;color:#b1b9ae;font-variant-numeric:tabular-nums;font-size:9px;letter-spacing:.5px;flex-shrink:0}.gallery-source{font-size:9px;color:#a4b6b2;text-underline-offset:3px;flex-shrink:0}.gallery-source:hover{color:#e2cfaa}.evidence-pair h4.evidence-subheading{margin-top:16px}.image-credit{display:block;color:#83948e;font-size:9px;margin-top:2px}.film-blank{min-width:0}
@media(prefers-reduced-motion:reduce){#synopsis{scroll-behavior:auto}.gallery-arrow{transition:none}}
@media(min-width:1550px){.story-sheet{width:min(100% - 140px,1160px)}.story-side>p{font-size:17px}.story-pair{column-gap:38px}}
@media(max-width:779px){.view-switch{top:max(11px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));min-height:36px;padding:0 12px;font-size:11px}.story-sheet{width:calc(100% - 32px);padding:70px 0 42px}.story-intro{margin-bottom:29px;padding-bottom:18px;font-size:11px;line-height:1.8}.story-intro .reading-meta{font-size:10px;letter-spacing:1.5px}.story-intro .image-note{font-size:10px;line-height:1.7;margin-top:6px}.beat{padding-bottom:29px;margin-bottom:29px}.beat-heading{gap:12px;margin-bottom:17px}.beat-number{font-size:12px;min-width:19px}.beat-heading h2{font-size:21px;letter-spacing:.5px}.beat-heading p{font-size:10px;letter-spacing:.3px}.story-pair{column-gap:16px}.story-side h3{font-size:12px;letter-spacing:1px;margin-bottom:8px}.story-side h3 span{font-size:9px;letter-spacing:0}.story-art{border-radius:2px}.story-side>p{font-size:14px;line-height:1.9;margin-top:13px;letter-spacing:0}.story-difference{font-size:11px;line-height:1.8;margin-top:18px;padding-left:9px}.story-seed{margin-top:18px}.story-seed summary{font-size:15px;line-height:1.8;gap:8px;flex-wrap:wrap;position:relative;padding-right:20px}.story-seed summary span{font-size:9px;flex-basis:100%}.story-seed summary::after{position:absolute;right:0;bottom:7px}.story-seed>p{font-size:12px;margin:8px 10px 0 0}.evidence-pair{gap:14px}.story-evidence summary{font-size:10px}.story-evidence>p{font-size:10px}.story-colophon{font-size:10px}}
@media(max-width:359px){.story-sheet{width:calc(100% - 24px)}.story-pair{column-gap:12px}.story-side>p{font-size:13px}.beat-heading h2{font-size:19px}}
@media(max-width:779px){.art-caption{min-height:25px;gap:5px;font-size:9px;padding-top:5px;letter-spacing:0}.gallery-counter,.gallery-source{font-size:8px;letter-spacing:0}.gallery-arrow{width:32px;height:44px;font-size:25px;border-color:#b9c4bd22;background:#0b151dbf}.gallery-prev{left:3px}.gallery-next{right:3px}.gallery-window{border-radius:2px}}

/* A single, left-aligned entry opens the Iliad as a full-width reading chapter. */
.iliad-chapter{margin:0 0 48px;padding:0 0 36px;border-bottom:1px solid #baaa8627}
.iliad-entry{position:relative;display:block;list-style:none;width:calc((100% - 32px)/2);aspect-ratio:16/9;border:1px solid #b29b655e;border-radius:4px;overflow:hidden;cursor:pointer;isolation:isolate;scroll-margin-top:75px;background:#15212a;transition:border-color .2s,box-shadow .2s}
.iliad-entry::-webkit-details-marker{display:none}.iliad-entry::marker{content:''}
.iliad-entry>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s;filter:saturate(.86)}
.iliad-entry::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#08111830 40%,#081118d9 100%);pointer-events:none}
.iliad-entry-copy{position:absolute;z-index:1;left:25px;right:25px;bottom:22px;display:flex;flex-direction:column;color:#f1e7d4;text-shadow:0 1px 8px #0008}
.iliad-entry-kicker{font:10px/1.7 var(--sans);letter-spacing:2px;color:#d5c7a6;margin-bottom:7px}
.iliad-entry-copy strong{font:30px/1.3 var(--serif);font-weight:400;letter-spacing:3px}
.iliad-entry-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;font:11px/1.5 var(--sans);letter-spacing:1px;color:#e2d8c2}
.iliad-toggle-glyph{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d5c7a666;border-radius:50%;font:19px/1 var(--sans);text-shadow:none}
.iliad-entry:hover{border-color:#d0b980;box-shadow:0 6px 25px #0003}.iliad-entry:hover>img{transform:scale(1.025);filter:saturate(1)}
.iliad-entry:focus-visible{outline:2px solid #d1bd8c;outline-offset:5px}
.iliad-content{padding-top:42px}.story-full{display:block;width:100%}.story-full .story-art{width:100%;aspect-ratio:auto;background:transparent}.story-full .story-art img{width:100%;height:auto;object-fit:contain}.story-full .story-side>p{font-size:17px;line-height:1.95}.evidence-single{grid-template-columns:minmax(0,1fr)}
.iliad-close{display:flex;align-items:center;gap:22px;margin:0 auto;padding:11px 18px;border:1px solid #a89c7a58;border-radius:4px;background:#0f1a22;color:#cfc3a8;font:11px/1.6 var(--sans);letter-spacing:1px;cursor:pointer}.iliad-close:hover{border-color:#c8b17c;color:#eee0c2}.iliad-close span{font-size:16px}
.book-marker{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 35px}.book-marker h2{margin:0;color:#d6c49f;font:18px/1.5 var(--serif);font-weight:400;letter-spacing:3px}.book-marker>span{color:#8faaa9;font:10px/1.5 var(--sans);letter-spacing:2px}
.story-pair>.film-side{outline:1px solid #9fbab563;outline-offset:12px;border-radius:2px;background:#14232b26}
@media(min-width:1550px){.iliad-entry{width:calc((100% - 38px)/2)}}
@media(max-width:779px){.iliad-chapter{margin-bottom:32px;padding-bottom:28px}.iliad-entry{width:100%;scroll-margin-top:66px}.iliad-entry-copy{left:20px;right:20px;bottom:18px}.iliad-entry-copy strong{font-size:27px}.iliad-entry-kicker{font-size:9px;margin-bottom:5px}.iliad-entry-action{margin-top:8px;font-size:10px}.iliad-content{padding-top:31px}.story-full .story-side>p{font-size:15px;line-height:1.95}.book-marker{margin-bottom:28px}.book-marker h2{font-size:17px}.book-marker>span{font-size:9px;letter-spacing:1px}.story-pair>.film-side{outline-offset:6px}}
@media(max-width:359px){.iliad-entry-copy{left:16px;right:16px;bottom:13px}.iliad-entry-copy strong{font-size:25px}.story-pair>.film-side{outline-offset:4px}}
@media(prefers-reduced-motion:reduce){.iliad-entry,.iliad-entry>img{transition:none}}
