:root{--ink:#0B0B0D;--navy:#0B111D;--panel:rgba(18,20,26,.72);--gold:#C9A45C;--gold-2:#D8B775;--cream:#F1E9D8;--text:#CBC2B1;--muted:#978F7F;--line:rgba(201,164,92,.26);--line-soft:rgba(201,164,92,.12);--display:'Cinzel','Trajan Pro',Georgia,serif;--serif:'Cormorant Garamond','EB Garamond',Garamond,Georgia,serif;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--serif);font-size:clamp(20px,1.3vw,22px);line-height:1.6;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold-2);text-decoration:none}a:hover{color:var(--cream)}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;color:var(--cream);text-wrap:balance;margin:0}
.wrap{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px),4vw);padding-right:max(16px,env(safe-area-inset-right,0px),4vw)}
.bar{border-bottom:1px solid var(--line-soft);background:rgba(11,11,13,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top,0px)}
.bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;font-family:var(--display);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase}
.bar .brand{display:flex;align-items:center;gap:12px;color:var(--cream)}.bar .brand img{width:34px;height:34px;object-fit:contain}
.bar nav{display:flex;gap:22px}
@media(max-width:560px){.bar .brand span{display:none}}
.eyebrow{font-family:var(--display);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.hero{padding:clamp(60px,9vw,120px) 0 clamp(30px,4vw,50px);border-bottom:1px solid var(--line-soft);background:radial-gradient(ellipse at 20% 0,rgba(201,164,92,.1),transparent 60%)}
.hero h1{font-size:clamp(28px,4.4vw,60px);letter-spacing:.04em;line-height:1.12;margin:18px 0 22px;max-width:22ch}
.meta{display:flex;flex-wrap:wrap;gap:8px 26px;font-family:var(--display);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.meta b{color:var(--gold-2);font-weight:500}
.art{max-width:72ch;margin:0 auto;padding:clamp(36px,5vw,70px) 0;overflow-wrap:anywhere}
.art p{margin:0 0 1.15em}
.art h2{font-size:clamp(22px,2.2vw,32px);letter-spacing:.06em;margin:2em 0 .7em;color:var(--cream)}
.art h3{font-size:clamp(17px,1.5vw,22px);letter-spacing:.08em;margin:1.8em 0 .6em;color:var(--gold-2)}
.art h4{font-size:16px;letter-spacing:.08em;margin:1.5em 0 .5em;color:var(--gold-2)}
.art strong,.art b{color:var(--cream);font-weight:600}
.art ul,.art ol{margin:0 0 1.2em;padding-left:1.3em}.art li{margin:.35em 0}
.art blockquote{margin:1.6em 0;padding:.4em 0 .4em 1.4em;border-left:2px solid var(--gold);color:var(--cream);font-size:1.08em}
.art blockquote p{margin:0 0 .6em}
.art hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}
.art figure{margin:1.8em 0;position:relative}.art img{border:1px solid var(--line);margin:1.6em auto}
.art .tw{overflow-x:auto;margin:1.6em 0;border:1px solid var(--line)}
.art table{border-collapse:collapse;width:100%;min-width:520px;font-size:.92em}
.art td,.art th{border:1px solid var(--line-soft);padding:10px 14px;vertical-align:top;text-align:left}
.art tr:first-child td,.art th{background:rgba(201,164,92,.08);color:var(--cream)}
.art .lead{font-size:1.18em;color:var(--cream)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:30px 0 70px;border-top:1px solid var(--line-soft)}
.pn a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);background:var(--panel);padding:20px 22px;position:relative;transition:border-color .3s,transform .3s}
.pn a:hover{border-color:var(--gold);transform:translateY(-2px)}
.pn a:last-child{text-align:right}.pn a:only-child{grid-column:1/-1}
.pn small{font-family:var(--display);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.pn span{color:var(--cream);font-size:20px;line-height:1.25}
@media(max-width:640px){.pn{grid-template-columns:1fr}.pn a:last-child{text-align:left}}
footer{border-top:1px solid var(--line-soft);padding:34px 0 calc(34px + env(safe-area-inset-bottom,0px));font-family:var(--display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px}
.note{font-size:17px;color:var(--muted);border:1px solid var(--line-soft);padding:12px 16px;margin-top:26px}
/* index */
.tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:34px 0 10px}
.tools input{flex:1 1 260px;background:var(--panel);border:1px solid var(--line);color:var(--cream);font:inherit;padding:13px 16px}
.tools input::placeholder{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{background:none;border:1px solid var(--line);padding:9px 14px;font-family:var(--display);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);cursor:pointer}
.chips button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.list{padding:20px 0 80px}
.yr{font-family:var(--display);font-size:clamp(46px,6vw,90px);line-height:1;color:transparent;-webkit-text-stroke:1.3px var(--gold-2);margin:48px 0 10px}
.row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 30px;padding:24px 0;border-top:1px solid var(--line);transition:background .3s,padding .3s}
.row:hover{background:linear-gradient(90deg,rgba(201,164,92,.08),transparent);padding-left:12px}
.row time{font-family:var(--display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding-top:8px}
.row h2{font-family:var(--serif);font-size:clamp(24px,2.2vw,32px);letter-spacing:0;font-weight:600;line-height:1.2;color:var(--cream)}
.row p{margin:8px 0 0;color:var(--text);font-size:19px}
.row small{display:block;margin-top:8px;font-family:var(--display);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.row[hidden]{display:none}
@media(max-width:640px){.row{grid-template-columns:1fr}.row time{padding-top:0}}
.none{display:none;padding:40px 0;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.bar .brand img.bl{width:auto;height:44px}.bar .brand span{display:none}