/* FORGIA tokens + reset + base typography */
:root{
  --charcoal:#2D2D2F; --charcoal2:#232326; --charcoal3:#1B1B1E;
  --ivory:#E8E5DF; --ivory2:#DCD8D0;
  --gray:#767676; --graysoft:#A9A9A9; --line:rgba(118,118,118,.30);
  --bronze:#8B6946; --bronze2:#A9855C;
  --fd:'Orbitron','Cairo',sans-serif; --fb:'Manrope','IBM Plex Sans Arabic',sans-serif;
  --wrap:min(1440px,100% - clamp(2.5rem,6vw,6rem));
  --sec:clamp(4.5rem,9vw,8.5rem);
  --ease:cubic-bezier(.22,.61,.21,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--charcoal);color:var(--ivory);font-size:1.05rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--bronze);color:#fff}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:-4rem;inset-inline-start:1rem;z-index:200;background:var(--bronze);color:#fff;padding:.6rem 1.1rem}
.skip:focus{top:1rem}
h1,h2,h3,.display{font-family:var(--fd);font-weight:800;text-transform:uppercase;line-height:1.05;letter-spacing:.01em}
.lang-ar h1,.lang-ar h2,.lang-ar h3,.lang-ar .display{font-family:'Cairo','Orbitron',sans-serif}
.lang-ar body,.lang-ar{font-family:'IBM Plex Sans Arabic','Manrope',sans-serif}
.h-hero{font-size:clamp(2.9rem,9vw,7.25rem)}
.h-1{font-size:clamp(2.3rem,6vw,4.5rem)}
.h-2{font-size:clamp(1.8rem,4.4vw,3.1rem)}
.h-3{font-size:clamp(1.15rem,2.4vw,1.6rem)}
.eyebrow{display:flex;align-items:center;gap:.9rem;font-size:.76rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--bronze);margin-bottom:1.3rem}
.eyebrow::before{content:"";width:2.6rem;height:1px;background:var(--bronze);flex:none}
.lede{font-size:clamp(1.02rem,1.6vw,1.28rem);line-height:1.75;max-width:44rem}
.meta{font-size:.8rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gray)}
.code{font-family:var(--fd);font-weight:800;letter-spacing:.06em;color:var(--bronze);font-size:.92rem}
.wrap{width:var(--wrap);margin-inline:auto}
.section{padding-block:var(--sec);position:relative}
.theme-dark{background:var(--charcoal);color:var(--ivory)}
.theme-ink{background:var(--charcoal3);color:var(--ivory)}
.theme-light{background:var(--ivory);color:var(--charcoal)}
.theme-light .meta{color:#8b8b8b}