:root{
  font-family:"Inter", system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg:#050509;
  --accent:#b1121d;
  --accentSoft:rgba(177,18,29,0.14);
  --champagne:#e7dcc6;
  --titaniumA:rgba(252,252,253,0.92);
  --titaniumB:rgba(176,176,186,0.70);
  --hairline:rgba(231,220,198,0.18);
  --carbonImage:url("/media/carbon.webp");
  --text:#f5f5f5;
  --muted:#a3a3a3;
  --border:#262637;
  --radius:18px;
  --shadow:0 18px 45px rgba(0,0,0,0.4);
  --max:1120px;
  --logoSize:60px;
}
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter: stable){ html{overflow-y:scroll} }
body{margin:0;background:radial-gradient(circle at top,#191621 0,var(--bg) 55%);color:var(--text)}
a{color:inherit;text-decoration:none}

header{
  position:sticky;top:0;z-index:50;
  isolation:isolate;
  backdrop-filter:blur(12px);
  background:linear-gradient(to bottom,rgba(5,5,9,0.92),rgba(5,5,9,0.62),transparent);
  border-bottom:1px solid rgba(255,255,255,0.06)
}

/* Carbon motif (match index.html header) */
:root{ --carbonScale: 420px; }
header::before{
  content:"";
  position:absolute; inset:0;
  background-image:var(--carbonImage);
  background-size:var(--carbonScale) var(--carbonScale);
  background-position:center;
  opacity:0.10;
  mix-blend-mode:overlay;
  pointer-events:none;
  z-index:0;
}
header > .container{position:relative;z-index:1;}

@supports not (mix-blend-mode: overlay){
  header::before{opacity:0.06;}
}
.container{max-width:var(--max);margin:0 auto;padding:0 1.5rem}
.navInner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.50rem 0}
.brand{display:inline-flex;align-items:center;gap:0.65rem}
.brandIcon{width:var(--logoSize);height:var(--logoSize);object-fit:contain;display:block}

.brandGold{
  font-family:"Cinzel", serif;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  font-size:clamp(1.05rem, 1.2vw + 0.9rem, 1.2rem);
  line-height:1;
  background:linear-gradient(135deg,
    rgba(252,252,253,0.92),
    rgba(231,220,198,0.96),
    rgba(200,183,155,0.92),
    rgba(231,220,198,0.96)
  );
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 10px 30px rgba(0,0,0,0.35);
  white-space:nowrap;
}

.navRight{display:flex;align-items:center;gap:0.65rem}
.navLinks{display:flex;align-items:center;gap:0.8rem;font-size:0.9rem}
.navLinks a{padding:0.35rem 0.65rem;border-radius:999px;color:var(--muted);transition:0.2s}
.navLinks a:hover{color:var(--text);background:rgba(255,255,255,0.05)}
.navCta{
  padding:0.45rem 0.9rem;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(231,220,198,0.95), rgba(252,252,253,0.92));
  color:#0b0b10;
  border:1px solid rgba(231,220,198,0.28);
  font-size:0.85rem;
  font-weight:800;
  box-shadow:0 18px 55px rgba(0,0,0,0.40);
}
.navCta:hover{filter:brightness(1.02) contrast(1.02);}

.langSelect{position:relative;display:inline-flex;align-items:center}
.langToggle{
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.04);
  border-radius:999px;
  padding:0.28rem 0.55rem;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:0.4rem;
  color:rgba(243,241,238,0.92);
  font-weight:600;
}
.langChevron{opacity:0.8}
.langMenu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:160px;
  border-radius:16px;
  background:rgba(5,5,9,0.96);
  border:1px solid rgba(255,255,255,0.10);
  box-shadow:var(--shadow);
  padding:0.4rem;
}
.langOption{
  width:100%;
  text-align:left;
  border:none;
  background:transparent;
  color:rgba(243,241,238,0.92);
  padding:0.65rem 0.75rem;
  border-radius:12px;
  cursor:pointer;
  font-weight:600;
}
.langOption:hover{background:rgba(255,255,255,0.06)}
.langOption[aria-current="true"]{
  background:rgba(231,220,198,0.10);
  box-shadow:inset 0 0 0 1px rgba(231,220,198,0.18);
}

.hamburger{
  display:none;width:42px;height:38px;border-radius:999px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.04);
  cursor:pointer;align-items:center;justify-content:center
}
.hamburgerLines{display:grid;gap:4px}
.hamburgerLines span{width:18px;height:2px;border-radius:999px;background:rgba(245,245,245,0.92);display:block}
.mobileMenu{
  display:none;margin:0.65rem 0 0.95rem;padding:0.85rem;
  border-radius:16px;background:rgba(5,5,9,0.92);
  border:1px solid rgba(255,255,255,0.10);box-shadow:var(--shadow)
}
.mobileMenu a{display:flex;align-items:center;justify-content:space-between;padding:0.7rem 0.75rem;border-radius:12px;color:rgba(243,241,238,0.92)}
.mobileMenu a:hover{background:rgba(255,255,255,0.05)}
.mobileMenuDivider{height:1px;background:rgba(255,255,255,0.08);margin:0.55rem 0}
.mobileMenuCta{
  display:flex;justify-content:center;padding:0.75rem 0.85rem;border-radius:14px;
  background:linear-gradient(135deg, rgba(231,220,198,0.96), rgba(231,220,198,0.82));
  border:1px solid rgba(0,0,0,0.18);
  font-weight:700;color:#0a0a0b !important;
  box-shadow:0 16px 40px rgba(0,0,0,0.35)
}

