
body{margin:0;background:#c9c3b5;color:#29251f;font-family:Georgia,serif}
.wrap{max-width:1200px;margin:auto;padding:18px}.top{position:sticky;top:10px;z-index:50}.nav{background:#f5f0e7;border:1px solid #8c8478;box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;overflow:auto}.nav a{padding:13px 14px;color:#5e564d;text-decoration:none;text-transform:uppercase;font:11px Arial;white-space:nowrap}.nav a.active,.nav a:hover{background:#2b2722;color:#fff}
.book{margin-top:22px;background:#f5f0e7;border:1px solid #8c8478;box-shadow:0 18px 35px rgba(0,0,0,.14);position:relative;overflow:hidden}.book:before{content:"";position:absolute;left:0;top:0;width:12px;height:100%;background:#3b3731;box-shadow:4px 0 0 #776e62}.hero{padding:52px 54px 40px;border-bottom:1px solid #aaa096}.hero h1{font-size:clamp(54px,9vw,124px);line-height:.8;font-weight:400;margin:16px 0;letter-spacing:-.05em}.eyebrow{font:11px Arial;letter-spacing:.18em;color:#6e645a}.hero p{max-width:780px;font-size:19px;line-height:1.75}
.content{display:grid;grid-template-columns:260px 1fr}.side{border-right:1px solid #aaa096;padding:24px}.side a{display:block;padding:9px 0;color:#6b6259;text-decoration:none;border-bottom:1px dotted #aaa096;font:12px Arial}.article{padding:36px}.article p{font-size:18px;line-height:1.92}.note{border-left:3px solid #3b3731;padding:10px 16px;background:#ebe4d7}
.paper-card{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.paper-card>div{padding:18px;border:1px solid #b1a79a;background:#fbf7ef;animation:floatpaper 5s ease-in-out infinite}.paper-card>div:nth-child(2){animation-delay:1s}@keyframes floatpaper{50%{transform:translateY(-5px) rotate(.35deg)}} 

.redirects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.redirect-button{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 20px;border:1px solid rgba(111,213,238,.5);background:rgba(2,13,19,.3);color:#effaff;text-decoration:none;font:700 11px Arial,sans-serif;letter-spacing:.15em;transition:.25s}
.redirect-button:hover{transform:translateY(-3px);border-color:#7ce4ff;box-shadow:0 10px 26px rgba(58,191,227,.13)}
.redirect-button b{font-size:14px}
.sources-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.sources-mini>div{padding:16px;border:1px solid currentColor;opacity:.74}.sources-mini strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.sources-mini a{color:inherit}
.footer{margin:22px 0;color:inherit;opacity:.7;font-size:11px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
 .hero,.hero-top,.content,.header{grid-template-columns:1fr}.hero-aside,.hero-note,.hero-card+.side-stack,.hero-main+.hero-aside,.stamp,.side{border-left:0;border-top:1px solid rgba(120,150,170,.3)}
 .stat-row,.band,.modules,.tiles,.records,.cards,.grid-cards,.sources-mini{grid-template-columns:1fr}
 .content{display:block}.side{border-right:0}.redirects{grid-template-columns:1fr}
}
