/*
 * TFR Modern Authority Skin
 * Classic-modern editorial styling with Saudi/Arabic geometric influences.
 */
:root{
  --ink:#101820;
  --ink-2:#17231f;
  --charcoal:#07110f;
  --ivory:#f7f1e4;
  --ivory-2:#fffaf0;
  --sand:#d8c092;
  --bronze:#9b762d;
  --old-gold:#c6a15b;
  --date-palm:#17352d;
  --arabic-blue:#134b5f;
  --authority-shadow:0 28px 80px rgba(7,17,15,.18);
  --hairline:1px solid rgba(16,24,32,.14);
  --max:1220px;
}

body{
  background:
    radial-gradient(circle at 12% 6%, rgba(198,161,91,.16), transparent 26rem),
    linear-gradient(180deg,#fbf6ea 0%,#f6efe0 48%,#fffaf0 100%);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.055;
  background-image:
    linear-gradient(30deg, transparent 47%, var(--ink) 48%, var(--ink) 52%, transparent 53%),
    linear-gradient(150deg, transparent 47%, var(--ink) 48%, var(--ink) 52%, transparent 53%);
  background-size:42px 42px;
  pointer-events:none;
}

h1,h2,h3,.quote-band blockquote{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-weight:600;
  letter-spacing:-.035em;
}

h1{
  text-transform:uppercase;
  font-size:clamp(3rem,7.5vw,7rem);
  line-height:.92;
}

h2{line-height:1;}
h3{font-weight:700;}

.eyebrow{
  color:var(--bronze);
  letter-spacing:.22em;
  font-weight:900;
}

.site-header{
  background:rgba(7,17,15,.88);
  color:#fff;
  border-bottom:1px solid rgba(216,192,146,.28);
  box-shadow:0 16px 44px rgba(7,17,15,.22);
}
.site-header.is-scrolled{background:rgba(7,17,15,.94)}
.brand,.nav-list a{color:#fff;}
.brand-mark{
  border-radius:0;
  background:linear-gradient(135deg,#0a1713 0%,#17352d 55%,#9b762d 100%);
  border:1px solid rgba(216,192,146,.45);
  color:#f5dfaa;
  box-shadow:none;
}
.brand-text{font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:#d9d0bf;}
.brand-text strong{color:#f2dca6;}

.nav-list a{
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}
.nav-list a:after{background:var(--old-gold);bottom:-10px;}
.primary-nav .sub-menu{
  background:rgba(11,22,19,.98);
  border:1px solid rgba(216,192,146,.28);
  border-radius:0;
  box-shadow:0 30px 70px rgba(0,0,0,.26);
}
.primary-nav .sub-menu a{color:#fff;border-radius:0;}
.primary-nav .sub-menu a:hover,.primary-nav .sub-menu a:focus{background:rgba(198,161,91,.16);color:#f4d99b;}

.hero{
  min-height:calc(100vh - 84px);
  padding:96px 0 88px;
  background:
    linear-gradient(rgba(7,17,15,.74),rgba(7,17,15,.82)),
    radial-gradient(circle at 78% 22%, rgba(198,161,91,.42), transparent 24rem),
    linear-gradient(135deg,#07110f 0%,#11251f 55%,#271f12 100%);
  color:#fff;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    repeating-linear-gradient(45deg, transparent 0 26px, rgba(216,192,146,.18) 27px 28px),
    repeating-linear-gradient(-45deg, transparent 0 26px, rgba(216,192,146,.16) 27px 28px);
  mask-image:linear-gradient(90deg,black 0%,transparent 72%);
}
.hero::after{
  content:"الرؤية • الاستدامة • القيادة";
  position:absolute;
  left:max(20px,calc((100vw - var(--max))/2));
  bottom:30px;
  font-family:"Noto Naskh Arabic",serif;
  font-size:clamp(1.25rem,3vw,2.6rem);
  color:rgba(216,192,146,.18);
  letter-spacing:.03em;
}
.hero-grid{position:relative;z-index:1;}
.hero-lead{color:#e5ded0;max-width:680px;}
.btn{border-radius:0;min-height:54px;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;}
.btn-primary{background:#fff;color:var(--charcoal);box-shadow:0 20px 45px rgba(0,0,0,.28);}
.btn-ghost{border:1px solid rgba(216,192,146,.58);background:transparent;color:#fff;}
.btn-ghost:hover{background:rgba(216,192,146,.12);}
.metric-row div{
  border-radius:0;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(216,192,146,.22);
  box-shadow:none;
  backdrop-filter:blur(10px);
}
.metric-row strong{color:#f2dca6;}
.metric-row span{color:#dad2c5;}

.portrait-frame{
  border-radius:0;
  height:640px;
  background:linear-gradient(160deg,#060e0c,#18372f 48%,#b58b40);
  border:1px solid rgba(216,192,146,.38);
  box-shadow:0 42px 90px rgba(0,0,0,.38);
}
.portrait-frame::before{
  inset:16px;
  border-radius:0;
  border:1px solid rgba(245,223,170,.42);
}
.portrait-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(7,17,15,.36));
}
.floating-note{
  border-radius:0;
  background:rgba(7,17,15,.8);
  color:#f5dfaa;
  border:1px solid rgba(216,192,146,.45);
}

.profile-section,.timeline-section,.posts-section,.focus-section{padding:104px 0;}
.profile-section{background:linear-gradient(180deg,var(--ivory-2),#f3ead9);}
.copy-card,.focus-card,.post-card,.footer-card{
  border-radius:0;
  background:rgba(255,250,240,.88);
  border:var(--hairline);
  box-shadow:0 18px 50px rgba(7,17,15,.10);
}
.copy-card{
  border-left:6px solid var(--bronze);
  font-size:1.12rem;
}

.focus-section.light{
  background:
    linear-gradient(180deg,#0b1714,#132b24),
    var(--charcoal);
  color:#fff;
}
.focus-section.light::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.09;
  background-image:radial-gradient(circle at center, transparent 0 10px, #d8c092 11px 12px, transparent 13px),linear-gradient(45deg,transparent 48%,#d8c092 49% 51%,transparent 52%);
  background-size:54px 54px;
}
.focus-section .container{position:relative;z-index:1;}
.focus-section .section-heading h2{color:#fff;}
.focus-card{
  background:rgba(255,255,255,.055);
  border-color:rgba(216,192,146,.24);
  color:#efe8dc;
}
.focus-card h3{color:#fff;}
.focus-card span{border-radius:0;background:transparent;border:1px solid rgba(216,192,146,.5);color:#f2dca6;}
.focus-card:hover{transform:translateY(-8px);background:rgba(198,161,91,.11);}

.timeline::before{background:linear-gradient(var(--bronze),rgba(155,118,45,0));}
.timeline-item b{color:var(--bronze);font-family:"Cormorant Garamond",serif;font-size:1.75rem;}
.timeline-item p{border-radius:0;background:#fffaf0;border-left:4px solid rgba(155,118,45,.55);}

.quote-band{
  background:
    linear-gradient(rgba(7,17,15,.88),rgba(7,17,15,.9)),
    radial-gradient(circle at 80% 10%,rgba(198,161,91,.35),transparent 22rem),
    #07110f;
  border-block:1px solid rgba(216,192,146,.32);
}
.quote-band blockquote{color:#fff;}
.quote-band blockquote::before{
  content:"“";
  color:var(--old-gold);
}

.post-card{background:#fffaf0;}
.post-card time{color:var(--bronze);}
.post-card h2,.post-card h3{font-size:1.65rem;}
.post-thumb{border-bottom:4px solid var(--bronze);}
.post-thumb img{filter:saturate(.92) contrast(1.04);}

.archive-hero{
  background:linear-gradient(135deg,#07110f,#17352d);
  color:#fff;
  border-bottom:1px solid rgba(216,192,146,.32);
}
.single-wrap{
  background:rgba(255,250,240,.76);
  border-inline:1px solid rgba(16,24,32,.08);
}
.entry-content{font-size:1.08rem;}
.entry-content a{color:#7b5d21;}

.site-footer{
  background:#07110f;
  border-top:1px solid rgba(216,192,146,.28);
}
.footer-card{background:rgba(255,255,255,.055);border-color:rgba(216,192,146,.22);}

.tfr-ngg-item,.entry-content img.alignleft,.entry-content img.size-medium{
  border-radius:0!important;
  border:1px solid rgba(216,192,146,.28)!important;
}
.tfr-ngg-item span{border-radius:0;background:rgba(7,17,15,.78);}

@media(max-width:1000px){
  .hero{min-height:auto;}
  .portrait-frame{height:540px;}
}
@media(max-width:760px){
  .site-header{background:rgba(7,17,15,.96);}
  .primary-nav{border-radius:0;background:#07110f;border:1px solid rgba(216,192,146,.32);}
  .hero{padding:64px 0 74px;}
  h1{font-size:clamp(2.85rem,14vw,4.8rem);}
  .portrait-frame{height:460px;}
  .metric-row{gap:10px;}
  .profile-section,.timeline-section,.posts-section,.focus-section{padding:72px 0;}
}