@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');:root{--bg:#07111b;--panel:#0d1c2a;--gold:#d9b77a;--pale:#f3e9da;--muted:#b9c4cc;--line:#6c593e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--pale);font-family:Georgia,serif;line-height:1.7}a{color:inherit}button{font:inherit}.skip{position:absolute;top:-70px;left:10px;background:#fff;color:#000;padding:10px;z-index:99}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(18px,4vw,65px);background:#07111bf2;border-bottom:1px solid #9a794033;backdrop-filter:blur(10px)}.logo{font:clamp(20px,2.5vw,33px)/1.2 'Cinzel',Georgia,serif;letter-spacing:.13em;color:var(--gold);text-decoration:none;white-space:nowrap}.logo small{display:block;font:9px/2 'Inter',sans-serif;letter-spacing:.3em;color:var(--pale);text-align:center}.header nav{display:flex;flex-wrap:wrap;gap:clamp(9px,1.6vw,27px)}.header nav a{text-decoration:none;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--gold)}.menu-button{display:none;background:none;border:1px solid var(--line);color:var(--pale);padding:6px 12px}.hero{min-height:660px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07111b 0%,#07111bf2 29%,#07111b55 65%,#07111b30 100%),url('assets/hero-city.webp') center right/cover no-repeat}.hero:after{content:'';position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,var(--bg));z-index:-1}.hero-copy{width:min(710px,90%);margin-left:clamp(22px,6vw,100px);padding:80px 0}.kicker{font:11px/1.5 'Inter',sans-serif;letter-spacing:.28em;color:var(--gold);text-transform:uppercase}h1,h2,h3{font-family:'Cinzel',Georgia,serif;font-weight:400;line-height:1.25}h1{font-size:clamp(38px,5.3vw,75px);margin:20px 0}h1 em{font-family:Georgia,serif;font-weight:normal;color:var(--gold)}h2{font-size:clamp(29px,3.4vw,49px);margin:12px 0 22px}h3{font-size:clamp(18px,2vw,24px);margin:10px 0}.hero-copy>p:not(.kicker){font-size:clamp(17px,1.8vw,21px);max-width:570px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;text-decoration:none;border:1px solid var(--gold);padding:12px 25px;color:var(--pale);font:12px/1.5 'Inter',sans-serif;letter-spacing:.11em;text-transform:uppercase;transition:background .2s}.button:hover,.button:focus-visible{background:#bd99512b}.button.primary{background:#8d6c31;color:#fff}.button.primary:hover{background:#ae8949}.section{padding:clamp(65px,8vw,125px) clamp(22px,6vw,100px);scroll-margin-top:85px}.intro{text-align:center}.intro>p:not(.kicker){max-width:650px;margin:0 auto 45px;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left}.tile{position:relative;min-height:340px;overflow:hidden;border:1px solid var(--line);text-decoration:none;background:#152436}.tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .3s}.tile:hover img{transform:scale(1.06)}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 24%,#06101bf0)}.tile span{position:absolute;z-index:1;bottom:22px;left:24px;right:20px}.tile small,.tile em{display:block;font:11px 'Inter',sans-serif;letter-spacing:.16em;color:var(--gold);font-style:normal}.tile strong{display:block;font:29px 'Cinzel',serif;margin:7px 0;color:#fff}.tile em{letter-spacing:.03em;color:var(--pale)}.feature,.about,.store{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,90px);align-items:center;background:#0b1825}.feature-image img,.about img,.store img{display:block;width:100%;height:clamp(340px,42vw,600px);object-fit:cover;border:1px solid var(--line)}.feature-copy p,.about p,.store p,.universe p{color:var(--muted)}.book-list article,.story-list article{padding:18px 0;border-top:1px solid #a98c5244}.book-list small,.story-list small{font:10px 'Inter',sans-serif;letter-spacing:.2em;color:var(--gold)}.book-list p,.story-list p{margin:5px 0 0}.text-link{color:var(--gold);text-decoration:none}.stories{background:#08121d}.section-heading{max-width:730px;margin-bottom:40px}.section-heading>p:last-child{color:var(--muted)}.story-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start}.story-art img{width:100%;height:520px;object-fit:cover;border:1px solid var(--line)}.universe{position:relative;min-height:620px;display:flex;align-items:center;isolation:isolate}.universe-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06101bf0 5%,#06101ba0 48%,#06101b30),url('assets/universe-island.webp') center/cover}.universe-content{max-width:590px}.universe p{font-size:19px;color:#eee}.about img{height:470px}.store{background:#08121d}.store img{height:470px}.store-note{border-left:2px solid var(--gold);padding:10px 20px;margin:25px 0;background:#b8975a12}.store-note p{margin:5px 0}.contact{text-align:center;background:linear-gradient(#091521e8,#091521f2),url('assets/hero-stones.webp') center/cover}.contact p:not(.kicker){max-width:580px;margin:0 auto 28px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:25px 6vw;color:var(--muted);font:12px 'Inter',sans-serif;border-top:1px solid #8b713c44}footer a{color:var(--gold)}@media(max-width:950px){.header{align-items:flex-start}.menu-button{display:block;margin-left:auto}.header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px;background:#08131e;border-bottom:1px solid var(--line);flex-direction:column}.header nav.open{display:flex}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.about,.store,.story-layout{grid-template-columns:1fr}.feature-image img{height:400px}.story-art img{height:330px}.hero{min-height:590px}}@media(max-width:620px){.logo{font-size:19px}.logo small{font-size:7px;letter-spacing:.15em}.hero{min-height:600px}.hero-image{background:linear-gradient(90deg,#07111bdf,#07111b99),url('assets/hero-city.webp') center/cover}.tiles{grid-template-columns:1fr}.tile{min-height:280px}.section{padding:65px 22px}.feature-image img,.about img,.store img{height:300px}.universe{min-height:500px}.universe p{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile img{transition:none}}
/* Layout fixes: prevent text and image overflow at all screen sizes. */
html,body{width:100%;max-width:100%;overflow-x:clip}
.feature,.about,.store,.story-layout{min-width:0}
.feature>*,.about>*,.store>*,.story-layout>*,.feature-copy,.universe-content{min-width:0;max-width:100%}
h1,h2,h3,p,a{overflow-wrap:break-word}
.feature-image{min-width:0;overflow:hidden}
.feature-image img{max-width:100%;object-position:center center}
.feature-copy{width:100%}
.series-guide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,75px);align-items:center;background:#0b1825}
.series-guide-inner{min-width:0;max-width:690px}
.series-guide p:not(.kicker){color:var(--muted);font-size:18px}
.series-guide .guide-note{border-left:2px solid var(--gold);padding-left:18px;font-size:15px!important}
.series-guide img{width:100%;height:440px;object-fit:cover;border:1px solid var(--line)}
@media(max-width:950px){.series-guide{grid-template-columns:1fr}.series-guide img{height:320px}}
@media(max-width:620px){.series-guide img{height:250px}.series-guide p:not(.kicker){font-size:16px}}