:root{--bg:#0b0806;--panel:rgba(22,16,11,.93);--panel-hover:rgba(31,22,15,.96);--gold:#c79b5b;--gold-light:#f0d5a3;--text:#f3efe8;--muted:#d4cec5;--border:rgba(199,155,91,.34)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:linear-gradient(rgba(7,5,3,.44),rgba(7,5,3,.84)),url("tlo.jpg") center/cover fixed no-repeat;color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.75}.hero{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:72px 24px;border-bottom:1px solid var(--border)}.hero-content{max-width:980px}.eyebrow,.kicker{color:var(--gold);font-size:.82rem;letter-spacing:.17em;text-transform:uppercase}.hero h1{margin:14px 0 22px;color:var(--gold-light);font-size:clamp(3rem,7vw,6rem);font-weight:normal;line-height:1.05;text-shadow:0 5px 28px rgba(0,0,0,.72)}.hero-lead{max-width:790px;margin:0 auto 34px;color:#e7e0d6;font-size:1.14rem}.hero-button,.back-link{display:inline-block;color:var(--gold-light);text-decoration:none}.hero-button{padding:12px 21px;border:1px solid var(--gold);background:rgba(24,17,12,.74);transition:.25s}.hero-button:hover{background:rgba(48,34,23,.88)}main{max-width:1120px;margin:auto;padding:76px 24px 92px}.story h2{margin:8px 0 20px;color:var(--gold-light);font-size:clamp(2.25rem,5vw,3.8rem);font-weight:normal}.opening{max-width:930px;color:var(--muted);font-size:1.08rem}.volumes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:40px 0}.volume-card{display:flex;min-height:340px;flex-direction:column;padding:31px;background:var(--panel);border:1px solid var(--border);border-radius:14px;color:inherit;text-decoration:none;transition:.28s}.volume-card:hover{transform:translateY(-4px);background:var(--panel-hover);border-color:var(--gold);box-shadow:0 0 28px rgba(199,155,91,.16)}.status{align-self:flex-start;padding:4px 9px;border:1px solid rgba(199,155,91,.38);border-radius:999px;color:var(--gold);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.volume-number{margin-top:24px;color:var(--gold-light);font-size:1.8rem}.volume-card h3{margin:3px 0 15px;color:#f2e5cf;font-size:1.3rem;font-weight:normal}.volume-card p:not(.volume-number){color:var(--muted)}.volume-card strong{display:block;margin-top:auto;padding-top:24px;color:var(--gold-light);font-size:.98rem}.back-link{margin-top:8px}.back-link:hover{text-decoration:underline}footer{text-align:center;padding:34px 24px;color:#9e978d;border-top:1px solid rgba(199,155,91,.18)}
@media(max-width:760px){.hero{min-height:60vh}.hero h1{font-size:2.85rem}main{padding-top:56px}.volumes{grid-template-columns:1fr}.volume-card{min-height:0;padding:25px}}