/* Version E · Monochrome Editorial — black, white and grey photography; Syne in huge capitals; outlined index type */
:root{
  --night:#0a0a0a;--night-2:#131313;--panel:#1b1b1b;--navy:#222;
  --gold:#f2f2f2;--gold-hi:#ffffff;--ivory:#ffffff;--text:#bcbcbc;--muted:#7c7c7c;
  --line:rgba(255,255,255,.22);--line-soft:rgba(255,255,255,.1);
  --f-display:"Syne","Arial Black",system-ui,sans-serif;
}
.display,.hx-title{font-weight:700;text-transform:uppercase;letter-spacing:-.03em;line-height:.92}
.display em,.hx-title em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}
.h-l{font-size:clamp(34px,4.6vw,76px)}
.ar-sub{color:var(--muted)}
.eyebrow::before{width:40px;background:#fff}
/* black-and-white photography throughout */
.fig img,.hero>img,.imgband>img,.panel-img>img,.gallery img,.vcard img,.e-img img,.f-card img{filter:grayscale(1) contrast(1.15) brightness(.85)!important}
.nav.solid{background:rgba(10,10,10,.9)}
.btn{background:#fff;color:#0a0a0a;border-color:#fff}
.btn::before{background:#0a0a0a}
.btn:hover{color:#fff}
.btn.ghost{background:transparent;color:#fff}
.nav .btn{background:transparent;color:#fff}
.nav .btn:hover{color:#0a0a0a}
.nav .btn::before{background:#fff}
/* stats: oversized, left aligned, no dividers */
.stats{border-top:2px solid #fff;gap:0 32px}
.stat{border-right:0;padding:28px 0 0}
.stat .num{font-family:var(--f-display);font-weight:700;font-size:clamp(38px,3.8vw,62px);letter-spacing:-.05em}
.stat .num sup,.stat .num .odp{color:#fff}
/* companies: giant outlined capitals that fill in on hover */
.clist{border-top:2px solid #fff}
.clist a{grid-template-columns:52px minmax(0,1fr) auto;padding:18px 0}
.clist strong{font-weight:700;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(24px,3.2vw,50px);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75);transition:color .4s}
.clist a:hover strong{color:#fff}
.clist a:hover{padding-left:0}
.clist .n{font-family:var(--f-en);font-style:normal;font-size:13px;letter-spacing:.2em;color:var(--muted)}
.quote p{font-family:var(--f-display);text-transform:uppercase;font-weight:700;letter-spacing:-.02em;font-size:clamp(20px,2.2vw,34px)}
.quote::before{color:#fff}
.marquee span{font-weight:700;text-transform:uppercase;letter-spacing:-.01em}
.najdi path{stroke:#fff}.najdi svg:nth-child(4) path{fill:#fff}
.progress{background:#fff}
.panel-feat .num{color:#fff}