.saga{max-width:1320px;margin:auto;padding:2rem 2rem 5rem}.saga-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:4rem;align-items:center;min-height:640px}.saga-hero h1{font:600 clamp(2.6rem,5vw,5.2rem)/1.03 Georgia,serif;letter-spacing:-.04em;margin:1.3rem 0;color:#f1ddb6}.saga-tagline{font:italic 1.4rem/1.5 Georgia,serif;color:#d5bf96}.hero-copy>p:not(.eyebrow):not(.fine){max-width:580px}.hero-painting{width:100%;height:640px;object-fit:cover;border-radius:18px;box-shadow:0 22px 60px #0007}.saga-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:3.5rem 0 5rem;padding:1.6rem 0;border-top:1px solid #a89a6838;border-bottom:1px solid #a89a6838}.saga-facts div{display:flex;flex-direction:column;gap:.5rem}.saga-facts strong{font:2.5rem Georgia,serif;color:#e0c58d}.saga-facts span{font-size:.85rem;color:#aab9ad}.saga h2{font:500 clamp(1.8rem,3vw,2.6rem)/1.2 Georgia,serif;color:#eee1c7}.saga-intro{margin-bottom:5rem}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px}.volume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0 5rem}.volume{overflow:hidden;border:1px solid #8b9d7f30;background:#12231bcc;border-radius:14px}.poster{display:block}.poster img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;display:block;transition:filter .2s}.poster:hover img{filter:brightness(1.08)}.volume-copy{padding:1.4rem}.volume h3{font:500 1.65rem/1.18 Georgia,serif;color:#f0dfbd;margin:.7rem 0}.volume .eyebrow{font-size:.63rem;line-height:1.7}.volume .fine{font-size:.77rem}.volume .outline{display:inline-block}.saga-guide{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:2.5rem;background:#0d1a14;border-radius:18px}.saga-guide li{margin:.8rem 0;line-height:1.6}.saga-guide ol{padding-left:1.3rem}.creator-note{border-left:1px solid #c6a66e40;padding-left:3rem}.creator-note h3{font:500 1.7rem/1.2 Georgia,serif;color:#e8d4ae}.saga-footer{margin-top:4rem;text-align:center;color:#a1afa5}.saga-version{position:fixed;left:12px;bottom:10px;font-size:10px;color:#c5d1c9;background:#102019ed;padding:5px 8px;border-radius:4px;z-index:20}.saga a:focus-visible{outline:3px solid #e6ca85;outline-offset:4px}.saga .primary{display:inline-block}.saga p{line-height:1.75}.saga .eyebrow{color:#c9b174}.saga .actions{flex-wrap:wrap}.topbar nav{display:flex;flex-wrap:wrap;gap:1.2rem}
.skip{position:fixed;top:-60px;left:10px;background:var(--accent);color:var(--bg);padding:10px;z-index:30}.skip:focus{top:10px}
@media(max-width:1000px){.saga-hero{gap:2rem}.hero-painting{height:580px}.volume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saga-guide{gap:2rem;padding:2rem}.creator-note{padding-left:2rem}}
@media(max-width:680px){.saga{padding:1.4rem 1rem 4rem}.saga-hero{grid-template-columns:1fr;gap:1.4rem}.hero-painting{height:auto;max-height:560px;object-position:50% 55%}.saga-hero h1{font-size:2.8rem}.saga-facts{grid-template-columns:repeat(2,1fr);gap:1.4rem;margin:2rem 0 3rem}.intro-grid,.saga-guide{grid-template-columns:1fr;gap:1rem}.volume-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.saga-intro{margin-bottom:3rem}.saga-guide{padding:1.4rem}.creator-note{border-left:none;border-top:1px solid #c6a66e40;padding:1.5rem 0 0}.topbar{flex-wrap:wrap;gap:1rem}.topbar nav{font-size:.85rem;gap:.8rem}.saga-footer{margin-top:2rem}}