/* Shared look for the home and consultation pages, taken from the books page. Loads after each page's own styles. */
:root{
  --bg:#F7F4EE;--bg-2:#EDE7DB;--card:#FFFFFF;--line:#D6D0C4;--line-2:#C9A26A;
  --text:#14181F;--muted:#5C5A55;--gold:#E09F3E;--gold-2:#9A5B0B;--gold-3:#6E4006;--cream:#EDE7DB;
  --grad:linear-gradient(#9A5B0B,#9A5B0B);--ok:#2F6B3C;--err:#B3402E;
  --display:"Noto Kufi Arabic","IBM Plex Sans Arabic",sans-serif;--body:"IBM Plex Sans Arabic","Noto Kufi Arabic",sans-serif;
}
body{background:var(--bg);color:var(--text)}
body::after,.glow,.offer .orb,.hero::after{display:none}
::selection{background:var(--gold);color:#14181F}
.gold{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--gold-2);animation:none}
.eyebrow{color:var(--gold-2)}.eyebrow::before{background:var(--gold)}

/* square corners and flat buttons, like the books page */
.btn,.card,.offer,.social,.soc .ic,.stats,.about-photo,.callout,.chips span,.offer .for,.burger,.svc,.ribbon,.svc .ic,.facts,.help,.wa-btn,.chip,.day,.time,.empty-t,.f input,.f textarea,.mt,.mt .lg,.pay-box,.copy,.drop,.done .sum,.toast,.x,.method,.modal video,.modal .x{border-radius:0}
.btn-gold{background:var(--gold);color:#14181F;box-shadow:none}
.btn-gold::before{display:none}
.btn-gold:hover{background:#14181F;color:#F4F1EA;box-shadow:none;transform:none}
.btn-ghost{background:#FFFFFF;border:2px solid #14181F;color:#14181F}
.btn-ghost:hover{background:#14181F;color:#F4F1EA;border-color:#14181F}
.btn[disabled]{background:#D6D0C4;color:#5C5A55;opacity:1}

/* nav */
.nav,.nav.scrolled{background:rgba(247,244,238,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{color:var(--text)}.logo b{color:var(--gold-2)}
.menu,.nav-links{color:#2B2A27}
.menu a:hover,.nav-links a:hover{color:var(--gold-2)}
.burger{border-color:#14181F}.burger span{background:#14181F}

/* preloader */
.loader{background:#14181F;color:#F4F1EA}
.loader .bar{background:rgba(244,241,234,.2)}
.loader .gold{color:var(--gold)}

/* home hero */
.hero-img{filter:contrast(1.04)}
.hero h1{font-weight:900;letter-spacing:0}
.hero h1 .line{padding-bottom:.32em}
.hero-sub p{color:#2B2A27}.hero-sub p strong{color:#14181F;font-weight:700}
.scroll-hint{display:none}
@media (min-width:981px){
  .hero::before{background:linear-gradient(90deg,#F7F4EE 0%,rgba(247,244,238,.96) 38%,rgba(247,244,238,.2) 62%,transparent 72%),linear-gradient(180deg,transparent 80%,#F7F4EE 100%)}
}
@media (max-width:980px){
  .hero::before{background:linear-gradient(180deg,transparent 0%,transparent 26%,rgba(247,244,238,.94) 44%,#F7F4EE 52%)}
  .hero-img{background-size:auto 50%}
}

/* home sections */
.marquee{background:#14181F;border:0}
.marquee span{color:#F4F1EA}
.marquee span:nth-child(odd){color:var(--gold);-webkit-text-stroke:0}
.about-text p{color:#2B2A27}.about-text p:first-of-type{color:#14181F;font-weight:500}
.about-photo{background:#EDE7DB}
.about-photo .ph{filter:grayscale(1) contrast(1.05)}
.about-photo:hover .ph{filter:grayscale(1) contrast(1.05)}
.about-photo .badge{color:var(--gold)}.about-photo .badge b{color:#FFFFFF}
.stats{background:#FFFFFF}
.stat::before{background:var(--gold)}
.quote .mark{color:var(--gold);opacity:.8}
.card{box-shadow:0 12px 28px rgba(20,24,31,.06)}
.card::before,.svc::before{display:none}
.card:hover{transform:none;border-color:var(--gold)}
.card .big{-webkit-text-stroke:0;color:#EDE7DB}
.card:hover .big{color:#F3D9AE;transform:none}
.chips span{color:#2B2A27;background:#F7F4EE}
.card:hover .chips span{color:#14181F;border-color:var(--gold)}
.method{background:var(--bg-2);color:#14181F}
.method .gold{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--gold-2)}
.method .eyebrow{color:var(--gold-2)}.method .eyebrow::before{background:var(--gold)}
.method .sec-num,.method .lead{color:var(--muted)}
.callout{background:#14181F;color:#F4F1EA}
.callout .ico{color:#14181F}.callout p{color:#B9B3A6}
.steps .track i{background:var(--gold)}
.step .dot{background:#F7F4EE;border-color:#14181F}
.step:hover .dot{background:#14181F;color:var(--gold)}
.offer{background:#FFFFFF;border:1px solid var(--line);box-shadow:0 12px 28px rgba(20,24,31,.06)}
.offer::before{display:none}
.offer:hover{transform:none;border-color:var(--gold)}
.offer .for{background:#FFF3D6;color:#6E4006;border-color:var(--gold)}
.social{background:var(--line)}
.soc{background:#FFFFFF}.soc:hover{background:#FFF6E3}
.soc .ic{border-color:var(--line);color:#14181F}
.soc:hover .ic{transform:none}
.final{background:#14181F;color:#F4F1EA}
.final .gold{color:var(--gold)}
.final p{color:#B9B3A6}
.final .btn-gold:hover{background:#F4F1EA;color:#14181F}
.giant{-webkit-text-stroke:1px rgba(244,241,234,.14)}
footer{background:#F7F4EE}
@media (max-width:980px){
  .menu{background:rgba(247,244,238,.98)}
}

/* consultation page */
.hero p{color:#2B2A27}
.fact{background:#FFFFFF}
.svc{background:#FFFFFF;box-shadow:0 12px 28px rgba(20,24,31,.06)}
.svc:hover{transform:none;border-color:var(--gold)}
.svc.featured{background:#FFF6E3;border:2px solid var(--gold)}
.svc.featured::after{display:none}
.svc:hover .ic{transform:none;color:#14181F}
.svc.featured .btn{background:var(--gold);color:#14181F;border-color:var(--gold)}
.ribbon{color:#14181F}
.how-step::before{color:var(--gold-2);-webkit-text-stroke:0}
.help{background:#FFFFFF;border:1px solid var(--line)}
.flow{background:rgba(20,24,31,.6)}
.chip{background:#FFF6E3;border-color:var(--gold)}
.day,.time{background:#FFFFFF}
.day.sel,.time.sel{background:var(--gold);border-color:var(--gold);color:#14181F}
.f label{color:#2B2A27}
.f input,.f textarea{background:#FFFFFF;color:#14181F}
.mt.on{background:#FFF6E3}
.copy:hover{background:#14181F;color:#F4F1EA}
.drop{border-color:var(--line)}
.drop:hover{background:#FFF6E3}
.done p{color:#2B2A27}
.done .ref{color:var(--gold-2)}
.toast{background:#14181F;color:#F4F1EA;border-color:#14181F}
.x:hover{color:var(--gold-2)}

/* consultation page: premium layout */
.book-page .hero{background:#14181F;color:#F4F1EA;padding:132px 0 0}
.book-page .hero::before{display:none}
.book-page .hero .wrap:first-child{grid-template-columns:1.25fr .75fr;align-items:end;gap:56px}
.book-page .hero .eyebrow{color:var(--gold)}
.book-page .hero h1{font-size:clamp(42px,5.4vw,78px);line-height:1.3;margin-top:20px}
.book-page .hero .gold{color:var(--gold)}
.book-page .hero p{color:#B9B3A6;margin-top:20px;padding-bottom:0}
.book-page .hero-go{margin:32px 0 64px}
.book-page .hero-go:hover{background:#F4F1EA;color:#14181F}
.book-page .hero-photo{align-self:end;position:relative;height:100%;min-height:420px;max-height:560px}
.book-page .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#14181F 0%,transparent 28%),linear-gradient(0deg,#14181F 0%,transparent 22%)}
.book-page .hero-photo img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:88% 20%;filter:grayscale(1) contrast(1.05);mix-blend-mode:lighten}
.book-page .facts-wrap{display:block}
.book-page .facts{grid-template-columns:repeat(4,1fr);background:rgba(244,241,234,.14);border:0;border-top:1px solid rgba(244,241,234,.14);margin-top:0}
.book-page .fact{background:#14181F;padding:26px 20px}
.book-page .fact b{font-family:var(--display);font-size:27px;color:var(--gold)}
.book-page .fact small{color:#F4F1EA}
.book-page .fact span{color:#B9B3A6}
.book-page #services{padding-top:clamp(70px,8vw,110px)}
.book-page .svc-head{text-align:center;margin-bottom:52px}
.book-page .svc-head .eyebrow{justify-content:center}
.book-page .svc-head h2{margin-top:18px;font-size:clamp(30px,3.8vw,50px)}
.book-page .services{align-items:stretch;gap:22px;padding-bottom:48px}
.book-page .svc{border-top:3px solid #14181F;padding:36px 30px 30px;min-height:500px}
.book-page .svc:hover{box-shadow:0 24px 50px rgba(20,24,31,.13)}
.book-page .svc .ic{border:0;background:#FFF3D6;width:54px;height:54px;margin:22px 0 18px;color:#6E4006}
.book-page .svc .aud{color:var(--gold-2);font-weight:500}
.book-page .svc .price{font-family:var(--display);font-weight:900}
.book-page .svc .btn{background:#FFFFFF;border:2px solid #14181F;color:#14181F}
.book-page .svc .btn:hover{background:#14181F;color:#F4F1EA}
.book-page .svc.featured{background:#14181F;border:0;border-top:3px solid var(--gold);color:#F4F1EA;transform:translateY(-14px);box-shadow:0 30px 60px rgba(20,24,31,.28)}
.book-page .svc.featured:hover{transform:translateY(-14px)}
.book-page .svc.featured .num,.book-page .svc.featured p,.book-page .svc.featured .dur,.book-page .svc.featured .price small{color:#B9B3A6}
.book-page .svc.featured .aud{color:var(--gold)}
.book-page .svc.featured .foot{border-color:rgba(244,241,234,.16)}
.book-page .svc.featured .ic{background:rgba(224,159,62,.16);color:var(--gold)}
.book-page .svc.featured .btn{background:var(--gold);border-color:var(--gold);color:#14181F}
.book-page .svc.featured .btn:hover{background:#F4F1EA;border-color:#F4F1EA;color:#14181F}
.book-page .ribbon{top:22px;left:22px;background:var(--gold)}
.book-page .svc.featured .num{visibility:hidden}
.book-page .help{background:#EDE7DB;border:0;padding:26px 30px;margin-bottom:clamp(70px,8vw,110px)}
.book-page .how{background:#EDE7DB;border:0}
.book-page .how-step{border-top:2px solid #14181F}
.book-page .how-step::before{font-family:var(--display);font-weight:900;color:var(--gold-2)}
.book-page .faq details{background:#FFFFFF;border:1px solid var(--line);padding:18px 22px;margin-bottom:10px}
.book-page .faq summary::after{color:var(--gold-2)}
@media (max-width:980px){
  .book-page .hero{padding-top:104px}
  .book-page .hero .wrap:first-child{grid-template-columns:1fr;gap:0}
  .book-page .hero-go{margin:26px 0 34px}
  .book-page .hero-photo{min-height:0;height:340px;max-height:none;margin-inline:16px 0}
  .book-page .facts{grid-template-columns:1fr 1fr}
  .book-page .svc{min-height:auto}
  .book-page .svc.featured,.book-page .svc.featured:hover{transform:none}
  .book-page .services{max-width:none}
}

/* home hero: text and buttons sit directly on the photo */
body:not(.book-page) .hero{background:#14181F}
body:not(.book-page) .hero h1,body:not(.book-page) .hero-sub p,body:not(.book-page) .hero-sub p strong{color:#F4F1EA}
body:not(.book-page) .hero .eyebrow,body:not(.book-page) .hero .gold{color:var(--gold)}
body:not(.book-page) .hero .eyebrow::before{background:var(--gold)}
body:not(.book-page) .hero .btn-ghost{background:transparent!important;border-color:#F4F1EA;color:#F4F1EA}
body:not(.book-page) .hero .btn-ghost:hover{background:#F4F1EA!important;color:#14181F}
body:not(.book-page) .hero .btn-gold:hover{background:#F4F1EA;color:#14181F}
@media (min-width:981px){
  body:not(.book-page) .hero::before{background:linear-gradient(90deg,rgba(20,24,31,.92) 0%,rgba(20,24,31,.72) 34%,rgba(20,24,31,.08) 62%,transparent 72%),linear-gradient(180deg,transparent 72%,rgba(20,24,31,.65) 100%)}
}
@media (max-width:980px){
  body:not(.book-page) .hero-img{background-size:auto 82%;background-position:72% top}body:not(.book-page) .btn{padding-inline:20px}body:not(.book-page) footer a{display:inline-flex;align-items:center;min-height:44px}
  body:not(.book-page) .hero::before{background:linear-gradient(180deg,transparent 28%,rgba(20,24,31,.58) 50%,rgba(20,24,31,.9) 74%,#14181F 100%)}
}

/* home: the top bar sits on the photo, then turns dark on scroll */
body:not(.book-page) .nav{background:transparent;backdrop-filter:none;border-bottom-color:transparent}
body:not(.book-page) .nav.scrolled{background:rgba(20,24,31,.94);backdrop-filter:blur(12px);border-bottom-color:rgba(244,241,234,.14)}
body:not(.book-page) .logo{color:#F4F1EA}
body:not(.book-page) .logo b{color:var(--gold)}
body:not(.book-page) .menu{color:#F4F1EA}
body:not(.book-page) .menu a:hover{color:var(--gold)}
body:not(.book-page) .burger{border-color:#F4F1EA}
body:not(.book-page) .burger span{background:#F4F1EA}
body:not(.book-page) footer{background:#14181F;border-top-color:rgba(244,241,234,.14)}
body:not(.book-page) footer .wrap{color:#B9B3A6}
@media (max-width:980px){
  body:not(.book-page) .menu{background:rgba(20,24,31,.98);border-bottom-color:rgba(244,241,234,.14)}
  body:not(.book-page) .menu a{border-bottom-color:rgba(244,241,234,.14)}
}