:root{--gold-bright:#e0bd72;--deep:#041512;--glass:rgba(6,25,22,.72)}
html{scroll-padding-top:92px}
body{overflow-x:hidden;background:#f5efe4}
::selection{background:var(--gold);color:var(--deep)}
.page-progress{position:fixed;z-index:100;top:0;inset-inline:0;height:3px;background:rgba(255,255,255,.08);pointer-events:none}
.page-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),#f4d998);box-shadow:0 0 18px rgba(224,189,114,.65)}
.nav{position:fixed;height:88px;transition:background .35s ease,backdrop-filter .35s ease,box-shadow .35s ease,transform .35s ease}
.nav.is-scrolled{background:rgba(3,20,17,.88);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 40px rgba(0,0,0,.16)}
.nav nav a{position:relative;transition:opacity .2s ease,color .2s ease}
.nav nav a:after{content:"";position:absolute;inset-inline:0;bottom:-10px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .25s ease}
.nav nav a:hover:after,.nav nav a.active:after{transform:scaleX(1)}
.nav-cta,.btn,.contact button{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.nav-cta:hover,.btn:hover,.contact button:hover{transform:translateY(-2px)}
.btn.primary,.contact button{box-shadow:0 13px 34px rgba(202,163,92,.18)}
.btn.primary:hover,.contact button:hover{background:var(--gold-bright);box-shadow:0 18px 42px rgba(202,163,92,.28)}
.hero{min-height:760px;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 32%,transparent 0 18%,rgba(3,17,15,.08) 52%,rgba(3,17,15,.28) 100%)}
.hero-content{max-width:800px;text-shadow:0 2px 25px rgba(0,0,0,.2)}
.hero h1{font-weight:700;text-wrap:balance}
.hero h1 em{display:inline-block;margin-top:.22em;font-weight:400}
.hero-copy{max-width:760px;text-wrap:pretty}
.hero-actions .btn{min-width:142px;text-align:center}
.proof-strip{position:relative;z-index:8;box-shadow:0 24px 70px rgba(5,24,21,.12)}
.section{position:relative}
.section h2{text-wrap:balance}
.lead{text-wrap:pretty}
.story{background:radial-gradient(circle at 10% 10%,rgba(202,163,92,.12),transparent 30%),#f5efe4}
.landmarks article,.timeline-photo,.office-gallery figure,.photo-grid figure,.complete-archive figure,.field-gallery figure{box-shadow:0 20px 55px rgba(5,24,21,.1)}
.landmarks article img,.office-gallery img,.photo-grid img,.complete-archive img,.field-gallery img{filter:saturate(.92) contrast(1.03)}
figure,.video-frame,.testimony-video,.private-camp-video,.archive-video,.field-videos article{position:relative}
figure:before,.video-frame:before,.testimony-video:before,.private-camp-video:before,.archive-video:before,.field-videos article:before{content:"";position:absolute;z-index:12;top:13px;inset-inline-end:13px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9) url('rehal-official-mark.png') center/78% auto no-repeat;box-shadow:0 6px 20px rgba(0,0,0,.18);pointer-events:none}
.showcase-slide:before{top:104px;inset-inline-end:clamp(22px,5vw,76px);width:48px;height:48px}
.timeline-photo:before{width:36px;height:36px;top:11px;inset-inline-end:11px}
.home-base{background:linear-gradient(135deg,#eee5d5 0%,#ded1b8 100%)}
.route-card{border:1px solid rgba(7,27,25,.08);box-shadow:0 24px 70px rgba(5,24,21,.08)}
.media-section{background:radial-gradient(circle at 85% 4%,rgba(202,163,92,.11),transparent 24%),linear-gradient(180deg,#071d1a,#041411)}
.experience{background:radial-gradient(circle at 12% 20%,rgba(202,163,92,.12),transparent 26%),var(--ink)}
.feature-grid article{transition:background .25s ease,transform .25s ease}
.feature-grid article:hover{background:rgba(255,255,255,.045);transform:translateY(-3px)}
.principles{background:linear-gradient(145deg,#eee5d5,#dfd2bb)}
.principles blockquote{max-width:1020px;text-wrap:balance}
.partners{background:radial-gradient(circle at 90% 25%,rgba(202,163,92,.13),transparent 28%),#f5efe4}
.contact{background:radial-gradient(circle at 18% 10%,rgba(202,163,92,.14),transparent 26%),linear-gradient(145deg,#123d36,#071d1a)}
.contact input,.contact select{border-radius:0;transition:border-color .2s ease,background .2s ease}
.contact input:focus,.contact select:focus{border-color:var(--gold);background:rgba(255,255,255,.035)}
.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.75,.2,1),transform .7s cubic-bezier(.2,.75,.2,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
figure,article{transition-delay:var(--reveal-delay,0ms)}
.showcase-controls span{direction:ltr}
.whatsapp-float{font-size:0;background:#25d366 url('rehal-official-mark.png') center/64% auto no-repeat}
.whatsapp-float:after{content:"واتساب";position:absolute;inset-inline-end:64px;white-space:nowrap;background:rgba(3,22,19,.9);color:#fff;border:1px solid rgba(255,255,255,.12);padding:8px 11px;font:600 11px "Noto Kufi Arabic",sans-serif;opacity:0;transform:translateX(6px);transition:.2s;pointer-events:none}
.whatsapp-float:hover:after{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll{opacity:1;transform:none;transition:none}.showcase-slide.active img,.showcase-progress i.playing{animation:none!important}}
@media(max-width:900px){
 .nav{height:76px;padding-inline:18px;background:linear-gradient(180deg,rgba(2,18,16,.72),transparent)}
 .nav.is-scrolled{background:rgba(3,20,17,.92)}
 .logo-brand img{width:48px!important;height:48px!important}
 .hero{min-height:720px;height:100svh;padding-top:92px}
 .hero:before{background:linear-gradient(0deg,rgba(2,15,13,.82),transparent 65%)}
 .hero h1{font-size:clamp(38px,11vw,58px)}
 .hero h1 em{line-height:1.35}
 .hero-actions{gap:9px}
 .section h2{font-size:clamp(34px,9vw,54px)}
 .proof-strip{grid-template-columns:1fr 1fr}
 .reveal-on-scroll{transform:translateY(18px)}
}
@media(max-width:520px){
 .hero-content{margin-bottom:158px}
 .hero h1{font-size:40px}
 .hero-actions{flex-direction:row}
 .hero-actions .btn{min-width:0;flex:1;padding-inline:10px}
 .showcase-slide figcaption{bottom:92px}
 .showcase-controls{bottom:28px}
 .proof-strip article{padding:20px 14px}
 .section{padding-top:72px;padding-bottom:72px}
 .whatsapp-float:after{display:none}
 figure:before,.video-frame:before,.testimony-video:before,.private-camp-video:before,.archive-video:before,.field-videos article:before{width:34px;height:34px;top:9px;inset-inline-end:9px}
 .showcase-slide:before{top:88px}
}