:root{--night:#141210;--panel:#1e1b18;--line:#34302a;--gold:#c9a45c;--cream:#efe6d6;--dim:#a39886}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--cream);font-family:Karla,sans-serif;font-size:17px;line-height:1.75}
a{color:var(--cream);text-decoration:none}
img{max-width:100%;display:block}
#progress{position:fixed;top:0;left:0;height:3px;background:var(--gold);width:0;z-index:99}
.cc-top{border-bottom:1px solid var(--line);text-align:center;padding:30px 20px 0}
.cc-top .logo{font-family:'DM Serif Display',serif;font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:.02em;line-height:1}
.cc-top .logo em{color:var(--gold);font-style:normal}
.cc-top .sub{color:var(--dim);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;margin:8px 0 18px}
.cc-nav{display:flex;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--line)}
.cc-nav a{padding:13px 16px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.cc-nav a:hover{color:var(--gold)}
.cc-wrap{max-width:1240px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px}
.cc-feature{position:relative;margin-bottom:40px}
.cc-feature img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.8}
.cc-feature .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 36px 30px;background:linear-gradient(transparent,rgba(10,9,8,.95))}
.cc-feature h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.12;margin:8px 0}
.label{color:var(--gold);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase}
.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 30px}
.cc-card img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:14px;filter:brightness(.92)}
.cc-card h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.45rem;line-height:1.2;margin:6px 0}
.cc-card:hover h2{color:var(--gold)}
.cc-card p{color:var(--dim);font-size:.94rem;margin:0}
.cc-side{position:sticky;top:24px;align-self:start}
.cc-box{border:1px solid var(--line);padding:22px;margin-bottom:26px;background:var(--panel)}
.cc-box h4{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.25rem;margin:0 0 14px;color:var(--gold)}
.cc-box ol{margin:0;padding:0;list-style:none;counter-reset:n}
.cc-box ol li{counter-increment:n;display:grid;grid-template-columns:34px 1fr;padding:9px 0;border-bottom:1px solid var(--line);font-size:.95rem;line-height:1.4}
.cc-box ol li::before{content:counter(n);font-family:'DM Serif Display',serif;color:var(--gold);font-size:1.3rem}
.cc-box ul{list-style:none;margin:0;padding:0}
.cc-box ul li{padding:6px 0;border-bottom:1px solid var(--line)}
.cc-pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:44px}
.cc-pager a,.cc-pager b{border:1px solid var(--line);padding:6px 13px;font-size:.85rem}
.cc-pager b{background:var(--gold);color:var(--night)}
.cc-article h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.08;margin:12px 0 16px}
.cc-meta{color:var(--dim);font-size:.85rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:28px}
.cc-article .lead-img{width:100%;margin-bottom:32px}
.cc-body{font-size:1.06rem}
.cc-body>p:first-of-type{font-size:1.2rem;color:#fff}
.cc-body h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.7rem;color:var(--gold);margin:1.8em 0 .4em}
.cc-body ul li::marker{color:var(--gold)}
.cc-body figure{margin:34px 0}
.cc-body blockquote{border-left:3px solid var(--gold);margin:30px 0;padding:4px 24px;font-family:'DM Serif Display',serif;font-size:1.5rem;line-height:1.35}
.cc-plain h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:2.8rem;margin:0 0 10px}
.cc-plain h2{font-family:'DM Serif Display',serif;font-weight:400;color:var(--gold);font-size:1.4rem;margin-top:1.8em}
.cc-plain input,.cc-plain textarea{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--cream);padding:12px;font:inherit;margin:4px 0 16px}
.cc-plain button{background:var(--gold);color:var(--night);border:0;padding:12px 28px;font:700 .8rem Karla,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.cc-foot{border-top:1px solid var(--line);text-align:center;padding:40px 20px;color:var(--dim);font-size:.85rem}
.cc-foot a{color:var(--dim);margin:0 10px}
.cc-foot a:hover{color:var(--gold)}
@media(max-width:960px){.cc-wrap{grid-template-columns:1fr}.cc-side{position:static}}
@media(max-width:600px){.cc-grid{grid-template-columns:1fr}.cc-feature .cap{position:static;background:none;padding:16px 0}}