:root{--bg:#0b0b0d;--panel:#131317;--ink:#f4f1ea;--mut:#a39e94;--line:#26262c;--gold:#c9a86a}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.12;letter-spacing:.01em}
a{color:var(--gold)}
img{max-width:100%;display:block}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:rgba(11,11,13,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
nav .brand{font-family:'Cormorant Garamond',serif;font-size:19px;letter-spacing:.03em;color:var(--ink);text-decoration:none}
nav .brand small{display:block;font-family:Inter;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--mut);margin-top:2px}
nav .brand span{color:var(--gold)}
.btn-gold{display:inline-block;background:var(--gold);color:#141109;border:0;padding:12px 22px;font:600 12px/1 Inter;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:.2s}
.btn-gold:hover{background:#dcc088}
header.art{padding:64px 0 34px;border-bottom:1px solid var(--line)}
.eyebrow{font:500 11px/1.6 Inter;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
header.art h1{font-size:clamp(34px,5.5vw,54px);margin-bottom:14px}
header.art .dek{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2.4vw,23px);font-style:italic;color:var(--mut);max-width:56ch}
.byline{font-size:12.5px;color:#6e6a62;margin-top:16px;letter-spacing:.04em}
article{padding:40px 0 10px}
article p{color:var(--mut);margin-bottom:18px}
article p b,article p strong{color:var(--ink);font-weight:500}
article h2{font-size:clamp(25px,3.4vw,33px);margin:38px 0 14px;color:var(--ink)}
article h3{font-size:21px;margin:28px 0 10px}
article ul,article ol{margin:0 0 18px 22px;color:var(--mut)}
article li{margin-bottom:8px}
blockquote{border-left:2px solid var(--gold);padding:6px 0 6px 22px;margin:26px 0;font-family:'Cormorant Garamond',serif;font-size:21px;font-style:italic;color:var(--ink)}
blockquote cite{display:block;font:400 12px/1.6 Inter;letter-spacing:.08em;color:var(--mut);margin-top:8px;font-style:normal}
.pull{background:var(--panel);border:1px solid var(--line);padding:20px 24px;margin:26px 0;font-size:14.5px;color:var(--mut)}
.pull b{color:var(--gold)}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
th{font:600 10.5px/1.4 Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}
td{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--ink)}
.cta-band{background:var(--panel);border:1px solid var(--line);padding:30px 28px;margin:44px 0;text-align:center}
.cta-band h2{margin:0 0 8px;font-size:27px}
.cta-band p{color:var(--mut);font-size:14.5px;margin-bottom:18px}
.more{border-top:1px solid var(--line);padding:34px 0 10px}
.more h2{font-size:23px;margin-bottom:16px}
.more ul{list-style:none;margin:0}
.more li{padding:10px 0;border-bottom:1px solid var(--line)}
.more a{text-decoration:none;font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--ink)}
.more a:hover{color:var(--gold)}
.more small{display:block;font-size:12.5px;color:#6e6a62;letter-spacing:.02em}
footer{border-top:1px solid var(--line);margin-top:50px;padding:38px 0 70px;color:#6e6a62;font-size:13px}
footer a{color:var(--mut)}
@media(max-width:700px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}nav{padding:10px 16px}}
