:root{
  --bg:#141519;--bg-2:#1a1c21;--ink:#e9e5dd;--ink-dim:#a8a49b;--gold:#c9a86a;
  --hairline:rgba(233,229,221,.12);
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#0c0d10;border-bottom:1px solid rgba(233,229,221,.08)}
.nav-inner{max-width:1300px;margin:0 auto;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.logo{display:inline-block;line-height:1.1;white-space:nowrap;text-align:center}
.logo .l1{display:block;font-family:var(--serif);font-size:27px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink);margin-right:-.34em}
.logo .l2{display:block;font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);margin-top:5px;margin-right:-.5em}
.nav-right{display:flex;align-items:center;gap:26px}
.back-link{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim)}
.back-link:hover{color:var(--gold)}
.btn{display:inline-block;padding:13px 30px;border:1px solid var(--gold);color:var(--gold);font-size:12px;letter-spacing:.22em;text-transform:uppercase;transition:background .3s,color .3s;white-space:nowrap}
.btn:hover{background:var(--gold);color:#15161a}
@media(max-width:640px){.nav-right .btn{display:none}}

article{max-width:780px;margin:0 auto;padding:180px 24px 90px}
.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,56px);line-height:1.15;margin-bottom:18px}
.subtitle{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--ink-dim);margin-bottom:30px;line-height:1.5}
.byline{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);padding-bottom:34px;border-bottom:1px solid var(--hairline);margin-bottom:44px}
.byline span{color:var(--gold)}
article h2{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.3;margin:54px 0 20px}
article h3{font-family:var(--serif);font-weight:500;font-size:22px;margin:36px 0 12px;color:var(--ink)}
article p{color:var(--ink-dim);font-size:16px;margin-bottom:22px}
article p strong{color:var(--ink);font-weight:500}
article em{color:var(--ink)}
.notice{margin-top:60px;padding:26px 28px;border:1px solid var(--hairline);font-size:12.5px;color:var(--ink-dim);line-height:1.7}
.notice b{display:block;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500}

/* ---- index pages ---- */
.imgbox{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 35%,rgba(201,168,106,.12),transparent 70%),linear-gradient(165deg,#23262d,#16171b)}
.imgbox img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06) brightness(.94);transition:transform 1.2s ease}
.imgbox:hover img{transform:scale(1.035)}
.imgbox.noimg img{display:none}
.imgbox.noimg::after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}
.page-head{max-width:1140px;margin:0 auto;padding:180px 24px 30px}
.page-head h1{margin-bottom:14px}
.page-head .lead{color:var(--ink-dim);font-size:16px;max-width:640px}
.index-grid{max-width:1140px;margin:0 auto;padding:30px 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.icard{display:block;border:1px solid var(--hairline);background:#101115;transition:border-color .35s}
.icard:hover{border-color:rgba(201,168,106,.45)}
.icard .imgbox{aspect-ratio:4/3;border-bottom:1px solid var(--hairline)}
.icard-body{padding:26px 24px 30px}
.icard-body .meta{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:12px}
.icard-body h3{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.25;margin-bottom:10px}
.icard-body p{font-size:13.5px;color:var(--ink-dim);margin-bottom:16px}
.icard-body .more{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.index-note{max-width:1140px;margin:-60px auto 0;padding:0 24px 90px;font-size:12px;color:var(--ink-dim)}
@media(max-width:960px){.index-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.index-grid{grid-template-columns:1fr}}

.article-cta{background:var(--bg-2);border-top:1px solid var(--hairline);text-align:center;padding:90px 24px}
.article-cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,44px);margin-bottom:16px}
.article-cta p{color:var(--ink-dim);margin-bottom:36px}
footer{border-top:1px solid var(--hairline);padding:36px 24px;font-size:11px;letter-spacing:.06em;color:var(--ink-dim);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}