
:root{--black:#070707;--paper:#efe3cf;--paper-dark:#d6c09a;--gold:#c99b5a;--burgundy:#8f171f;--red:#b31c24;--text:#251b14}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,7,7,.91);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,155,90,.28);display:flex;align-items:center;justify-content:space-between;padding:16px 24px}
.brand{display:flex;align-items:center;gap:12px}.rune{color:var(--red);font-size:32px;text-shadow:0 0 16px rgba(179,28,36,.35)}.brand-name{font-size:22px;letter-spacing:.08em;color:var(--gold)}
.nav-links{display:flex;gap:20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap}.nav-links a.active,.nav-links a:hover{color:var(--red)}
.music-player{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:100;width:min(90vw,390px);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px;border:1px solid rgba(201,155,90,.7);border-radius:16px;background:rgba(8,8,8,.84);box-shadow:0 0 30px rgba(0,0,0,.65);backdrop-filter:blur(10px)}
.music-label{color:var(--gold);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.music-title{font-size:14px}
.music-player button,.btn{background:rgba(143,23,31,.78);color:var(--paper);border:1px solid rgba(201,155,90,.45);border-radius:999px;padding:10px 18px;font-family:Georgia,'Times New Roman',serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.hero{min-height:calc(100vh - 68px);background-image:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.24)),url('assets/home.jpg');background-size:contain;background-repeat:no-repeat;background-position:top center;display:flex;align-items:flex-end;justify-content:center;padding:52px 20px 94px}
.hero-card{background:transparent;border:0;padding:0 18px;max-width:560px;text-align:center;box-shadow:none;text-shadow:0 4px 18px rgba(0,0,0,.85)}
.hero-card h1{font-size:42px;margin:0 0 10px}.hero-card p{font-size:16px;line-height:1.55;color:var(--paper-dark)}
.page-head{max-width:1060px;margin:0 auto;padding:70px 22px 28px;text-align:center}.page-head .kicker{color:var(--red);letter-spacing:.24em;text-transform:uppercase;font-size:12px}.page-head h1{font-size:clamp(44px,7vw,82px);margin:10px 0;color:var(--paper)}.page-head p{color:var(--paper-dark);font-size:18px}
.writing-wrap{max-width:960px;margin:0 auto;padding:18px 18px 120px}.section-label{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:13px;margin:18px 0}
.article-card{border:1px solid rgba(201,155,90,.42);background:linear-gradient(180deg,rgba(18,17,15,.98),rgba(7,7,7,.98));box-shadow:0 14px 44px rgba(0,0,0,.38);overflow:hidden}
.article-card img{width:100%;height:320px;object-fit:cover;display:block}.article-content{background:var(--paper);color:var(--text);padding:32px min(5vw,54px)}
.issue{color:var(--red);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.article-content h2{font-size:clamp(34px,5vw,54px);line-height:1;margin:10px 0 12px;color:var(--burgundy)}
.meta{color:var(--burgundy);letter-spacing:.09em;text-transform:uppercase;font-size:12px;margin-bottom:24px}.article-content p{font-size:18px;line-height:1.75;margin:0 0 18px}.article-content blockquote{text-align:center;color:var(--burgundy);font-size:25px;font-style:italic;margin:30px 0}
.closing{text-align:center;color:var(--burgundy)!important;font-size:21px!important}.footer{text-align:center;color:var(--gold);padding:28px 32px 88px;border-top:1px solid rgba(201,155,90,.22);letter-spacing:.14em;text-transform:uppercase;font-size:11px}
@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column;padding:14px}.nav-links{gap:12px;font-size:11px}.hero{background-size:cover}.article-card img{height:240px}.article-content{padding:28px 20px}.article-content p{font-size:17px}}
