:root{color-scheme:dark;--ink:#040405;--panel:#100b0e;--paper:#f4eddf;--muted:#bdb3a2;--gold:#d9b15b;--gold-light:#f1d897;--line:rgba(217,177,91,.28);--blood:#8d171f}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;overflow-x:hidden;color:var(--paper);font:17px/1.72 Georgia,'Times New Roman',serif;background:radial-gradient(circle at 82% 2%,#381019 0,transparent 28%),radial-gradient(circle at 8% 44%,#32101825,transparent 29%),#040405}
a{color:#edcc84;text-underline-offset:3px}a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.shell{width:min(100%,1180px);margin:auto;padding:0 clamp(20px,4vw,56px)}
.mast{position:sticky;top:0;z-index:30;background:#040405f2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.mast .shell{display:flex;align-items:center;gap:9px;min-height:64px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.mast .shell::-webkit-scrollbar{display:none}
.brand,.nav a{flex:0 0 auto;text-decoration:none;text-transform:uppercase;font:700 10px Arial,sans-serif;letter-spacing:.09em;border:1px solid var(--line);padding:9px 12px;color:#d6c7aa}
.brand{border:0;padding-left:0;margin-right:auto;color:var(--gold-light);font-size:12px}.nav{display:flex;gap:7px}.nav a:hover,.nav a:focus-visible{border-color:var(--gold);color:#fff6e5;background:#72151c}
.breadcrumbs{padding-top:28px;color:#b5a589;font:700 10px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.breadcrumbs a{text-decoration:none}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:420px;padding:clamp(70px,9vw,125px) 0 clamp(65px,8vw,105px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 76% 42%,#5813215b 0,#230d1550 20%,transparent 45%)}
.hero:before{content:'✦';position:absolute;right:3%;top:4%;z-index:-1;color:#d9b15b13;font:clamp(190px,28vw,390px)/1 Georgia,serif;transform:rotate(-10deg)}
.hero:after{content:'';position:absolute;inset:12px;z-index:-1;border:1px solid #b89a581b;pointer-events:none}
.overline{display:block;color:var(--gold);font:700 11px Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(55px,9vw,118px);line-height:.91;letter-spacing:-.064em;margin:21px 0 27px;color:#f7efdf;text-shadow:0 18px 45px #000}h2{font-size:clamp(31px,4vw,50px);line-height:1.12;margin:0 0 23px;color:#f1d897;letter-spacing:-.035em}h3{font-size:24px;color:var(--gold-light)}
.lead{font-size:clamp(19px,2.3vw,26px);line-height:1.55;color:#e8dac1;max-width:800px;margin:0 0 30px}
.muted{color:var(--muted)}.gold-line{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:30px 0}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,5vw,70px);align-items:center}.two.hero{align-items:center}.two.hero:before{right:31%;opacity:.8}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:24px 0 7px}
.card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:25px;background:linear-gradient(145deg,#1c1219,#0e0d12);border:1px solid var(--line);color:var(--paper);text-decoration:none;transition:transform .22s,border-color .22s,background .22s}
.card:after{content:'↗';position:absolute;right:20px;top:17px;color:#c3a56b;font:22px Georgia,serif;opacity:.65}
.card:hover,.card:focus-visible{transform:translateY(-3px);border-color:var(--gold);background:linear-gradient(145deg,#391821,#171017)}
.card small{color:#c69b66;font:700 10px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}.card strong{display:block;margin:16px 0 9px;color:#f1d897;font:normal 27px/1.14 Georgia,serif}.card span{color:#d6c8b4;font:14px/1.55 Arial,sans-serif}
.section{padding:clamp(48px,6vw,80px) 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.prose{max-width:800px}.prose p{margin:0 0 20px;color:#d9cdbb}.prose p:first-child{font-size:19px;color:#f1e5d2}
.chapter-list{columns:2;column-gap:50px;padding-left:24px;max-width:920px}.chapter-list li{break-inside:avoid;margin:0 0 13px;color:#d8c8ac;padding-left:7px}.chapter-list li::marker{color:#a9434d}
.button{display:inline-block;padding:15px 23px;background:#782330;border:1px solid #e2bf79;color:#fff3d6;text-decoration:none;font:700 12px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;transition:background .2s,transform .2s}.button:hover{background:#9a3444;transform:translateY(-2px)}
.portrait{display:block;width:min(100%,440px);height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.1) sepia(.12);border:1px solid #b89a5873;box-shadow:0 30px 80px #000,14px 14px 0 #651723}
.foot{margin-top:50px;padding:30px 0;border-top:1px solid var(--line);background:#050406;color:#ad9d84;font:12px/1.8 Arial,sans-serif;letter-spacing:.04em}.foot a{color:#d0b37b}
blockquote{border-left:2px solid var(--gold);margin:20px 0;padding:5px 24px;color:#ebd9b7;font:italic 22px/1.5 Georgia,serif}
@media(max-width:720px){.mast .shell{padding-top:12px;padding-bottom:12px;min-height:60px}.two{grid-template-columns:1fr}.two.hero{padding-top:65px}.hero{min-height:0}.hero:after{inset:7px}.chapter-list{columns:1}.portrait{max-width:360px;margin:0 auto 22px}.section{padding:45px 0}.card{min-height:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}