/* DARK STAR / V04C: THE ASH REMNANT. An art-directed visual chapter, not another thumbnail gallery. */
.darkstar .ds2-hero{min-height:max(760px,100svh);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:125px clamp(24px,6vw,105px) 35px;color:#f3e8d4;background:#09090b}
.ds2-hero-bg{position:absolute;inset:0 0 0 30%;z-index:-3;background-image:url('hero-ash-remnant.webp');background-size:cover;background-position:center 35%;filter:contrast(1.13) saturate(.81)}
.ds2-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#050506 1%,#070707fc 20%,#080707df 38%,#08070754 63%,#0b0b0b11 95%),linear-gradient(0deg,#050506e8 0%,transparent 41%)}
.ds2-hero:after{content:'';pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 35%,transparent 0%,#08090b40 75%),url('halftone.png') repeat;opacity:.15}
.ds2-hero-copy{position:relative;max-width:1050px;z-index:2;padding-bottom:clamp(65px,7vw,110px)}
.ds2-eyebrow{font:800 11px/1.7 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#eac27b}.ds2-hero .ds2-eyebrow{display:inline-block;border-top:2px solid #d1a967;padding-top:12px}
.ds2-hero h1{font:900 clamp(105px,17vw,285px)/.72 var(--display);text-transform:uppercase;letter-spacing:-.065em;margin:24px 0 29px;max-width:100%;text-shadow:4px 6px 0 #0008}.ds2-hero h1 span{display:block}.ds2-hero h1 span:nth-child(2){color:#e6c481;padding-left:.2em}
.ds2-hero-lead{font:italic clamp(23px,2.7vw,41px)/1.2 var(--serif);max-width:625px;margin:5px 0 18px;color:#fff3d4}.ds2-hero-intro{font:600 clamp(13px,1.1vw,16px)/1.65 var(--mono);max-width:525px;color:#d2c7b7}
.ds2-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:27px}.ds2-hero-actions a{display:inline-flex;border:2px solid #d1ab66;padding:14px 17px;background:#101010bf;font:800 11px/1.4 var(--mono);letter-spacing:.06em}.ds2-hero-actions a:hover{color:#101010;background:#dfc17d}.ds2-hero-actions a.secondary{border-color:#877660}.ds2-hero-tag{position:absolute;right:clamp(19px,3.5vw,70px);top:clamp(88px,9vw,135px);z-index:2;background:#e0bc79;color:#15130f;padding:10px 13px;font:900 11px var(--mono);letter-spacing:.1em;transform:rotate(5deg);box-shadow:5px 5px 0 #0b0b0bbb}
.ds2-hero-rail{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid #d8c7a264;width:100%;max-width:1450px}.ds2-hero-rail a{padding:17px 25px 7px 0;margin-right:27px;font:800 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#eee0c4}.ds2-hero-rail a span{color:#e6b864}.ds2-hero-rail a:hover{text-decoration:underline;text-underline-offset:5px}
.ds2-signal{background:#dfbc79;color:#191714;padding:12px 0;white-space:nowrap;overflow:hidden;border-top:3px solid #0b0b0b;border-bottom:3px solid #0b0b0b;font:900 clamp(17px,2.5vw,34px)/1 var(--display);letter-spacing:.02em;transform:rotate(-.25deg)}
.ds2-signal-inner{display:inline-block;min-width:100%;text-align:center}
.ds2-survivors{background:#e6dac1;color:#171510;padding:100px clamp(20px,5vw,88px) 125px;overflow:hidden;isolation:isolate}
.ds2-survivors:before{content:'';position:absolute;inset:0;background:url('grain.png') repeat;mix-blend-mode:multiply;opacity:.18;pointer-events:none;z-index:-1}
.ds2-survivors-head{display:grid;grid-template-columns:1.2fr .8fr;gap:3vw;align-items:end;max-width:1580px;margin:30px auto 38px}
.ds2-survivors h2{font:900 clamp(80px,14vw,225px)/.74 var(--display);text-transform:uppercase;letter-spacing:-.052em;margin:0}.ds2-survivors h2 em{font:italic .55em var(--serif);color:#a14a34;text-transform:none;letter-spacing:-.035em}
.ds2-survivors-head p{font:italic clamp(22px,2.35vw,34px)/1.25 var(--serif);max-width:470px;margin:0 0 10px;border-left:5px solid #ab513c;padding-left:26px}
.ds2-showcase{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(18px,3vw,50px);max-width:1580px;margin:auto;align-items:start}
.ds2-showcase-hero{margin:0;min-width:0;position:relative;background:#121211;padding:10px;box-shadow:13px 17px 0 #29231630;transform:rotate(-1deg)}
.ds2-showcase-hero img{width:100%;height:auto;display:block}.ds2-showcase-hero figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 8px 7px;color:#efe0bb;font:800 11px var(--mono);letter-spacing:.04em}
.ds2-showcase-hero figcaption b{color:#e5ad5e}
.ds2-showcase-side{display:grid;grid-template-columns:1fr;gap:clamp(17px,2vw,30px);margin-top:45px}
.ds2-mini-plate{background:#1b1a18;padding:9px;margin:0;box-shadow:8px 10px #34312a30;position:relative}.ds2-mini-plate:nth-child(1){transform:rotate(1.5deg)}.ds2-mini-plate:nth-child(2){transform:rotate(-1.4deg);margin-left:5%}
.ds2-mini-plate .image-button,.ds2-showcase-hero .image-button{display:block;width:100%}.ds2-mini-plate img{display:block;width:100%;height:auto}.ds2-mini-plate figcaption{padding:12px 7px 6px;font:800 11px var(--mono);color:#efe5cd;display:flex;justify-content:space-between;gap:8px}
.ds2-mini-plate figcaption span{color:#dab572}.ds2-survivor-note{max-width:1580px;margin:75px auto 0;padding:17px 0;border-top:2px solid #a5916a;display:flex;justify-content:space-between;gap:30px;align-items:flex-start;font:700 12px/1.6 var(--mono)}.ds2-survivor-note strong{font:italic clamp(22px,3vw,42px)/1.1 var(--serif);max-width:660px}
.ds2-ashlands{position:relative;background:#131313;color:#faf0d9;padding:100px clamp(20px,5vw,90px) 88px;isolation:isolate;overflow:hidden}
.ds2-ashlands h2{font:900 clamp(76px,12vw,188px)/.78 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:20px 0 52px}.ds2-ashlands h2 em{font:italic .65em var(--serif);text-transform:none;color:#d2b171}
.ds2-ashlands-visual{margin:0;max-width:1650px;background:#2a221b;padding:9px 9px 0;transform:rotate(-.5deg);box-shadow:15px 16px 0 #8c623f3b}
.ds2-ashlands-visual .image-button{display:block;width:100%}.ds2-ashlands-visual img{width:100%;display:block}.ds2-ashlands-visual figcaption{font:800 11px var(--mono);padding:15px 9px;color:#e0bb85;display:flex;justify-content:space-between;gap:16px}
.ds2-atlas{background:#c6ae84;color:#1b1813;padding:82px clamp(19px,4.5vw,85px) 100px;overflow:hidden}
.ds2-atlas-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;border-bottom:2px solid #35251c;padding-bottom:30px;max-width:1600px;margin:auto}.ds2-atlas h2{font:900 clamp(90px,15vw,225px)/.74 var(--display);letter-spacing:-.055em;margin:25px 0 0;text-transform:uppercase}.ds2-atlas h2 em{font:italic .55em var(--serif);color:#6a3326;text-transform:none}.ds2-atlas-heading p{font:italic clamp(20px,2.2vw,30px)/1.27 var(--serif);max-width:380px;margin:0 0 5px}.ds2-atlas-map{margin:46px auto 0;max-width:1600px;background:#0b0a09;padding:9px;box-shadow:14px 19px 0 #4d371f42;transform:rotate(.3deg)}.ds2-atlas-map button{display:block;width:100%}.ds2-atlas-map img{width:100%;height:auto}.ds2-atlas-map figcaption{padding:15px 9px 8px;color:#e4cfaa;display:flex;justify-content:space-between;gap:10px;font:800 11px var(--mono)}
.ds2-sigils{padding:100px clamp(20px,5vw,90px) 125px;background:#0c0b0b;color:#eee2ca;overflow:hidden}.ds2-sigils h2{font:900 clamp(83px,12vw,190px)/.78 var(--display);text-transform:uppercase;margin:30px 0 28px;letter-spacing:-.05em}.ds2-sigils h2 em{font:italic .7em var(--serif);text-transform:none;color:#e5b66e}.ds2-sigils-intro{max-width:680px;font:italic clamp(21px,2.2vw,32px)/1.3 var(--serif);margin:0 0 45px}.ds2-sigil-plate{max-width:1580px;margin:0;padding:9px;background:#372b1c;box-shadow:13px 15px 0 #bb954e22}.ds2-sigil-plate .image-button{display:block;width:100%}.ds2-sigil-plate img{width:100%}.ds2-sigil-plate figcaption{font:800 11px/1.5 var(--mono);padding:14px 7px 4px;color:#e0c795;display:flex;justify-content:space-between;gap:20px}
.ds2-after-plate{margin:42px 0 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:22px;border-top:1px solid #d2b37878;padding-top:24px;font:700 12px/1.7 var(--mono)}.ds2-after-plate a{border:1px solid #cab37b;padding:12px 16px;color:#f4dc98}
.ds2-after-plate a:hover{background:#e7bd6e;color:#151313}
.ds2-hero .reveal{opacity:1;transform:none}
@media(max-width:980px){.ds2-hero-bg{inset:0 0 0 25%;background-position:50% 40%}.ds2-hero h1{font-size:clamp(95px,17vw,205px)}.ds2-survivors-head{grid-template-columns:1fr}.ds2-showcase{grid-template-columns:1fr}.ds2-showcase-side{margin-top:8px;grid-template-columns:1fr 1fr;gap:18px}.ds2-mini-plate:nth-child(2){margin:0}.ds2-showcase-hero{max-width:100%}.ds2-survivor-note{display:block}.ds2-survivor-note strong{display:block;margin-top:15px}}
@media(max-width:660px){.darkstar .ds2-hero{padding:85px 18px 23px;min-height:100svh;justify-content:flex-end}.ds2-hero-bg{inset:0;background-size:auto 78%;background-repeat:no-repeat;background-position:58% 0}.ds2-hero:before{background:linear-gradient(0deg,#050506 4%,#050506fc 27%,#050506b0 58%,#05050655 85%,#05050633),linear-gradient(90deg,#0505067a,#0000)}.ds2-hero-copy{padding-top:min(58svh,480px);padding-bottom:20px}.ds2-hero h1{font-size:clamp(90px,22vw,142px);margin:10px 0 16px}.ds2-hero-lead{font-size:clamp(21px,5.2vw,30px)}.ds2-hero-intro{font-size:11px;max-width:350px}.ds2-hero-tag{top:62px;right:16px;font-size:9px}.ds2-hero-actions a{font-size:10px;padding:11px}.ds2-hero-rail{gap:5px}.ds2-hero-rail a{font-size:9px;padding:13px 7px 3px 0;margin-right:8px}.ds2-survivors,.ds2-ashlands,.ds2-atlas,.ds2-sigils{padding:64px 19px 75px}.ds2-survivors h2{font-size:clamp(74px,17vw,116px)}.ds2-survivors-head p{padding-left:15px;font-size:20px}.ds2-showcase-side{grid-template-columns:1fr;gap:29px}.ds2-showcase-hero{transform:rotate(-.5deg)}.ds2-mini-plate:nth-child(n){transform:none}.ds2-ashlands h2,.ds2-sigils h2{font-size:clamp(70px,16vw,110px)}.ds2-atlas h2{font-size:clamp(74px,16vw,126px)}.ds2-sigils-intro{font-size:21px}.ds2-atlas-map figcaption,.ds2-sigil-plate figcaption,.ds2-ashlands-visual figcaption{display:block;font-size:10px}.ds2-atlas-map figcaption span,.ds2-sigil-plate figcaption span,.ds2-ashlands-visual figcaption span{display:block;margin-top:7px}}
@media(max-width:370px){.ds2-hero h1{font-size:24vw}.ds2-hero-actions{gap:8px}.ds2-hero-actions a{font-size:9px}.ds2-hero-rail a{margin-right:5px}.ds2-survivors h2{font-size:17vw}}
@media(prefers-reduced-motion:reduce){.ds2-showcase-hero,.ds2-mini-plate,.ds2-atlas-map,.ds2-sigil-plate{transform:none!important}.ds2-hero *{animation:none!important}}