/* Full-width story shelves: four surface entries, five other-world entries. */
.stories .story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;overflow:visible;scroll-snap-type:none;margin-inline:0;padding-inline:0;align-items:stretch}
[data-realm="other"] .stories .story-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.stories .story-card{width:100%;max-width:none;min-width:0;height:510px;flex:initial}
.stories .story-card .card-content{left:18px;right:18px}
.stories .card-content h3{font-size:clamp(22px,1.8vw,30px);overflow-wrap:anywhere}
.stories .story-card .card-roman{font-size:clamp(68px,6vw,96px)}
.stories .story-card .story-art{background-size:cover}

.film-story .card-content small{color:var(--gold)}
.feature-film{position:relative;padding-top:60px;padding-bottom:64px}
.hero-buttons{flex-wrap:wrap;row-gap:14px}
.film-feature{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:clamp(28px,5vw,90px);align-items:center}
.film-cover{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);background:#12191c}
.film-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.film-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#081015a6,transparent 65%)}
.film-cover:hover img{transform:scale(1.025)}
.film-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;display:grid;place-items:center;border:1px solid #f4f0dfb3;border-radius:50%;color:#fff;background:#0a12194d;backdrop-filter:blur(5px);font-size:23px;padding-left:3px}
.film-cover-caption{position:absolute;z-index:1;bottom:18px;left:23px;right:23px;display:flex;justify-content:space-between;color:#fff;font-size:12px;letter-spacing:2px}
.film-copy h2{font:clamp(34px,3.5vw,58px)/1.2 var(--serif);letter-spacing:2px;margin:18px 0}
.film-copy p:not(.eyebrow){color:var(--muted);line-height:2.1;max-width:32em}
.film-copy .text-link{display:inline-block;margin-top:26px}
[data-realm="surface"] .film-copy p:not(.eyebrow){color:#55717d}
[data-realm="surface"] .film-copy h2{color:#294c5e}
.film-dialog{width:min(1180px,94vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #a7957180;background:#0b1217;color:#eee9dc;overflow:auto}
.film-dialog::backdrop{background:#02070bed;backdrop-filter:blur(10px)}
.film-dialog header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #ffffff26}
.film-dialog h2{font:22px var(--serif);letter-spacing:2px}
.film-dialog video{display:block;width:100%;max-height:76dvh;aspect-ratio:16/9;background:#000;object-fit:contain}
.film-dialog p{font-size:12px;color:#ccc;padding:0 20px}
.reader-film{max-width:960px;margin:0 auto;padding:18px 0 36px}
.reader-film .film-cover{margin-bottom:24px}
.reader-film>p{font-size:13px;line-height:2;color:inherit}
.stories .story-card.secret-thread{background:#510e1b;border:2px solid #86162d;isolation:isolate;color:#fff7e8}
.stories .secret-thread .story-art{inset:0;height:auto;mix-blend-mode:luminosity;opacity:.85;filter:saturate(.65) brightness(.95);outline:none}
.stories .secret-thread .story-shade{background:linear-gradient(0deg,#380611cf 0%,#710e2466 46%,#480b1a66 100%)}
.stories .secret-thread .card-content,.stories .secret-thread .card-number{color:#fff7e8}
.stories .secret-thread .card-content small,.stories .secret-thread .card-content p{color:#ffe3cf}
.stories .secret-thread .card-roman{color:#efc4c4;opacity:.24}
.stories .secret-thread .card-link{border-color:#ffd7bb80}
.stories .story-card.secret-thread:hover,.stories .story-card.secret-thread:focus-visible{border-color:#ba2847}
.thread-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible;fill:none}
.thread-border path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.thread-border-base{stroke:#86162d;stroke-width:3.5}
.thread-border-trail{stroke:#ff5d79;stroke-width:3;stroke-dasharray:115 885;filter:drop-shadow(0 0 4px #ff315e);animation:thread-border-run 5.5s linear infinite}
.thread-border-head{stroke:#ffe0ce;stroke-width:1.6;stroke-dasharray:17 983;filter:drop-shadow(0 0 5px #ff315e);animation:thread-border-run 5.5s linear infinite}
@keyframes thread-border-run{from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}
.stories .secret-thread:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,transparent 0 6px,#ff809326 7px 8px);opacity:0;animation:thread-static 7.3s steps(1,end) infinite}
.stories .secret-thread .story-art{animation:thread-shift 7.3s steps(1,end) infinite}
.reader.secret-reader{background:#380a15;border-color:#a94656}
.secret-reader .reader-shell,.secret-reader .reader-sidebar{background:#380a15;color:#ffe7dd}
.secret-reader .reader-header,.secret-reader .reader-main,.secret-reader .reader-toolbar{background:#270811;color:#ffe7dd}
.secret-reader .reader-content{background:radial-gradient(ellipse at top,#65172b,#270811 75%)}
.secret-reader .reader-sidebar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 8px,#f68d9c18 9px 10px);opacity:0;animation:thread-static 7.3s steps(1,end) infinite}
.secret-reader .reader-sidebar{position:relative;isolation:isolate}
@keyframes thread-static{0%,90%,95%,100%{opacity:0;transform:translateX(0)}91%{opacity:.65;transform:translateX(3px)}92%{opacity:.1;transform:translateX(-2px)}93%{opacity:.45;transform:translateX(1px)}}
@keyframes thread-shift{0%,90%,95%,100%{transform:none}91%{transform:translateX(4px);filter:sepia(.4) saturate(1.5)}92%{transform:translateX(-3px)}93%{transform:translateX(2px)}}
@media(max-width:1100px){.stories .story-grid,[data-realm="other"] .stories .story-grid{gap:14px}.stories .story-card{height:460px}.stories .story-card .card-content{left:13px;right:13px}.stories .card-content h3{font-size:23px}.stories .card-content small{letter-spacing:1px}}
@media(max-width:900px){.stories .story-grid,[data-realm="other"] .stories .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-realm="other"] .stories .story-card:last-child{grid-column:1/-1;height:350px}.film-feature{grid-template-columns:1fr}.film-copy h2{font-size:36px}}
@media(max-width:520px){.stories .story-card{height:400px}.stories .card-content h3{font-size:22px}.stories .story-card .card-number{left:12px;letter-spacing:1px}.stories .story-card .card-content{bottom:32px}.stories .card-link{letter-spacing:0}.film-play{width:54px;height:54px}.film-cover-caption{font-size:10px;left:14px;right:14px}.feature-film{padding-top:35px;padding-bottom:35px}}
@media(max-width:360px){.stories .story-grid,[data-realm="other"] .stories .story-grid{grid-template-columns:1fr}}
.reduced-motion .secret-thread:after,.reduced-motion .secret-thread .story-art,.reduced-motion .secret-reader .reader-sidebar:after,.reduced-motion .thread-border path{animation:none!important}
.reduced-motion .film-cover img{transition:none}
@media(prefers-reduced-motion:reduce){.secret-thread:after,.secret-thread .story-art,.secret-reader .reader-sidebar:after,.thread-border path{animation:none!important}.film-cover img{transition:none}}

/* Shared cover framing; a light lower veil keeps surface text readable. */
[data-realm="surface"] .stories .story-card{background:#1e2a30;border-color:#79858b42;color:var(--ivory)}
[data-realm="surface"] .stories .story-card .story-art{opacity:1;filter:saturate(.45)}
[data-realm="surface"] .stories .story-card:nth-child(1) .story-art{filter:saturate(.75)}
[data-realm="surface"] .stories .story-card:nth-child(2) .story-art{filter:saturate(.7) brightness(.85)}
[data-realm="surface"] .stories .story-card:nth-child(3) .story-art{filter:saturate(.2)}
[data-realm="surface"] .stories .story-card:nth-child(4) .story-art{filter:saturate(.45) brightness(.85)}
[data-realm="surface"] .stories .story-shade{background:linear-gradient(180deg,transparent 38%,rgba(237,242,244,.28) 60%,rgba(237,242,244,.52) 80%,rgba(237,242,244,.64) 100%)}
[data-realm="surface"] .stories .card-content h3{color:#183c4d;text-shadow:0 1px 5px #f4f7f899}
[data-realm="surface"] .stories .card-content p{color:#304f5d}
[data-realm="surface"] .stories .card-content small{color:#70572f;text-shadow:0 1px 3px #f4f7f888}
[data-realm="surface"] .stories .card-link{color:#244858;border-color:#47677566}
[data-realm="surface"] .stories .card-number{color:#e5dfd0;background:none;padding:0}
[data-realm="surface"] .stories .card-roman{color:#eee8db22;text-shadow:none}
[data-realm="surface"] .stories .story-card:hover .story-art,[data-realm="surface"] .stories .story-card:focus-visible .story-art{filter:saturate(.8)}

/* Paint long images at their displayed size instead of scaling one huge GPU texture. */
.story-pan-viewport .reader-images{will-change:auto;transform:none}
.story-pan-viewport .reader-images img{display:block;width:100%;height:auto;image-rendering:auto}