@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600&display=swap');
@import url('./design-system.css');

:root{--world-bg:#0a0908;--world-paper:#d9d1c3;--world-muted:#a69e91;--world-gold:#b69a67;--world-line:rgba(214,193,151,.2)}
html{scroll-behavior:smooth}body.world-page{background:var(--world-bg);color:var(--world-paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.world-page h1,.world-page h2{font-family:"Cormorant Garamond",Georgia,serif;text-transform:uppercase;letter-spacing:.035em}.world-page p{line-height:1.8}.world-page .eyebrow{color:var(--world-gold);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.world-page [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.world-page [data-reveal].visible{opacity:1;transform:none}
.world-hero{min-height:100svh;display:flex;align-items:flex-end;position:relative;background:linear-gradient(90deg,rgba(3,3,3,.94) 0%,rgba(3,3,3,.65) 42%,rgba(3,3,3,.12) 75%),linear-gradient(0deg,#0a0908 0%,transparent 45%),url('images/world-war-hero.png') 64% center/cover no-repeat}.world-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 30%,rgba(196,132,65,.12),transparent 34%);pointer-events:none}.hero-copy{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:180px 0 12vh}.breadcrumbs{display:flex;gap:.65rem;align-items:center;margin-bottom:4rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.breadcrumbs a{color:inherit}.hero-copy h1{font-size:clamp(4.5rem,12vw,10rem);line-height:.72;margin:0 0 2rem}.hero-copy>p:not(.eyebrow){max-width:600px;color:#d7d0c5;font-family:"Cormorant Garamond",serif;font-size:clamp(1.45rem,2.6vw,2.25rem);line-height:1.2}.hero-scroll{display:inline-flex;gap:1rem;margin-top:2.5rem;color:#e5ded3;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none}
.tome-nav{position:sticky;top:74px;z-index:15;background:rgba(8,8,8,.91);border-block:1px solid var(--world-line);backdrop-filter:blur(15px);overflow:auto}.tome-nav>div{display:flex;width:max-content;min-width:100%;justify-content:center}.tome-nav a{padding:1rem 1.25rem;color:#9d978d;text-decoration:none;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;border-bottom:2px solid transparent}.tome-nav a.active,.tome-nav a:hover{color:#eee5d8;border-bottom-color:var(--world-gold)}
.content-section{width:min(1180px,calc(100% - 40px));margin:auto;padding:clamp(90px,12vw,170px) 0}.world-intro{display:grid;grid-template-columns:1fr minmax(320px,.8fr);gap:clamp(50px,9vw,130px);align-items:center}.section-copy h2,.story-panel h2{font-size:clamp(3rem,6vw,6rem);line-height:.88;margin:.5rem 0 2rem}.section-copy p:not(.eyebrow),.story-panel p:not(.eyebrow){color:var(--world-muted);max-width:690px}.map-frame{position:relative;margin:0;padding:12px;background:#151310;border:1px solid var(--world-line);box-shadow:0 30px 80px #000}.map-frame img{display:block;width:100%;height:auto;filter:sepia(.28) saturate(.7) contrast(1.04)}.map-frame figcaption{padding:1rem .5rem .35rem;color:#918879;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.image-story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);min-height:760px;background:#100f0d}.image-story.reverse{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr)}.image-story.reverse .image-panel{order:2}.image-panel{min-height:650px;overflow:hidden}.image-panel img{width:100%;height:100%;object-fit:cover}.story-panel{align-self:center;padding:clamp(50px,7vw,110px)}.story-panel .lead,.war-content .lead{font-family:"Cormorant Garamond",serif!important;color:#d9c7aa!important;font-size:1.55rem;line-height:1.3!important}
.lore-note{margin-top:2rem;padding:1.2rem 0 1.2rem 1.25rem;border-left:1px solid var(--world-gold);font-family:"Cormorant Garamond",serif;font-size:1.18rem;color:#cfc3b1!important}
.war-section{min-height:100svh;position:relative;display:grid;align-items:end}.war-background{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,3,.92),rgba(5,4,3,.38) 62%,rgba(5,4,3,.2)),linear-gradient(0deg,#0b0907,transparent 55%),url('images/world-war-hero.png') center/cover no-repeat;background-attachment:fixed}.war-content{position:relative;width:min(1180px,calc(100% - 40px));margin:auto;padding:clamp(120px,18vh,220px) 0 10vh}.war-content h2{font-size:clamp(3.4rem,7.5vw,7.7rem);line-height:.85;max-width:850px;margin:.5rem 0 2rem}.war-content>p{max-width:760px;color:#beb5a8}.history-line{display:flex;align-items:center;gap:1rem;margin:3rem 0;max-width:950px;color:#e6d9c5;font-size:.69rem;letter-spacing:.1em;text-transform:uppercase}.history-line i{height:1px;flex:1;background:linear-gradient(90deg,var(--world-gold),transparent)}
.deadlands-section{background:#c5c0b6;color:#1b1917}.deadlands-section .eyebrow{color:#665543}.deadlands-section .story-panel p:not(.eyebrow){color:#4e4942}.deadlands-section .story-panel .lead{color:#2d2924!important}
.belief-intro{min-height:72vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(172,145,93,.08),transparent 42%),#080808;padding:100px 20px}.belief-intro>div{max-width:970px}.belief-intro h2{font-size:clamp(4rem,10vw,9rem);line-height:.78;margin:1rem 0 3rem}.belief-intro p:last-child{max-width:700px;margin:auto;color:var(--world-muted)}
.deities{display:grid;grid-template-columns:1fr 1fr}.deity{min-height:760px;display:flex;align-items:flex-end;padding:clamp(50px,7vw,110px);position:relative}.deity:before{content:"";position:absolute;inset:0}.deity>div{position:relative;max-width:590px}.deity h2{font-size:clamp(4rem,8vw,8rem);line-height:.8;margin:.7rem 0 2rem}.deity p{color:inherit;opacity:.78}.deity a{display:inline-block;margin-top:1.5rem;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.4rem}.martli{color:#29241e;background:linear-gradient(0deg,rgba(216,194,146,.86),rgba(196,177,137,.55)),url('images/world-light-dark.png') left center/200% 100% no-repeat}.doronto{color:#d0c8d1;background:linear-gradient(0deg,rgba(5,4,8,.82),rgba(9,8,14,.45)),url('images/world-light-dark.png') right center/200% 100% no-repeat}.doronto .eyebrow{color:#9785ac}
.duality{min-height:82vh;display:grid;place-items:center;text-align:center;background:linear-gradient(90deg,rgba(173,138,72,.16),transparent 48%,rgba(62,44,82,.18)),url('images/world-light-dark.png') center/cover no-repeat;position:relative}.duality:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090909,rgba(7,7,8,.36),#090909)}.duality-copy{position:relative;z-index:1;max-width:850px;padding:100px 20px}.duality h2{font-size:clamp(4rem,10vw,9rem);line-height:.8;margin:.7rem 0 2rem}.duality p:last-child{font-family:"Cormorant Garamond",serif;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.5;color:#d4cdc3}
.world-cta{padding:clamp(100px,14vw,180px) 20px;text-align:center;background:#0b0a09}.world-cta>div{max-width:800px;margin:auto}.world-cta h2{font-size:clamp(4rem,8vw,7rem);line-height:.85;margin:.7rem 0 2rem}.world-cta p:not(.eyebrow){color:var(--world-muted)}.cta-actions{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}.world-cta .button{background:#c5a56c;color:#13100c;text-decoration:none;padding:1rem 1.6rem;font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.text-link{color:#c9c0b3}
.archive-material{padding:1px 0 80px}.archive-story{width:min(1120px,calc(100% - 40px));margin:90px auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,110px);align-items:center}.archive-story.reverse>div{order:2}.archive-story h2{font-size:clamp(3rem,6vw,5.5rem);line-height:.88;margin:.6rem 0 1.5rem}.archive-story p:not(.eyebrow){color:var(--world-muted)}.archive-story img{width:100%;max-height:620px;object-fit:cover}
@media(max-width:900px){.world-hero{background-position:70% center}.tome-nav{top:64px}.world-intro,.image-story,.image-story.reverse,.deities,.archive-story{grid-template-columns:1fr}.world-intro{gap:55px}.image-story.reverse .image-panel,.archive-story.reverse>div{order:0}.image-panel{min-height:50svh}.deity{min-height:620px}.history-line{align-items:flex-start;flex-direction:column}.history-line i{width:1px;height:26px;flex:none;margin-left:4px}.martli,.doronto{background-size:auto 100%}.war-background{background-attachment:scroll}}
@media(max-width:580px){.hero-copy{padding-bottom:9vh}.hero-copy h1{font-size:4.5rem}.breadcrumbs{margin-bottom:2.5rem}.tome-nav>div{justify-content:flex-start}.tome-nav a{padding:.85rem 1rem}.content-section{width:min(100% - 30px,1180px)}.story-panel{padding:70px 22px}.section-copy h2,.story-panel h2{font-size:3.3rem}.image-panel{min-height:380px}.war-content{width:calc(100% - 36px)}.belief-intro h2{font-size:4.2rem}.deity{padding:70px 24px;min-height:570px}.duality{min-height:70vh}.duality h2,.world-cta h2{font-size:4.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world-page [data-reveal]{opacity:1;transform:none;transition:none}.war-background{background-attachment:scroll}}
.archive-story--dragon-war{width:min(1280px,calc(100% - 40px));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,60px)}.archive-story--dragon-war.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.archive-story--dragon-war img{width:100%;min-height:520px;max-height:none!important;object-fit:cover}@media(max-width:900px){.archive-story--dragon-war,.archive-story--dragon-war.reverse{grid-template-columns:1fr}.archive-story--dragon-war img{min-height:0;max-height:70svh!important}}