/* The supplied illustration stays intact; masks blend its edges into the page. */
.split-hero.hero{min-height:820px;padding:160px 0 108px;overflow:hidden;background:#090908}
.split-hero .hero-layout{display:block}
.split-hero .hero-content{position:relative;z-index:2;width:46%;max-width:540px}
.split-hero h1{font-size:clamp(4.25rem,7.1vw,7rem);line-height:.96;letter-spacing:-.055em;text-wrap:balance;margin:0}
.split-hero .episode{margin-bottom:26px;color:#c5b7a2}
.split-hero .subtitle{margin-top:28px;font-size:clamp(1.5rem,2.1vw,2rem)}
.split-hero .hero-quote{margin-top:22px;max-width:42ch;font-size:1.1875rem;line-height:1.6;color:#ded2bd}
.split-hero .hero-cta{margin-top:28px;gap:12px}
.split-hero .hero-cta .btn{padding-inline:18px}
.split-hero .game-format{margin-top:24px;color:#c5b7a2}
.split-hero .hero-art{position:absolute;inset:0 0 0 auto;width:69%;height:100%;max-width:1120px;border:0;background:transparent;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 11%,#000 76%,transparent 100%);mask-composite:intersect}
.split-hero .hero-art img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 54%;filter:sepia(.14) brightness(.88)}
.split-hero::before{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#090908 0%,#090908 26%,rgba(9,9,8,.92) 34%,rgba(9,9,8,.38) 48%,transparent 64%),linear-gradient(0deg,#090908,transparent 16%)}
.nav-links{gap:20px;font-size:.8125rem;letter-spacing:.035em}
.nav-signup{border-bottom:1px solid #ac463b;padding-bottom:6px;color:#eee0cc}
.campaign-promise{padding:36px 0 48px;background:#090908}
.promise-layout,.development-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:start}
.promise-layout h2{font-size:clamp(1.875rem,3.4vw,3rem);line-height:1.15;font-weight:400;margin:0;color:#e6ddcd}
.promise-layout p{font-size:1.125rem;line-height:1.7;color:#c4b7a4;margin:0 0 16px}
.editorial-link{font:600 .875rem/1.6 Arial,sans-serif;color:#d88b79;text-decoration:underline;text-underline-offset:5px}
.kickstarter{padding-block:72px;border-top:1px solid var(--line)}
.release-heading{margin-bottom:32px}.release-feature{padding-block:30px}
.release-feature-copy p+p{margin-top:16px}.release-products{margin-block:32px}
.factions-section,.phases,#isometric,#mechanics,#destiny,#episode,.tabletop-guide,.rules-section,.questions-section,.development-section{padding-block:72px}
.section-head{align-items:start;gap:48px;margin-bottom:36px}
.section-head h2{font-size:clamp(2.25rem,4.1vw,3.6rem)}
.section-head p{font-size:1.125rem;line-height:1.65}
.phase{min-height:330px}.phase-word{margin-top:24px}.phase .scale{padding-top:12px}
.faction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.faction-entry{padding:24px 0;border-top:0}
.faction-entry h3{font-size:1.75rem;font-weight:400;line-height:1.15;margin:0 0 12px}
.faction-entry p{font-size:1.0625rem;line-height:1.65;color:#bfb3a1;margin:0}
.faction-entry .faction-focus{font:600 .75rem/1.65 Arial,sans-serif;color:#d48e7c;letter-spacing:.04em;margin-bottom:14px}
.faction-photo{width:100%;max-height:360px;object-fit:contain;margin-bottom:24px}
.development-note{font:400 .875rem/1.75 Arial,sans-serif;color:#bdac94;border-top:1px solid var(--line);padding-top:20px;margin:24px 0 0}
.tabletop-guide{background:linear-gradient(90deg,rgba(111,36,24,.11),transparent)}
.tabletop-guide h2,.rules-section h2,.questions-section h2,.development-section h2{font-size:clamp(2rem,3.5vw,3.25rem);font-weight:400;line-height:1.15;margin:0 0 30px;text-wrap:balance}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.guide-number{font:500 .875rem/1.5 Arial,sans-serif;color:#ce7868;display:block;margin-bottom:18px}
.guide-grid h3{font-size:1.75rem;font-weight:400;line-height:1.2;margin:0 0 16px}
.guide-grid p,.battle-example p,.rules-section p,.development-section p{font-size:1.0625rem;line-height:1.7;color:#c1b4a1;margin:0}
.battle-example{grid-column:1/-1;border-left:2px solid #92392e;padding:4px 0 4px 26px;max-width:850px;margin-top:14px}
.battle-example h4{font-size:1.5rem;line-height:1.2;font-weight:400;margin:0 0 12px}
details>summary{cursor:pointer;min-height:44px;padding:12px 0;color:#d3bf9f;list-style-position:outside;margin-left:20px}
details>summary:focus-visible{outline:2px solid #d2b68d;outline-offset:4px}
details[open]>summary{color:#ecdcc4}
.feature-details summary,.story-details summary,.battle-example summary{font:500 .875rem/1.6 Arial,sans-serif}
.feature-details{margin-top:12px}.feature-details p{margin-top:12px}
.mechanic{min-height:0;padding:26px}.mechanic h3{text-transform:none}.mechanic .tag{margin-top:16px}
.episode-panel{text-align:left;padding:36px 42px}.episode-panel h2{font-size:clamp(2.5rem,5vw,4.5rem)}
.episode-panel p{margin:22px 0;max-width:80ch;font-size:1.125rem}.episode-panel .story-details p{font-size:1.0625rem;max-width:75ch}
.episode-panel .btn{margin-top:12px}.story-details{margin-top:12px}
.rules-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:80px;align-items:center}
.rules-page{display:block;max-width:360px;width:100%;margin:auto;transform:rotate(-2deg);transition:transform .2s;box-shadow:0 18px 45px #0008}
.rules-page:hover{transform:rotate(0)}.rules-page img{display:block;width:100%;height:auto}
.rules-section .btn{margin-top:28px}.rules-section .rules-caption{font:400 .8125rem/1.6 Arial,sans-serif;color:#ab9c87;margin-top:18px}
.faq-list{border-top:1px solid #4c3c2c;max-width:1000px}
.faq-list details{border-bottom:1px solid #4c3c2c;padding:6px 0}
.faq-list summary{font-size:1.1875rem;line-height:1.6;color:#e0d4c0}
.faq-list p{font-size:1.0625rem;line-height:1.7;color:#bfb29e;margin:4px 20px 22px;max-width:85ch}
.development-layout h2{margin-bottom:0}.development-layout .development-note{margin-top:24px;padding-top:20px;font-size:.875rem}
.signup-note{font:400 .8125rem/1.65 Arial,sans-serif!important;color:#b5a690!important;text-align:left;max-width:610px!important;margin:4px auto 12px!important}
.signup-expectation{margin-top:18px!important}.playtest-option{margin-top:4px}.newsletter .invitation{margin-block:20px 28px}
.newsletter h2{font-size:clamp(2.25rem,4.5vw,3.8rem)}.cta-box{padding:48px 0}
.publisher-logo{height:auto;max-height:96px;object-fit:contain}
.audience-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:22px;margin-bottom:18px;border-bottom:1px solid #504130;font:400 .8125rem/1.5 Arial,sans-serif}
.audience-summary strong{display:block;font:400 1.875rem/1.3 WorldsendSerif,Georgia,serif;color:#eadbc2}.audience-summary small{grid-column:1/-1;color:#b6a68f}
@media(min-width:1600px){.split-hero .hero-content{width:47%}.split-hero.hero{min-height:880px;padding-top:186px}.split-hero .hero-art{width:67%;max-width:1400px}}
@media(max-width:1100px) and (min-width:901px){.nav-links{gap:11px;font-size:.75rem}.brand{font-size:1.25rem}.split-hero .hero-content{width:50%}.split-hero h1{font-size:5.2rem}.split-hero .hero-cta .btn{font-size:.75rem;padding-inline:14px}}
@media(max-width:900px){
 .split-hero.hero{min-height:760px;padding:126px 0 76px}.split-hero .hero-content{width:64%;max-width:550px}
 .split-hero h1{font-size:clamp(3.5rem,9vw,5.5rem)}.split-hero .hero-art{width:85%;max-width:none}
 .split-hero::before{background:linear-gradient(90deg,#090908 0%,rgba(9,9,8,.95) 20%,rgba(9,9,8,.83) 43%,rgba(9,9,8,.23) 75%),linear-gradient(0deg,#090908,transparent 25%)}
 .promise-layout,.development-layout{grid-template-columns:1fr;gap:24px}.faction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .guide-grid{gap:24px}.rules-layout{gap:40px}.section-head{gap:24px}.phase{min-height:0}.nav-links.open .nav-signup{margin-top:4px}
 .episode-panel{padding:30px}.rules-page{max-width:300px}
}
@media(max-width:560px){
 .split-hero.hero{padding:118px 0 58px;min-height:740px}.split-hero .hero-content{width:100%;max-width:none}
 .split-hero h1{font-size:clamp(3rem,14vw,5rem);max-width:100%;letter-spacing:-.045em}
 .split-hero .episode{font-size:.75rem;margin-bottom:22px}.split-hero .subtitle{font-size:1.625rem;margin-top:22px}
 .split-hero .hero-quote{font-size:1.0625rem;margin-top:18px;max-width:36ch}.split-hero .hero-cta{margin-top:25px}
 .split-hero .hero-cta .btn{width:100%;min-height:50px}.split-hero .game-format{max-width:none;margin-top:22px;font-size:.75rem}
 .split-hero .hero-art{width:135%;max-width:none;right:-25%;height:100%;opacity:.8;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 90%,transparent);mask-composite:add}
 .split-hero .hero-art img{object-position:58% center}.split-hero::before{background:linear-gradient(90deg,rgba(9,9,8,.96),rgba(9,9,8,.85) 54%,rgba(9,9,8,.7)),linear-gradient(0deg,#090908,transparent 24%)}
 .campaign-promise{padding:28px 0 48px}.promise-layout h2{font-size:2rem}.promise-layout p{font-size:1.0625rem}
 .kickstarter,.factions-section,.phases,#isometric,#mechanics,#destiny,#episode,.tabletop-guide,.rules-section,.questions-section,.development-section{padding-block:48px}
 .faction-grid,.guide-grid,.rules-layout{grid-template-columns:1fr}.faction-grid{gap:0}.faction-entry{padding:24px 0}.faction-entry h3{font-size:1.625rem}
 .guide-grid{gap:28px}.guide-grid article+article{padding-top:22px;border-top:1px solid var(--line)}.guide-number{margin-bottom:10px}
 .section-head{margin-bottom:28px}.section-head p{font-size:1.0625rem}.phase-word{margin-top:16px}
 .battle-example{padding-left:18px}.episode-panel{padding:26px 22px}.episode-panel h2{font-size:2.5rem}
 .rules-layout{gap:36px}.rules-page{max-width:260px;order:2}.rules-section h2,.questions-section h2,.development-section h2,.tabletop-guide h2{font-size:2rem}
 .faq-list summary{font-size:1.0625rem}.faq-list p{margin-inline:20px 0}.newsletter .invitation{font-size:1.0625rem}.audience-summary{gap:8px}
}

/* Hero art fades inside its frame, including scaled or replaced illustrations. */
[data-node="section-hero"] .hero-art{
 mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);
 mask-composite:intersect;-webkit-mask-composite:source-in;
}
[data-background-for="section-hero"]{mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
[data-node="section-hero"] .hero-content{padding-block:10px;box-sizing:border-box}
@media(max-width:900px){
 [data-node="section-hero"] .hero-content{width:100%;max-width:640px;margin-inline:auto}
 [data-node="section-hero"] .hero-layout{width:100%;padding-inline:20px;box-sizing:border-box}
 [data-node="section-hero"] .hero-content>[data-node]{overflow-wrap:anywhere}
 [data-node="section-hero"] .hero-content>h1:empty{display:none}
 [data-node="section-hero"] .hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
 [data-node="section-hero"] .hero-cta .btn{flex:1 1 220px;text-align:center!important;white-space:normal}
 [data-node="section-hero"] .section-additions{padding-block:10px;gap:10px}
 [data-node="section-hero"]::before{background:linear-gradient(90deg,rgba(9,9,8,.96),rgba(9,9,8,.83) 60%,rgba(9,9,8,.7)),linear-gradient(0deg,#090908,transparent 20%)}
}