main{padding-bottom:2.2rem}
.pageWrap{padding-top:2.2rem}
.articleWrap{max-width:980px}
.eyebrow{text-transform:uppercase;letter-spacing:0.24em;font-size:0.7rem;color:var(--muted);margin-bottom:0.75rem}

.heroTitle{
  font-family:"Cormorant Garamond", serif;
  font-weight:600;
  font-size:clamp(2.1rem, 2.8vw + 1rem, 3.05rem);
  line-height:1.07;
  margin:1.0rem 0 0.45rem;
  letter-spacing:-0.01em;
}
.subtitle{
  margin:0 0 1.1rem;
  color:var(--muted);
  max-width:72ch;
  line-height:1.7;
  font-size:1.02rem;
}
.articleMeta{margin-top:0.25rem;color:var(--muted);font-size:0.92rem}

.heroMedia{margin-top:1.0rem}
.heroImg{width:100%;height:360px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,0.10)}

.card{
  background:radial-gradient(circle at top left,#151520,#050509 55%);
  border-radius:var(--radius);
  border:1px solid var(--border);
  padding:1.3rem;
  box-shadow:var(--shadow)
}

.toc{margin-top:1.35rem}
.tocTitle{font-size:0.85rem;color:rgba(243,241,238,0.88);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin:0 0 0.65rem}
.tocList{list-style:none;padding:0;margin:0;display:grid;gap:0.35rem}
.tocList a{display:flex;align-items:center;justify-content:space-between;padding:0.55rem 0.65rem;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);color:rgba(243,241,238,0.92)}
.tocList a:hover{background:rgba(255,255,255,0.06)}
.tocList span{color:var(--muted);font-size:0.86rem}

.content{margin-top:1.35rem}
.content h2{
  font-family:"Cormorant Garamond", serif;
  font-weight:600;
  font-size:1.7rem;
  margin:2.0rem 0 0.55rem;
  letter-spacing:-0.01em;
}
.content h3{
  font-size:1.05rem;
  margin:1.35rem 0 0.5rem;
  letter-spacing:0.01em;
}
.content p{margin:0 0 1rem;color:rgba(243,241,238,0.94);line-height:1.9}
.content ul{margin:0 0 1rem 1.15rem;color:rgba(243,241,238,0.94);line-height:1.85}
.content li{margin:0.35rem 0}

figure{margin:1.35rem 0}
figure img{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,0.10);display:block}
figcaption{margin-top:0.6rem;color:var(--muted);font-size:0.88rem;line-height:1.6}

.pullQuote{
  margin:1.6rem 0;
  padding:1.05rem 1.1rem;
  border-radius:18px;
  border:1px solid rgba(231,220,198,0.18);
  background:linear-gradient(180deg, rgba(231,220,198,0.08), rgba(255,255,255,0.02));
  color:rgba(243,241,238,0.94);
}
.pullQuote strong{color:rgba(252,252,253,0.92)}

.tableWrap{margin:1.25rem 0;overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,0.10)}
.tableWrap table{width:100%;border-collapse:collapse;min-width:640px;background:rgba(10,10,18,0.6)}
.tableWrap th, .tableWrap td{padding:0.85rem 0.95rem;text-align:left;border-bottom:1px solid rgba(255,255,255,0.08);vertical-align:top}
.tableWrap th{font-size:0.82rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(243,241,238,0.86);background:rgba(0,0,0,0.22)}
.tableWrap td{color:rgba(243,241,238,0.94);line-height:1.7}
.tableWrap tr:last-child td{border-bottom:none}
.tableNote{margin-top:0.55rem;color:var(--muted);font-size:0.88rem;line-height:1.6}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:1.25rem 0}
@media(max-width:900px){ .grid2{grid-template-columns:1fr} }

.gallery{margin-top:1.2rem}
.galleryGrid{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.85rem}
.galleryItem{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.02);cursor:pointer}
.galleryItem img{width:100%;height:220px;object-fit:cover;display:block;transition:transform 0.25s ease}
.galleryItem:hover img{transform:scale(1.04)}
@media(max-width:980px){ .galleryGrid{grid-template-columns:repeat(2, 1fr)} }
@media(max-width:620px){ .galleryGrid{grid-template-columns:1fr} .galleryItem img{height:240px} }

