
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:#111111;color:#f2f2f2;font-family:'Courier New', Courier, monospace;line-height:1.5;
  overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.bz-ticker{border-bottom:3px solid #f2f2f2;background:#9b5cff;color:#ffffff;
  overflow:hidden;white-space:nowrap}
.bz-ticker-run{display:inline-flex;animation:bzmar 22s linear infinite}
.bz-ticker-run span{display:inline-block;padding:.5rem 0;font-weight:700;
  letter-spacing:.1em;font-size:.85rem}
@keyframes bzmar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bz-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  gap:.5rem;padding:1rem 5vw;border-bottom:3px solid #f2f2f2}
.bz-brand{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-weight:800;font-size:1.4rem;text-transform:uppercase;
  text-decoration:none}
.bz-nav nav a{margin-left:1rem;font-size:.85rem;font-weight:700;text-decoration:underline;
  text-underline-offset:3px}
.bz-nav nav a:hover{background:#9b5cff;color:#ffffff;text-decoration:none}
section{padding:clamp(2.5rem,6vw,4.5rem) 5vw;border-bottom:3px solid #f2f2f2}
.bz-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;
  border:2px solid #f2f2f2;padding:.25rem .6rem;margin-bottom:1.4rem;cursor:pointer;
  user-select:none}
.bz-label.bz-flip{background:#9b5cff;color:#ffffff;border-color:#9b5cff}
h1{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-weight:800;line-height:.9;letter-spacing:-.01em;
  font-size:clamp(2.6rem,11vw,7rem);text-transform:uppercase;word-break:break-word}
h2{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-weight:800;font-size:clamp(1.6rem,5vw,2.8rem);
  text-transform:uppercase;line-height:1;margin-bottom:1rem}
.bz-hero-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
  gap:1.5rem;margin-top:2rem;border-top:3px solid #f2f2f2;padding-top:1.4rem}
.bz-sub{max-width:44ch;font-size:1.05rem}
.bz-btn{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-weight:800;font-size:1rem;text-transform:uppercase;
  text-decoration:none;padding:.8rem 1.6rem;background:#9b5cff;color:#ffffff;
  border:3px solid #f2f2f2;box-shadow:6px 6px 0 #f2f2f2;transition:.12s;
  display:inline-block;white-space:nowrap}
.bz-btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #f2f2f2}
.bz-about-box{border:3px solid #f2f2f2;padding:2rem;box-shadow:8px 8px 0 #9b5cff}
.bz-about-box p{font-size:1.1rem;max-width:66ch}
.bz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;
  border-top:3px solid #f2f2f2;border-left:3px solid #f2f2f2}
.bz-cell{border-right:3px solid #f2f2f2;border-bottom:3px solid #f2f2f2;
  padding:1.6rem;transition:.12s}
.bz-cell:hover{background:#9b5cff;color:#ffffff}
.bz-idx{font-weight:800;font-size:.9rem}
.bz-cell h3{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-size:1.1rem;margin:.4rem 0;letter-spacing:.02em}
.bz-cell p{font-size:.92rem}
.bz-cell:hover .bz-idx{color:#ffffff}
.bz-figs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.bz-fig{margin:0;border:3px solid #f2f2f2;box-shadow:6px 6px 0 #f2f2f2;
  background:#f2f2f2}
.bz-fig img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(.25) contrast(1.05);
  display:block}
.bz-fig figcaption{font-size:.72rem;font-weight:700;padding:.4rem .6rem;background:#f2f2f2;
  color:#111111;letter-spacing:.08em}
.bz-q-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;
  border-top:3px solid #f2f2f2;border-left:3px solid #f2f2f2}
.bz-q{margin:0;border-right:3px solid #f2f2f2;border-bottom:3px solid #f2f2f2;
  padding:1.6rem}
.bz-q p{font-size:1.05rem;margin-bottom:.6rem}
.bz-q cite{font-weight:700;font-style:normal;font-size:.85rem}
.bz-contact-box{border:3px solid #f2f2f2;padding:2rem;box-shadow:8px 8px 0 #9b5cff}
.bz-contact-box p{margin-bottom:1.2rem;font-size:1.05rem}
.bz-lines{list-style:none;margin-bottom:1.4rem}
.bz-lines li{padding:.5rem 0;border-bottom:2px dashed rgba(242,242,242,0.62);font-weight:700;
  font-size:.95rem}
.bz-foot{padding:1.6rem 5vw;font-size:.78rem;font-weight:700;letter-spacing:.06em;
  background:#9b5cff;color:#ffffff;border:0}
@media(max-width:760px){
  .bz-figs{grid-template-columns:1fr 1fr}
  .bz-nav nav a{margin:0 .5rem 0 0}
}
@media(prefers-reduced-motion:reduce){
  .bz-ticker-run{animation:none}.bz-btn{transition:none}
}


.xq{box-sizing:border-box;font-family:'Trebuchet MS', Tahoma, sans-serif;color:#f0f0f0;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#9b5cff;margin-bottom:10px;font-weight:700}

.xq-stats{background:rgba(240,240,240,0.05);border-top:1px solid rgba(240,240,240,0.14);border-bottom:1px solid rgba(240,240,240,0.14)}
.xq-statrow{display:flex;flex-wrap:wrap;gap:14px}
.xq-stat{flex:1 1 140px;background:#161619;border:1px solid rgba(240,240,240,0.14);border-radius:0px;padding:20px 18px;text-align:center}
.xq-stat dt{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-size:2rem;color:#9b5cff;font-weight:800}
.xq-stat dd{margin-top:6px;font-size:.85rem;color:#7c7c86}


.xq-tl-list{list-style:none;padding:0;margin-top:24px;position:relative;border-left:2px solid rgba(240,240,240,0.14)}
.xq-tl-item{position:relative;padding:0 0 26px 26px}
.xq-tl-item::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#9b5cff;box-shadow:0 0 0 4px rgba(240,240,240,0.05)}
.xq-tl-item time{font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;font-weight:800;color:#9b5cff;display:block;margin-bottom:4px}
.xq-tl-item p{color:#7c7c86;max-width:58ch}


/* =====================================================
   DESIGN DNA: luxe-noir
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:none;background:none;border-left:1px solid rgba(155,92,255,.55);border-right:1px solid rgba(155,92,255,.55);margin:0 16px}
h1,h2,h3{font-family:Garamond, 'EB Garamond', 'Times New Roman', serif !important;text-transform:uppercase !important;letter-spacing:.3em !important;font-weight:500 !important}
h2::after{content:'';display:block;width:3.2rem;height:1px;background:#9b5cff;margin-top:.7rem}
img{filter:grayscale(.35) contrast(1.06);border-radius:0 !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;letter-spacing:.28em;text-transform:uppercase;font-size:.78em;border:1px solid #9b5cff !important;box-shadow:none !important}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border-radius:0 !important;border:1px solid rgba(155,92,255,.4) !important;box-shadow:none !important}
