/* Version C · Najdi Clay — sun-baked clay walls, terracotta and palm green; Fraunces; triangle motifs and notched images */
:root{
  --night:#ebdfcc;--night-2:#e1d2ba;--panel:#d6c3a6;--navy:#2f4a3c;
  --gold:#a5532c;--gold-hi:#8a4220;--ivory:#2a2016;--text:#4e3f30;--muted:#86705a;
  --line:rgba(42,32,22,.18);--line-soft:rgba(42,32,22,.1);
  --nav-bg:rgba(235,223,204,.92);
  --f-display:"Fraunces",Georgia,serif;
}
.display,.hx-title{font-weight:400;letter-spacing:-.02em;font-variation-settings:"SOFT" 50,"WONK" 1}
.display em,.hx-title em{color:var(--gold)}
.eyebrow{color:var(--navy)}
.eyebrow::before{width:0;height:0;background:none;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid var(--gold)}
.intro-c .eyebrow::after{width:0;height:0;background:none;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid var(--gold)}
/* notched corners cut like the Araqa facade */
.fig{clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,36px 100%,0 calc(100% - 36px))}
.btn{background:var(--gold);color:#f6ede0;border-color:var(--gold)}
.btn::before{background:var(--navy)}
.btn:hover{color:#f6ede0}
.btn.ghost{background:transparent;color:var(--ivory)}
/* sawtooth band between sections */
.band+.band::before,.band.tight::before{content:"";display:block!important;position:absolute;left:0;right:0;top:0;height:12px;background:linear-gradient(135deg,var(--night-2) 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(225deg,var(--night-2) 25%,transparent 25%) -6px 0/12px 12px;opacity:.9}
/* stats under triangle crowns */
.stats{border-top:0;gap:24px}
.stat{border-right:0;padding:44px 0 0;position:relative}
.stat::before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:22px solid var(--gold)}
.stat .num{color:var(--navy)}
/* companies: staggered rows with triangle markers */
.clist{border-top:2px solid var(--ivory)}
.clist li:nth-child(even) a{padding-left:clamp(0px,6vw,96px)}
.clist .n{font-style:normal;color:var(--gold)}
.clist .n::before{content:"▲ ";font-size:12px;vertical-align:middle}
.clist a:hover strong{color:var(--gold)}
.tl::before{border-radius:0;width:0;height:0;background:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--gold);top:-10px}
.dark,.deep{background:var(--night-2)}
footer.site{background:#2a2016;--ivory:#f1e6d6;--muted:#bba78f;--gold-hi:#e0a27c;--line-soft:rgba(241,230,214,.12);color:#bba78f}
footer.site .f-grid img{content:url(logo-white.svg)}
.nav .btn,.nav.solid .btn,.nav .btn:hover{color:#f6ede0}
.nav:not(.solid) .nav-links a[aria-current="page"],.nav:not(.solid) .nav-links a:hover{color:#f4efe6}
@media (max-width:700px){.clist li:nth-child(even) a{padding-left:0}.clist a{grid-template-columns:56px minmax(0,1fr)}.clist a>span:last-child{display:none}}