:root{color-scheme:dark;--navy:#0b1221;--gold:#edc686;--cream:#fff4e4;--muted:#d8dce5}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 20% 10%,#25334d 0%,var(--navy) 53%,#080d17 100%);color:var(--cream);min-height:100vh;font:1rem/1.6 system-ui,sans-serif}
.entry{display:grid;grid-template-columns:minmax(200px,320px) minmax(0,520px);align-items:center;gap:clamp(2rem,6vw,6rem);max-width:1100px;margin:0 auto;padding:clamp(2rem,7vw,6.5rem) clamp(1.25rem,5vw,3rem) 2rem}
.frame{width:min(100%,300px);justify-self:center;border:1px solid #b99b67;padding:6px;background:#151e2c;box-shadow:0 18px 60px #0009}
.frame img{display:block;width:100%;height:auto}
.kicker,.volume{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-weight:650;font-size:.8rem;margin:.4rem 0}
.volume span{display:block;letter-spacing:.08em;margin-top:.25rem}
h1,h2,.lead{font-family:Georgia,serif}
h1{font-size:clamp(2.6rem,5.9vw,5.1rem);line-height:1.03;letter-spacing:-.045em;margin:.4rem 0 .9rem}
.lead{font-size:clamp(1.22rem,2.8vw,1.5rem);line-height:1.35;margin:1.7rem 0 .35rem}
p{color:var(--muted);margin:.45rem 0}
section{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid #9c835e70}
h2{font-size:1.25rem;margin:0}
.button{display:inline-flex;align-items:center;min-height:44px;background:var(--gold);color:#121825;padding:.55rem 1rem;margin-top:.8rem;text-decoration:none;font-weight:750;border-radius:3px}
.button:hover{background:#ffe0ad}
.button:focus-visible{outline:3px solid #fff;outline-offset:4px}
footer{text-align:center;padding:1.5rem;color:var(--muted);font-size:.86rem}
@media(max-width:650px){.entry{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}.frame{order:1;width:min(50vw,230px);align-self:center}}