.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.78);display:none;align-items:center;justify-content:center;z-index:200;padding:1.2rem}
.lightbox.open{display:flex}
.lightboxCard{max-width:min(1080px, 96vw);max-height:min(86vh, 900px);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);background:rgba(5,5,9,0.98);box-shadow:var(--shadow)}
.lightboxImg{display:block;max-width:100%;max-height:86vh;width:auto;height:auto}
.lightboxBar{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.65rem 0.85rem;border-top:1px solid rgba(255,255,255,0.10);color:var(--muted);font-size:0.88rem}
.lightboxBtn{border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.04);color:rgba(243,241,238,0.92);border-radius:999px;padding:0.35rem 0.7rem;cursor:pointer;font-weight:700}

.ctaRow{display:flex;flex-wrap:wrap;gap:0.9rem;margin-top:1.35rem}

/* Match index.html button system */
.ctaBtn{
  border-radius:999px;
  padding:0.8rem 1.25rem;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.02);
  color:var(--muted);
  cursor:pointer;
  font-weight:800;
  font-size:0.95rem;
  display:inline-flex;
  gap:0.45rem;
  align-items:center;
  white-space:nowrap
}
.ctaBtn:hover{color:var(--text);background:rgba(255,255,255,0.04)}

.ctaBtnPrimary{
  background:linear-gradient(135deg, rgba(231,220,198,0.96), rgba(231,220,198,0.82));
  color:#07070b;
  border:1px solid rgba(0,0,0,0.18);
  box-shadow:0 18px 45px rgba(0,0,0,0.45)
}
.ctaBtnPrimary:hover{background:linear-gradient(135deg, rgba(231,220,198,0.98), rgba(231,220,198,0.86));color:#07070b}

footer{border-top:1px solid rgba(255,255,255,0.08);padding:1.5rem 0;font-size:0.78rem;color:var(--muted)}
.footerInner{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}
.footerRight{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.footerRight a{color:var(--muted)}
.footerRight a:hover{color:var(--text)}
@media (max-width: 760px){
  .navLinks{display:none}
  .hamburger{display:inline-flex}
  .container{padding:0 1rem}
  .brandIcon{width:34px;height:34px}
  .brandGold{font-size:0.90rem;letter-spacing:0.14em;}
  .footerInner{grid-template-columns:1fr;gap:10px;text-align:center}
  .footerRight{justify-content:center}
}

/* Header parity with index.html */
header{
  background:linear-gradient(to bottom, rgba(7,7,10,0.92), rgba(7,7,10,0.74), transparent);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.navInner{padding:0.55rem 0;}
.navLinks a{color:rgba(243,241,238,0.86);font-weight:500;letter-spacing:0.01em}
.navLinks a:hover{color:var(--text)}

.langToggle{
  display:inline-flex;align-items:center;gap:0.45rem;
  padding:0.5rem 0.75rem;border-radius:999px;
  border:1px solid rgba(243,241,238,0.16);
  background:rgba(243,241,238,0.03);
  color:rgba(243,241,238,0.86);
  cursor:pointer;font-size:0.85rem;letter-spacing:0.08em;
  font-weight:500;
}
.langToggle:hover{background:rgba(243,241,238,0.06)}
.langChevron{font-size:0.9rem;opacity:0.8}
.langMenu{
  min-width:190px;
  background:rgba(7,7,10,0.92);
  border:1px solid rgba(243,241,238,0.14);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:0.4rem;
  backdrop-filter:blur(10px);
}
.langOption{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:0.65rem 0.75rem;border-radius:12px;
  background:transparent;border:none;
  color:rgba(243,241,238,0.92);
  cursor:pointer;font-size:0.92rem;
  font-weight:500;
}
.langOption:hover{background:rgba(243,241,238,0.06)}
.langOption[aria-current="true"]{background:rgba(200,183,155,0.10);border:1px solid rgba(200,183,155,0.22)}

.navCta, .mobileMenuCta{
  background:linear-gradient(135deg, rgba(231,220,198,0.95), rgba(252,252,253,0.92)) !important;
  color:#0b0b10 !important;
  box-shadow:0 18px 55px rgba(0,0,0,0.40) !important;
  border:1px solid rgba(231,220,198,0.28) !important;
}
.navCta:hover, .mobileMenuCta:hover{filter:brightness(1.02) contrast(1.02);}

.hamburger{
  width:44px;height:44px !important;
  border-radius:999px !important;
  border:1px solid rgba(231,220,198,0.18) !important;
  background:rgba(7,7,10,0.35) !important;
}
.hamburger:hover{background:rgba(243,241,238,0.06)}
.hamburgerLines span{
  background:rgba(243,241,238,0.92) !important;
  height:2px !important; width:18px !important;
}

.mobileMenu{
  margin:0.85rem 0 1.2rem !important;
  padding:0.85rem !important;
  border-radius:20px !important;
  background:rgba(7,7,10,0.78) !important;
  border:1px solid rgba(231,220,198,0.14) !important;
  backdrop-filter:blur(12px) !important;
  box-shadow:0 18px 55px rgba(0,0,0,0.55) !important;
}
.mobileMenuDivider{background:rgba(231,220,198,0.10) !important;}
.mobileMenu a:not(.mobileMenuCta){color:rgba(243,241,238,0.92) !important;}