/* Each section uses one category dataset. Layouts vary with the editorial format. */
.edition-nav{display:flex;gap:24px;align-items:center;overflow:auto;white-space:nowrap;background:#050507;padding:21px 6%;border-top:1px solid #222026;border-bottom:1px solid #222026;font-size:11px;scrollbar-width:thin}.edition-nav>span{color:var(--lime);font-size:9px;letter-spacing:2px}.edition-nav a{color:#b4b0bc}.edition-nav a:hover{color:var(--lime)}.edition-section{--section-bg:#08090d;background:var(--section-bg);padding:90px 0 100px;scroll-margin-top:25px}.ed-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:44px}.ed-heading h2{font-size:clamp(42px,4.5vw,67px)}.ed-heading .kicker{margin-bottom:16px}.ed-heading-aside{max-width:410px;justify-self:end}.ed-heading-aside p{color:#b8b4c1;font-size:14px;margin-bottom:19px}.ed-heading-aside .textlink{display:inline-block}.ed-composition{display:grid;grid-template-columns:1.45fr 1fr;gap:55px}.ed-card{min-width:0}.ed-card h3{font-size:29px;line-height:1.1}.ed-meta{color:var(--lime);font-size:9px;text-transform:uppercase;letter-spacing:1.8px;line-height:1.6;margin:0 0 11px}.ed-deck{font-size:14px;color:#b5b2bc;line-height:1.75;margin-top:14px;max-width:660px}.ed-read{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#d3d1cb;margin-top:17px;border-bottom:1px solid #494738;padding-bottom:4px}.ed-card a:hover .ed-read{color:var(--lime);border-color:var(--lime)}.ed-support{display:grid;gap:27px;align-content:start}.ed-support>.ed-card{border-bottom:1px solid #2b2731;padding-bottom:26px}.ed-support>.ed-card:last-child{border:0}.ed-lead-copy{padding-top:26px}.ed-lead-copy h3{font-size:39px}.ed-note{color:#87828f;font-size:10px;line-height:1.6;margin-top:38px;max-width:900px}.editorial-art{aspect-ratio:1.45;background-image:url(assets/variety-v2.webp);background-size:300% 200%;background-repeat:no-repeat;-webkit-mask:var(--mask) center/100% 100% no-repeat;mask:var(--mask) center/100% 100% no-repeat;border:0;transition:transform .5s ease,filter .5s ease}.lead-image-link{display:block}.lead-image-link:hover .editorial-art{transform:translateY(-5px) rotate(-.6deg)}.media-comic{background-position:50% 0}.media-corridor{background-position:100% 0}.media-cosmic{background-position:0 100%}.media-trophy{background-position:50% 100%}.media-notebook{background-position:100% 100%}.media-concert,.media-cosplay,.media-boardgame,.media-objects{background-image:url(assets/culture.webp);background-size:200% 200%}.media-concert{background-position:0 0}.media-cosplay{background-position:100% 0}.media-boardgame{background-position:0 100%}.media-objects{background-position:100% 100%}.media-house,.media-book,.media-tape{background-image:url(assets/editorial.webp);background-size:200% 200%}.media-house{background-position:0 0}.media-book{background-position:100% 0}.media-tape{background-position:0 100%}.media-vask{background-image:url(assets/lore-v3.webp);background-size:100% 300%;background-position:0 0;aspect-ratio:2}.media-harl,.media-lume,.media-woodcut-witch,.media-oil-witch,.media-gore,.media-collage-witch{background-image:url(assets/horror-variety-v3.webp);background-size:300% 200%}.media-woodcut-witch{background-position:0 0}.media-gore{background-position:50% 0}.media-oil-witch{background-position:100% 0}.media-harl{background-position:0 100%}.media-lume{background-position:50% 100%}.media-collage-witch{background-position:100% 100%}
.layout-lore{--section-bg:#100e18}.layout-lore .ed-composition{grid-template-columns:1.35fr 1fr}.layout-lore .lead-art{aspect-ratio:1.25}.layout-lore .ed-support{grid-template-columns:1fr 1fr;gap:30px}.layout-lore .ed-support .ed-card{border:0}.layout-screen{--section-bg:#070b10}.layout-screen .ed-composition{grid-template-columns:1fr}.layout-screen .ed-lead{display:grid;grid-template-columns:1.65fr 1fr;gap:40px;align-items:center}.layout-screen .ed-support{grid-template-columns:repeat(3,1fr);gap:32px}.layout-screen .ed-support>.ed-card{border:0;border-top:1px solid #2e343e;padding-top:23px}.editorial-video{position:relative;background:none;border:0;padding:0;display:block;width:100%;text-align:left}.editorial-video .editorial-art{aspect-ratio:1.7}.ed-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:70px;color:var(--lime);text-shadow:0 4px 16px #000}.video-label{position:absolute;bottom:20px;left:25px;font-size:9px;letter-spacing:2px;color:#e7e8de}.layout-music{--section-bg:#050505}.layout-music .ed-composition{grid-template-columns:1.35fr 1fr}.layout-music .ed-lead{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}.layout-music .lead-art{aspect-ratio:.64;background-size:400% 200%;background-position:15% 0}.layout-music .ed-lead-copy{padding-bottom:22px}.layout-music .ed-lead-copy h3{font-size:39px}.layout-books{--section-bg:#100d13}.layout-books .ed-composition{grid-template-columns:1fr 1.25fr}.layout-books .ed-support{grid-template-columns:1fr 1fr;gap:30px}.layout-books .ed-support>.ed-card:first-child{grid-column:1/-1}.layout-books .ed-support>.ed-card:first-child>a{display:grid;grid-template-columns:160px 1fr;gap:0 25px}.layout-books .ed-support .editorial-art{grid-row:span 4;aspect-ratio:.8}.layout-books .ed-support .ed-card{border:0}.layout-gaming{--section-bg:#080e12}.layout-gaming .ed-lead{order:2}.layout-gaming .lead-art{aspect-ratio:1.2}.layout-gaming .ed-composition{grid-template-columns:1fr 1.45fr}.layout-genres{--section-bg:#080608}.genre-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.genre-deck .editorial-art{aspect-ratio:.8;margin-bottom:25px}.genre-deck .ed-card:nth-child(even){padding-top:45px}.genre-deck h3{font-size:28px}.layout-products{--section-bg:#100e16}.layout-products .ed-lead{display:grid;grid-template-columns:1fr;align-content:start}.layout-products .lead-art{aspect-ratio:1.7}.layout-events{--section-bg:#06090d}.layout-events .ed-lead{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.layout-events .lead-art{aspect-ratio:.7;background-size:400% 200%;background-position:85% 0}.layout-events .ed-lead-copy h3{font-size:36px}.layout-contests{--section-bg:#100e15}.layout-contests .ed-composition{grid-template-columns:1fr}.layout-contests .ed-lead{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.layout-contests .lead-art{aspect-ratio:1.8}.layout-contests .ed-support{grid-template-columns:1fr 1fr;padding-top:15px;gap:50px}.layout-contests .ed-support>.ed-card{border:0}.layout-awards{--section-bg:#070706}.layout-awards .ed-composition{grid-template-columns:1.4fr 1fr}.layout-awards .ed-lead{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}.layout-awards .lead-art{aspect-ratio:.85}.layout-awards .ed-read{color:#cfb27c}.category-only{--section-bg:#100e18;background:var(--section-bg);padding:75px 0 100px}.category-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 30px}.category-stories .editorial-art{margin-bottom:24px}.preview-body{--section-bg:#100e18;background:var(--section-bg);padding:65px 0 100px}.preview-inner{max-width:800px}.preview-inner>.editorial-art{margin-bottom:35px}.preview-inner>p{margin:25px 0}.preview-inner>.talisman{margin-top:20px}.brand-art{background-image:url(assets/lore-v3.webp)}.lore-portrait{background-image:url(assets/lore-v3.webp)}
@media(max-width:1050px){.ed-composition,.layout-lore .ed-composition,.layout-gaming .ed-composition,.layout-music .ed-composition{gap:30px;grid-template-columns:1fr 1fr}.layout-music .ed-lead,.layout-events .ed-lead,.layout-awards .ed-lead{display:block}.layout-music .lead-art{aspect-ratio:1;background-size:200% 200%;background-position:0 0}.layout-events .lead-art{aspect-ratio:1;background-size:200% 200%;background-position:100% 0}.layout-lore .ed-support{display:block}.layout-lore .ed-support .ed-card{margin-bottom:27px}.genre-deck{grid-template-columns:1fr 1fr}.genre-deck .ed-card:nth-child(even){padding-top:0}.category-stories{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.edition-section{padding:65px 0 75px}.ed-heading{display:block;margin-bottom:32px}.ed-heading h2{font-size:47px}.ed-heading-aside{margin-top:24px;max-width:100%}.ed-heading-aside p{font-size:13px}.ed-composition,.layout-lore .ed-composition,.layout-music .ed-composition,.layout-books .ed-composition,.layout-gaming .ed-composition,.layout-awards .ed-composition{display:block}.ed-lead{margin-bottom:35px}.ed-lead-copy h3,.layout-music .ed-lead-copy h3,.layout-events .ed-lead-copy h3{font-size:35px}.ed-support{gap:25px}.ed-support>.ed-card{padding-bottom:22px}.ed-card h3{font-size:29px}.ed-deck{font-size:13px}.ed-meta{font-size:8px}.layout-lore .lead-art{aspect-ratio:1.2}.layout-lore .ed-support{display:grid;grid-template-columns:1fr 1fr;gap:24px}.layout-lore .ed-support h3{font-size:25px}.layout-lore .ed-support .ed-card{margin:0}.layout-screen .ed-lead,.layout-contests .ed-lead{display:block}.layout-screen .ed-support{grid-template-columns:1fr}.layout-screen .ed-lead-copy{padding-top:24px}.layout-music .lead-art{aspect-ratio:1.2}.layout-books .ed-support{display:block}.layout-books .ed-support .ed-card{margin-bottom:30px}.layout-books .ed-support>.ed-card:first-child>a{grid-template-columns:120px 1fr;gap:0 18px}.layout-books .ed-support .editorial-art{aspect-ratio:.65}.genre-deck{gap:30px 18px}.genre-deck h3{font-size:26px}.genre-deck .ed-deck{font-size:12px}.layout-contests .ed-support{grid-template-columns:1fr;gap:28px}.layout-awards .lead-art{aspect-ratio:1.3}.category-stories{grid-template-columns:1fr}.edition-nav{gap:20px;padding:17px 6%}.ed-heading .kicker{margin-bottom:15px}.layout-gaming .ed-lead{order:0}}
@media(prefers-reduced-motion:reduce){.editorial-art{transition:none}.lead-image-link:hover .editorial-art{transform:none}}

.brand-art{background-image:var(--brand-source,url(assets/lore-v3.webp));background-size:var(--brand-size,100% 300%);background-position:var(--brand-position,50% 0%)}

/* Section five: original kraken illustration and email signup. */
.newsletter-sea{--section-bg:#091517;background:var(--section-bg);isolation:isolate;min-height:790px;scroll-margin-top:25px}
.newsletter-art{position:absolute;inset:0 25% 0 0;background:url(assets/kraken-newsletter-v1.webp) 42% center/cover no-repeat;z-index:-2;-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,#000 62%,transparent 100%)}
.newsletter-sea:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#091517 0%,transparent 13%,transparent 87%,#091517 100%)}
.newsletter-layout{min-height:790px;display:flex;justify-content:flex-end;align-items:center;padding:75px 0 95px}
.newsletter-copy{width:44%;text-align:center;position:relative}
.newsletter-sigil{width:43px;height:59px;margin-bottom:25px;font-size:32px;box-shadow:0 0 45px #97835625}
.newsletter-copy .kicker{font-size:10px;letter-spacing:2.6px;margin-bottom:20px}
.newsletter-copy h2{font-size:clamp(48px,4.8vw,74px)}
.newsletter-rule{display:flex;align-items:center;gap:18px;width:70%;margin:24px auto;color:#c4ab70;font-size:22px}
.newsletter-rule:before,.newsletter-rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#bca16a)}
.newsletter-rule:after{transform:rotate(180deg)}
.newsletter-intro{color:#d4d9d4;font-size:17px;line-height:1.8;max-width:490px;margin:0 auto 26px}
.newsletter-form{max-width:430px;margin:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px}
.newsletter-form label{text-align:left;color:#d8d9cd;font-size:12px;letter-spacing:.3px}
.newsletter-form input{width:100%;min-width:0;border:1px solid #6f7461;background:#030a0cc9;color:#f5f2e8;padding:16px 18px;font:inherit;border-radius:0;outline-offset:4px}
.newsletter-form input:focus-visible{outline:2px solid var(--lime)}
.newsletter-form input::placeholder{color:#9da8a6}
.newsletter-form .talisman{align-self:center;margin-top:6px;border:0;padding:18px 30px}
.newsletter-note,.newsletter-status{font-size:11px;line-height:1.6;color:#b6c1bf}
.newsletter-status:empty{display:none}.newsletter-status{color:var(--lime)}
@media(max-width:1050px){.newsletter-copy{width:48%}.newsletter-art{right:20%}.newsletter-copy h2{font-size:56px}}
@media(max-width:720px){.newsletter-sea{padding-top:340px;min-height:0}.newsletter-art{inset:0 0 auto;height:440px;background-position:35% center;-webkit-mask-image:linear-gradient(#000 65%,transparent 100%);mask-image:linear-gradient(#000 65%,transparent 100%)}.newsletter-layout{min-height:0;padding:15px 0 80px}.newsletter-copy{width:100%;max-width:480px;margin:auto}.newsletter-sigil{margin-bottom:20px}.newsletter-copy h2{font-size:53px}.newsletter-intro{font-size:15px}.newsletter-form{max-width:100%}.newsletter-sea:after{background:linear-gradient(#091517 0%,transparent 8%,transparent 90%,#091517)}}

/* Full-width story scene, separate gradient layer, floating copy. */
.lore-immersive-feature{--section-bg:#0d0b14;background:var(--section-bg);position:relative;isolation:isolate;scroll-margin-top:24px}
.lore-feature-art,.lore-feature-shade{position:absolute;inset:0;pointer-events:none}
.lore-feature-art{background:url(assets/vask-feature-v1.webp) center center/cover no-repeat;z-index:-2}
.lore-feature-shade{background:linear-gradient(90deg,rgba(12,8,19,0) 0%,rgba(12,8,19,0) 36%,rgba(12,8,19,.3) 51%,rgba(12,8,19,.8) 68%,rgba(12,8,19,.94) 100%);z-index:-1}
.lore-feature-layout{min-height:680px;display:flex;align-items:center;justify-content:flex-end;padding:100px 0}
.lore-feature-copy{width:43%;max-width:580px;text-shadow:0 2px 15px #0005}
.lore-feature-copy .kicker{font-size:10px;letter-spacing:2.5px}
.lore-feature-copy h2{font-size:clamp(43px,4.1vw,64px);line-height:1.08}
.lore-feature-copy>p:not(.kicker){font-size:18px;line-height:1.8;color:#e0dae4;max-width:450px;margin:28px 0 34px}
.lore-feature-copy .talisman{text-shadow:none}
@media(min-width:1800px){.lore-feature-layout{min-height:760px}}
@media(max-width:1050px){.lore-feature-copy{width:47%}.lore-feature-layout{min-height:610px}.lore-feature-copy h2{font-size:46px}.lore-feature-copy>p:not(.kicker){font-size:16px}}
@media(max-width:720px){.lore-feature-art{background-size:auto 540px;background-position:28% top}.lore-feature-layout{min-height:790px;padding:390px 0 75px;align-items:flex-end}.lore-feature-copy{width:100%;max-width:480px}.lore-feature-copy h2{font-size:43px}.lore-feature-copy>p:not(.kicker){margin:20px 0 26px}.lore-feature-shade{background:linear-gradient(180deg,transparent 0%,transparent 29%,rgba(13,11,20,.45) 43%,#0d0b14 65%,#0d0b14 100%)}}

/* Section eight reverses the composition for the snow-and-ink story. */
.bell-lore-feature{--section-bg:#0b1018}
.bell-lore-feature .lore-feature-art{background-image:url(assets/bell-feature-v1.webp);background-position:center}
.bell-lore-feature .lore-feature-shade{background:linear-gradient(90deg,rgba(7,8,16,.94) 0%,rgba(7,8,16,.8) 24%,rgba(7,8,16,.35) 47%,transparent 65%,transparent 100%)}
.bell-lore-feature .lore-feature-layout{justify-content:flex-start;min-height:720px}
.bell-lore-feature .lore-feature-copy{width:46%;text-align:center}
.bell-lore-feature .lore-feature-copy>p:not(.kicker){margin-left:auto;margin-right:auto}
.bell-lore-feature .newsletter-rule{margin:25px auto;width:72%}
@media(max-width:1050px){.bell-lore-feature .lore-feature-copy{width:49%}.bell-lore-feature .lore-feature-layout{min-height:640px}}
@media(max-width:720px){.bell-lore-feature .lore-feature-art{background-size:auto 510px;background-position:85% top}.bell-lore-feature .lore-feature-layout{min-height:800px;padding-top:370px}.bell-lore-feature .lore-feature-copy{width:100%}.bell-lore-feature .lore-feature-shade{background:linear-gradient(180deg,transparent 0%,transparent 27%,rgba(11,16,24,.5) 43%,#0b1018 61%,#0b1018)}}

/* Three equally weighted illustrated stories in one category. */
.layout-triptych{--section-bg:#080c0e}
.layout-triptych .ed-heading{display:block;text-align:center;margin-bottom:58px}
.layout-triptych .ed-heading-aside{max-width:650px;margin:23px auto 0;justify-self:auto}
.layout-triptych .ed-heading h2{font-size:clamp(42px,4.3vw,62px)}
.story-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.story-triptych .ed-card{position:relative;text-align:center;padding:20px 16px 30px;background:linear-gradient(180deg,#10171a99,#0b101299);border-bottom:1px solid #86744866}
.story-triptych .ed-card:before{content:'◇';display:block;color:#b79d67;font-size:21px;line-height:1;margin:-32px auto 22px;text-shadow:0 0 18px #c4ab7066}
.story-triptych .ed-card>a{display:flex;flex-direction:column;align-items:center;height:100%}
.story-triptych .editorial-art{width:100%;aspect-ratio:1.35;margin-bottom:27px}
.story-triptych h3{font-size:31px;color:var(--lime);max-width:340px}
.story-triptych .ed-meta{font-size:8px;color:#c3b499}
.story-triptych .ed-deck{font-size:15px;line-height:1.8;margin:20px 0 25px}
.story-triptych .ed-read{margin-top:auto}
.layout-triptych .ed-note{text-align:center;margin:35px auto 0}
@media(max-width:1050px){.story-triptych{gap:23px}.story-triptych .ed-card{padding:15px 10px 25px}.story-triptych h3{font-size:28px}}
@media(max-width:720px){.story-triptych{grid-template-columns:1fr;gap:55px}.story-triptych .ed-card{padding:20px 18px 28px}.story-triptych h3{font-size:32px}.story-triptych .editorial-art{aspect-ratio:1.45}.layout-triptych .ed-heading h2{font-size:43px}}
