/* Article pages: same tokens as the Design Component pages (see README design tokens). */
*{box-sizing:border-box}
body{margin:0;background:#0A0907;color:#E9E3D4;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#D9B654}
::selection{background:#C9A13B;color:#0A0907}

.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}


main{max-width:1320px;margin:0 auto;padding:clamp(150px,18vw,220px) clamp(20px,4vw,48px) clamp(72px,9vw,120px)}
article{max-width:760px}
.back{display:inline-block;font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8F887A;margin-bottom:48px}
.meta{display:flex;gap:16px;flex-wrap:wrap;font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}
.meta .cat{color:#C9A13B}
.meta .date{color:#8F887A}
h1{margin:0 0 48px;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.02em;color:#F2ECDD;text-wrap:balance}
.hero-img{margin:0 0 56px}
.hero-img img{display:block;max-width:100%;height:auto}

.body{font-size:clamp(17px,1.3vw,19px);line-height:1.75;color:#C9C2B2}
.body p{margin:0 0 1.4em;text-wrap:pretty}
.body strong{color:#F2ECDD;font-weight:600}
.body a{color:#D9B654;border-bottom:1px solid rgba(201,161,59,.4)}
.body h2{margin:2.2em 0 .7em;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.15;color:#F2ECDD}
.body .lead{color:#F2ECDD;font-weight:600}
.body ul{margin:0 0 1.4em;padding:0;list-style:none;border-left:1px solid rgba(201,161,59,.35)}
.body li{padding:.35em 0 .35em 1.2em}
.body .dateline{margin-top:2.4em;padding-top:20px;border-top:1px solid rgba(233,227,212,.1);font-weight:500;font-size:12px;letter-spacing:.2em;color:#8F887A}

.site-footer{border-top:1px solid rgba(233,227,212,.08);max-width:1320px;margin:0 auto;padding:clamp(72px,9vw,120px) clamp(20px,4vw,48px) 40px;display:flex;flex-direction:column;gap:72px}
.members-only{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;font-family:'Instrument Serif',serif;font-size:clamp(56px,11vw,180px);line-height:.9;letter-spacing:-.03em;color:#F2ECDD}
.members-only .enter{font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#C9A13B;padding-bottom:.6em;white-space:nowrap}
.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(233,227,212,.1);font-weight:500;font-size:12px;letter-spacing:.08em;color:#8F887A}
.footer-row div{display:flex;gap:24px;flex-wrap:wrap}

/* Site header: inline nav on desktop, logo + menu button with a full-screen panel on mobile */
.bbc-h{position:fixed;top:0;left:0;right:0;z-index:40;padding:20px clamp(20px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#0A0907,rgba(10,9,7,0))}
.bbc-logo{display:flex;align-items:center;position:relative;z-index:2}
.bbc-logo img{height:40px;width:auto;display:block}
.bbc-nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#A39C8C}
.bbc-nav .is-current,.bbc-panel .is-current{color:#D9B654}
.bbc-members{padding:9px 14px;border:1px solid rgba(201,161,59,.5);color:#D9B654;white-space:nowrap;transition:background .3s,color .3s}
.bbc-members:hover{background:#C9A13B;color:#0A0907}
.bbc-m{display:none}
.bbc-m summary{list-style:none;position:relative;z-index:2;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;cursor:pointer}
.bbc-m summary::-webkit-details-marker{display:none}
.bbc-m summary span{display:block;height:1px;background:#D9B654;transition:transform .35s,width .35s}
.bbc-m summary span:first-child{width:26px}
.bbc-m summary span:last-child{width:18px}
.bbc-m[open] summary span:first-child{width:24px;transform:translateY(4px) rotate(45deg)}
.bbc-m[open] summary span:last-child{width:24px;transform:translateY(-4px) rotate(-45deg)}
.bbc-panel{position:fixed;inset:0;z-index:1;background:#0A0907;padding:120px clamp(20px,6vw,48px) 40px;display:flex;flex-direction:column;justify-content:space-between;animation:bbcmenu .35s ease}
.bbc-panel nav{display:flex;flex-direction:column;gap:6px;font-family:'Instrument Serif',serif;font-size:clamp(40px,12vw,56px);line-height:1.15;letter-spacing:-.01em;color:#F2ECDD}
.bbc-panel .bbc-members{align-self:flex-start;margin-top:28px;font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;line-height:1;padding:14px 18px}
.bbc-panel-foot{font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#7D7667}
@keyframes bbcmenu{from{opacity:0}to{opacity:1}}
@media (max-width:760px){.bbc-nav{display:none}.bbc-m{display:block}}