
:root {
  --bg: #090909; --panel: rgba(19,16,14,.78); --panel-border: rgba(230,194,122,.18);
  --text: #f4eee4; --soft: #9d9387; --gold: #e6c27a; --shadow: 0 20px 60px rgba(0,0,0,.35);
  --max: 1200px; --narrow: 760px;
}
*,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top center,rgba(194,132,55,.12),transparent 35%),linear-gradient(to bottom,#090909 0%,#0e0c0a 50%,#090909 100%);color:var(--text);font-family:"Inter",sans-serif;line-height:1.65}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 2rem),var(--max));margin:0 auto}.narrow{width:min(100%,var(--narrow))}
.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;background:linear-gradient(to bottom,rgba(10,10,10,.94),rgba(10,10,10,.68));backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand,.brand a,.brand img{font-family:"Cinzel",serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:1.5rem}.site-nav a{font-size:.95rem;color:#e7dfd2;transition:color .25s ease,opacity .25s ease,background .25s ease}
.site-nav a:hover,.site-nav a.current-menu-item,.site-nav a.current_page_item,.site-nav a.active{color:var(--gold)}
.site-nav .nav-cta,.site-nav a:last-child{padding:.7rem 1rem;border:1px solid rgba(230,194,122,.35);border-radius:999px;background:rgba(230,194,122,.08)}
.menu-toggle{display:none;width:48px;height:48px;border:1px solid rgba(230,194,122,.2);border-radius:12px;background:rgba(255,255,255,.02);padding:0;cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;background:var(--gold);margin:5px auto}
.hero{position:relative;min-height:100vh;display:grid;align-items:end;overflow:clip}.hero-media{position:absolute;inset:0}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(6,6,6,.52) 0%,rgba(6,6,6,.18) 42%,rgba(6,6,6,.72) 100%),linear-gradient(to top,rgba(8,8,8,.92) 0%,rgba(8,8,8,.22) 45%,rgba(8,8,8,.1) 100%)}
.hero-content{position:relative;z-index:1;padding-top:9rem;padding-bottom:5rem;max-width:760px}
.eyebrow,.section-label{margin:0 0 1rem;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600}
.hero h1,.story-section h2,.purchase-section h2,.page-title,.content-card h2{margin:0;font-family:"Cinzel",serif;line-height:.98}
.hero h1{font-size:clamp(3rem,7vw,6.25rem);color:#f6e3bc;text-shadow:0 4px 26px rgba(0,0,0,.32)} .hero h1 span{display:block;color:var(--gold)}
.subtitle{margin:1rem 0 1.5rem;color:#ead7b1;font-family:"Cinzel",serif;font-size:clamp(1.05rem,2vw,1.6rem);letter-spacing:.04em}
.hero-copy{margin:0;max-width:40rem;color:#f2e9dc;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.page-main{padding-top:78px}.page-hero{position:relative;overflow:hidden;padding:4.5rem 0 3rem}.page-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(230,194,122,.16),transparent 38%),linear-gradient(to bottom,rgba(33,24,18,.7),rgba(12,10,9,.2))}
.page-hero-content{position:relative;z-index:1}.page-title{font-size:clamp(2.1rem,5vw,4.3rem);color:#f5e2bc;margin-bottom:1rem}.page-intro{margin:0;color:#ebdfd0;font-size:1.08rem;max-width:44rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.85rem 1.25rem;border-radius:999px;font-weight:600}.btn-primary{color:#16110b;background:linear-gradient(135deg,var(--gold) 0%,#f4d593 100%)} .btn-secondary{color:var(--text);border:1px solid rgba(230,194,122,.3);background:rgba(255,255,255,.04)}
.opening{padding:5.25rem 0 3rem}.opening-line{margin:0;text-align:center;font-family:"Cinzel",serif;color:#f0e2c8;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.5}
.content-section,.story-section{padding:2rem 0 5rem}.alt-section{padding-top:0}.two-column-layout,.story-grid,.purchase-grid{display:grid;gap:2rem;align-items:start}
.two-column-layout,.story-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)}.purchase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.story-copy,.story-panel,.purchase-card,.content-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:28px;box-shadow:var(--shadow)}
.story-copy,.content-card{padding:2rem}.story-section h2,.content-card h2,.purchase-card h2{font-size:clamp(1.85rem,3vw,3rem);color:#f6e7c7;margin-bottom:1rem}
.story-copy p,.content-card p{margin:0 0 1.15rem;color:#e8ddcf}.story-panel,.aside-card{padding:1.75rem;position:sticky;top:110px}
.feature-list{list-style:none;margin:1rem 0 1.75rem;padding:0}.feature-list li{padding:.95rem 0;border-bottom:1px solid rgba(230,194,122,.12);color:#e7ddd1}.feature-list li:last-child{border-bottom:0}
.text-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold);font-weight:600}.preview-card p,.prose-card p,.post-card p{font-size:1.05rem}.prose-card{padding-right:2.2rem;padding-left:2.2rem}
.quote-band{padding:1rem 0 5rem}.quote-band blockquote{margin:0;padding:2rem 1.5rem;text-align:center;font-family:"Cinzel",serif;font-size:clamp(1.3rem,2.3vw,2rem);color:#f1dfbb;border-top:1px solid rgba(230,194,122,.18);border-bottom:1px solid rgba(230,194,122,.18)}
.purchase-section{padding:0 0 5rem}.purchase-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem}.purchase-card p{margin:0;color:#e7ddd1}.purchase-actions{display:flex;flex-wrap:wrap;gap:1rem}
.format-card{display:flex;flex-direction:column;gap:.75rem}.featured-format{background:linear-gradient(180deg,rgba(230,194,122,.1),rgba(19,16,14,.84))}
.format-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:auto;margin-bottom:.65rem}.format-meta span{display:inline-flex;padding:.45rem .75rem;border-radius:999px;background:rgba(230,194,122,.08);border:1px solid rgba(230,194,122,.12);color:#eedfbe;font-size:.9rem}
.archive-list{display:grid;gap:1.5rem}.site-footer{border-top:1px solid rgba(230,194,122,.08);background:rgba(0,0,0,.28)}.footer-inner{padding:1.5rem 0 2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-inner p{margin:0;color:#bfb3a3;font-size:.95rem}.footer-note{color:var(--soft)}
@media (max-width:1080px){.purchase-grid{grid-template-columns:1fr}}
@media (max-width:920px){.story-grid,.two-column-layout,.purchase-card{grid-template-columns:1fr;display:grid}.story-panel,.aside-card{position:static}}
@media (max-width:760px){.site-nav{position:absolute;top:calc(100% + .5rem);right:1rem;left:1rem;display:none;flex-direction:column;align-items:stretch;gap:.5rem;padding:.85rem;background:rgba(15,12,10,.96);border:1px solid rgba(230,194,122,.14);border-radius:18px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:.8rem .9rem;border-radius:12px}.menu-toggle{display:inline-block}.hero{min-height:92vh}.hero-content{padding-top:8rem;padding-bottom:3.5rem}.opening{padding-top:4rem}.story-copy,.story-panel,.purchase-card,.content-card{padding:1.4rem;border-radius:22px}.footer-inner{flex-direction:column}}
@media (max-width:560px){.container{width:min(calc(100% - 1.25rem),var(--max))}.brand{max-width:220px;white-space:normal;line-height:1.2}.hero-copy,.page-intro,.preview-card p{font-size:1rem}.hero-actions,.purchase-actions{flex-direction:column}.btn{width:100%}.opening-line{line-height:1.45}}
