/* Hisar homepage (from Homepage V13.2), served by Hisar Landing Engine 1.7.0 */
/* ============================================================
   0. TOKENS + THEME ISOLATION
   The #hisar-home id gives every rule (1,0,0)+ specificity, which beats
   the theme's class-based rules without !important. Components re-state
   what they need below the reset; nothing is patched from the bottom.
   ============================================================ */
#hisar-home{
  --ink-deep:#04101F; --ink:#071A33; --navy-light:#1B4A78;
  --gold:#CDA33B; --gold-soft:#E7CC7A; --gold-deep:#8A671C;
  --turq:#087F83; --turq-soft:#55D6CF;
  --sand:#F7F8FA; --sand-deep:#EEF1F4; --white:#FFFFFF;
  --charcoal:#253341; --text-2:#52606D; --text-3:#5C6874;
  --ivory-70:rgba(255,255,255,.76); --ivory-45:rgba(255,255,255,.72);
  --line:rgba(7,26,51,.12); --line-light:rgba(255,255,255,.18);
  --container:1200px; --gutter:clamp(20px,5vw,48px);
  --ease:cubic-bezier(.16,1,.3,1);
  --font-body:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-serif:'Marcellus',Georgia,'Times New Roman',serif;
  --section:clamp(56px,7vw,96px);
  margin:0; width:100%; position:relative;
  overflow-x:clip; /* clip, not hidden: keeps position:sticky working for the header */
  font-family:var(--font-body); font-size:16px; line-height:1.6; color:var(--charcoal); background:var(--white);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
@supports not (overflow-x:clip){ #hisar-home{overflow-x:hidden;} }
#hisar-home *, #hisar-home *::before, #hisar-home *::after{box-sizing:border-box;}
#hisar-home *{font-family:inherit;}
#hisar-home button{background:none; border:0; margin:0; padding:0; box-shadow:none; font:inherit; color:inherit; line-height:normal; text-transform:none; letter-spacing:inherit; cursor:pointer; border-radius:0; width:auto; min-height:0; text-shadow:none;}
#hisar-home a{text-decoration:none; box-shadow:none; border:0; background:none; color:inherit;}
#hisar-home a:hover, #hisar-home a:focus{text-decoration:none;}
#hisar-home ul, #hisar-home ol, #hisar-home li{list-style:none; margin:0; padding:0; background:none;}
#hisar-home ul::before, #hisar-home li::before{content:none;}
#hisar-home input, #hisar-home textarea, #hisar-home select{font:inherit; box-shadow:none; margin:0; max-width:none;}
#hisar-home img, #hisar-home svg, #hisar-home video{display:block; max-width:100%; height:auto; border:0; box-shadow:none;}
#hisar-home h1, #hisar-home h2, #hisar-home h3, #hisar-home h4, #hisar-home h5{margin:0; padding:0; text-transform:none; font-weight:600; letter-spacing:-.01em; line-height:1.15; color:var(--ink);}
#hisar-home p, #hisar-home figure, #hisar-home blockquote{margin:0;}
#hisar-home :focus-visible{outline:2px solid var(--turq); outline-offset:3px;}
#hisar-home [id]{scroll-margin-top:calc(var(--hisar-chrome,96px) + 12px);}
#hisar-home .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
#hisar-home .skip-link{position:absolute; left:-999px; top:0; z-index:999; background:var(--gold); color:var(--ink); padding:14px 22px; font-weight:600;}
#hisar-home .skip-link:focus{left:0;}
#hisar-home .container{max-width:var(--container); margin-inline:auto; padding-inline:var(--gutter);}
#hisar-home .kicker{display:block; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--turq);}
#hisar-home .kicker--light{color:var(--gold-soft);}
#hisar-home .h-serif{font-family:var(--font-serif); font-weight:400; letter-spacing:-.02em; line-height:1.02;}
#hisar-home .h-serif em{font-style:normal; color:var(--gold-deep);}
#hisar-home .section-head{max-width:680px; margin-bottom:clamp(28px,4vw,44px);}
#hisar-home .section-head h2{margin-top:12px; font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);}
#hisar-home .section-head h2.h-serif{font-size:clamp(2.1rem,1.5rem + 2.2vw,3.2rem);}
#hisar-home .section-head p{margin-top:12px; font-size:1.0625rem; color:var(--text-2); max-width:56ch;}
#hisar-home .link{display:inline-flex; align-items:center; gap:8px; font-weight:600; color:var(--ink); border-bottom:1px solid rgba(7,26,51,.22); padding-bottom:2px; transition:color .2s ease, border-color .2s ease;}
#hisar-home .link:hover, #hisar-home .link:focus-visible{color:var(--turq); border-color:var(--turq);}
#hisar-home .link--light{color:var(--white); border-color:var(--line-light);}
#hisar-home .link--light:hover, #hisar-home .link--light:focus-visible{color:var(--gold-soft); border-color:var(--gold-soft);}

/* Buttons */
#hisar-home .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 26px; border-radius:999px; border:1px solid transparent; font-weight:600; font-size:15px; line-height:1.2; white-space:nowrap; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;}
#hisar-home .btn:hover{transform:translateY(-1px);}
#hisar-home .btn-gold{background:linear-gradient(135deg,var(--gold-soft) 0%,var(--gold) 55%,var(--gold) 100%); color:var(--ink); box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 8px 20px -12px rgba(4,16,31,.45);}
#hisar-home .btn-gold:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 14px 26px -12px rgba(205,163,59,.55); color:var(--ink);}
#hisar-home .btn-navy{background:var(--ink); color:var(--white); border-color:var(--ink);}
#hisar-home .btn-navy:hover{background:var(--navy-light); border-color:var(--navy-light); color:var(--white);}
#hisar-home .btn-outline{background:transparent; color:var(--ink); border-color:rgba(7,26,51,.35);}
#hisar-home .btn-outline:hover{border-color:var(--ink); color:var(--ink); background:rgba(7,26,51,.04);}
#hisar-home .btn-outline-light{background:transparent; color:var(--white); border-color:rgba(255,255,255,.4);}
#hisar-home .btn-outline-light:hover{border-color:var(--white); color:var(--white); background:rgba(255,255,255,.08);}
#hisar-home .btn[disabled], #hisar-home .btn[aria-disabled="true"]{opacity:.6; cursor:progress; transform:none;}

/* Scroll reveal: progressive enhancement. Nothing is hidden unless JS has
   added .is-js, and reduced-motion users never see the offset. */
#hisar-home.is-js .reveal{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .8s var(--ease);}
#hisar-home.is-js .reveal.is-visible{opacity:1; transform:none;}
@media (prefers-reduced-motion:reduce){
  #hisar-home.is-js .reveal{opacity:1; transform:none; transition:none;}
}

/* ============================================================
   1. HEADER — shared chrome with the Hajj/Umrah pages (unchanged look)
   ============================================================ */
#hisar-home .wrap{width:min(1180px,92vw); margin-inline:auto;}
#hisar-home .topbar{background:var(--ink); color:#F5FAFC; font-size:.82rem;}
#hisar-home .topbar .wrap{display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.5rem 0; flex-wrap:wrap;}
#hisar-home .topbar .tb-left{display:flex; gap:1.4rem; flex-wrap:wrap; align-items:center;}
#hisar-home .topbar a, #hisar-home .topbar strong{color:var(--gold-soft); font-weight:600;}
#hisar-home .topbar a:hover{color:var(--white);}
#hisar-home .home-stickywrap{position:sticky; top:var(--hisar-admin,0px); z-index:100;}
/* When a theme wrapper above #hisar-home has overflow:hidden, sticky cannot work; the script
   detects that and switches the header to fixed, with a spacer of the same height. */
#hisar-home .home-stickywrap.is-fixed{position:fixed; left:0; right:0; top:var(--hisar-admin,0px);}
#hisar-home .home-sticky-spacer{display:none;}
#hisar-home .home-sticky-spacer.is-on{display:block;}
#hisar-home header.home-site{position:relative; z-index:3; background:rgba(255,255,255,.97); border-bottom:1px solid #DCE8EC; backdrop-filter:blur(12px);}
#hisar-home header.home-site .nav{width:min(1180px,92vw); margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem 0; background:transparent;}
#hisar-home header.home-site .brand{display:flex; flex-shrink:0; align-items:center;}
#hisar-home header.home-site .logo{height:52px; width:176px; object-fit:contain; display:block;}
#hisar-home header.home-site .sitenav{display:flex; align-items:center; gap:1.35rem;}
#hisar-home header.home-site .sitenav a{font-size:.92rem; color:var(--ink); font-weight:500;}
#hisar-home header.home-site .sitenav .topitem{display:inline-flex; align-items:center; gap:.32rem; min-height:44px;}
#hisar-home header.home-site .sitenav .topitem:hover, #hisar-home header.home-site .sitenav .topitem:focus-visible{color:var(--turq);}
#hisar-home header.home-site .caret{width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s ease; margin-left:2px;}
#hisar-home header.home-site .has-sub{position:relative;}
#hisar-home header.home-site .has-sub:hover .caret, #hisar-home header.home-site .has-sub:focus-within .caret{transform:rotate(225deg) translateY(-3px);}
#hisar-home header.home-site .sub{position:absolute; top:100%; left:-1rem; display:grid; grid-auto-flow:column; gap:1.6rem; background:var(--ink); border:1px solid rgba(231,204,122,.25); border-radius:14px; padding:1.15rem 1.35rem; box-shadow:0 20px 45px -25px rgba(7,26,51,.5); opacity:0; visibility:hidden; transform:translateY(-6px); min-width:250px; transition:opacity .18s ease, transform .18s ease, visibility .18s ease;}
#hisar-home header.home-site .has-sub:hover .sub, #hisar-home header.home-site .has-sub:focus-within .sub{opacity:1; visibility:visible; transform:none;}
#hisar-home header.home-site .subcol{display:flex; flex-direction:column; min-width:185px; gap:.15rem;}
#hisar-home header.home-site .subcol__title{display:block; font-size:.78rem; color:var(--gold-soft); letter-spacing:.08em; margin:0 0 .5rem; font-weight:600;}
#hisar-home header.home-site .sub a{color:#F5FAFC; font-size:.88rem; white-space:normal; min-height:44px; padding:.55rem .25rem; border-radius:6px;}
#hisar-home header.home-site .sub a:hover, #hisar-home header.home-site .sub a:focus-visible{background:#103551; color:var(--turq-soft);}
#hisar-home header.home-site .has-sub:nth-last-of-type(-n+2) .sub{left:auto; right:0;}
#hisar-home header.home-site .navlogin{color:var(--ink);}
#hisar-home header.home-site .nav-cta{display:flex; align-items:center; gap:.7rem; flex-shrink:0;}
#hisar-home header.home-site .btn{font-size:.9rem; padding:.7rem 1.2rem; min-height:44px;}
#hisar-home header.home-site .menu-toggle{display:none; min-width:44px; min-height:44px; background:transparent; padding:.45rem; border-radius:8px;}
#hisar-home header.home-site .menu-toggle span{display:block; width:24px; height:2px; background:var(--ink); margin:5px 0; transition:transform .3s ease, opacity .3s ease;}
#hisar-home header.home-site .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
#hisar-home header.home-site .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
#hisar-home header.home-site .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
#hisar-home header.home-site.scrolled{box-shadow:0 12px 34px -24px rgba(6,32,27,.6);}
@media (max-width:1100px){
  #hisar-home header.home-site .sitenav{gap:.85rem;}
  #hisar-home header.home-site .nav-cta > .btn{display:none;}
}
@media (max-width:900px){
  #hisar-home header.home-site .menu-toggle{display:block;}
  #hisar-home header.home-site .sitenav{display:none; position:absolute; top:100%; left:0; right:0; background:#F5FAFC; padding:1rem 4vw 1.25rem; max-height:70vh; overflow-y:auto; align-items:stretch; flex-direction:column; gap:.3rem; border-bottom:1px solid #DCE8EC; box-shadow:0 24px 40px -30px rgba(7,26,51,.55);}
  #hisar-home header.home-site .sitenav.open{display:flex;}
  #hisar-home header.home-site .has-sub{width:100%;}
  #hisar-home header.home-site .topitem{width:100%; justify-content:space-between; font-size:1rem;}
  #hisar-home header.home-site .sub{position:static; display:none; opacity:1; visibility:visible; transform:none; grid-auto-flow:row; min-width:0; box-shadow:none; border-radius:10px; padding:.75rem 1rem; gap:.75rem; margin:.2rem 0 .45rem;}
  #hisar-home header.home-site .has-sub.open .sub{display:grid;}
  /* Without JavaScript the burger cannot open the menu: render it inline instead. */
  #hisar-home:not(.is-js) header.home-site .sitenav{display:flex; position:static; max-height:none; box-shadow:none; padding:0 0 .5rem;}
  #hisar-home:not(.is-js) header.home-site .sub{display:grid;}
  #hisar-home:not(.is-js) header.home-site .menu-toggle{display:none;}
  #hisar-home:not(.is-js) header.home-site .nav{flex-wrap:wrap;}
  #hisar-home header.home-site .navlogin{padding:.6rem 0; font-size:1rem;}
  #hisar-home .topbar .tb-right{display:none;}
  #hisar-home .topbar .wrap{justify-content:center;}
  #hisar-home .topbar .tb-left{justify-content:center; gap:.25rem 1rem;}
  #hisar-home .topbar .lbl{display:none;}
}

/* ============================================================
   2. HERO — THE THRESHOLD (usable from the first frame)
   A pale architectural field on the left, the living world cut into the
   right by one angled edge. The 1.2s opening is decorative only: the
   headline, menu and both journey links are live at 0ms.
   ============================================================ */
#hisar-home .hero{
  --story-left:clamp(28px,7vw,120px); --film-left:40%; --film-slant:4.5%;
  --film-focus:100% 0%; /* top-right anchoring preserves the source mark on desktop */
  position:relative; isolation:isolate; overflow:hidden;
  min-height:clamp(600px, calc(100svh - var(--hisar-chrome,118px)), 860px);
  background:var(--sand); color:var(--ink);
}
#hisar-home .hero__field{position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse 60% 70% at 8% 0%, rgba(255,255,255,.95), transparent 68%), radial-gradient(ellipse 42% 50% at 28% 100%, rgba(7,26,51,.04), transparent 70%), linear-gradient(112deg,#FFFFFF 0%,#F7F8FA 45%,#EEF1F4 100%);}
#hisar-home .hero__field::before{content:""; position:absolute; inset:-6%; opacity:.02; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");}
#hisar-home .hero__field::after{content:""; position:absolute; top:0; bottom:0; left:calc(var(--film-left) - 14%); width:14%; background:linear-gradient(90deg, transparent, rgba(7,26,51,.05));}
/* Final state: the living world fills the whole hero. The story keeps its navy text
   on a pale veil (white gradient wedge with a soft diagonal edge), so contrast never
   depends on the footage — during the opening or after it. */
#hisar-home .hero__film{position:absolute; inset:0; z-index:1; overflow:hidden; background:var(--ink);
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}
#hisar-home .hero__veil{position:absolute; inset:0; z-index:3; pointer-events:none;
  background:linear-gradient(97deg, rgba(247,248,250,1) 0%, rgba(247,248,250,.99) 40%, rgba(247,248,250,.96) 48%, rgba(247,248,250,.40) 58%, rgba(247,248,250,0) 70%);}
#hisar-home .hero__poster, #hisar-home .hero__video{position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--film-focus);}
#hisar-home .hero__poster{filter:saturate(.96) contrast(1.02);}
#hisar-home .hero__video{opacity:0; transition:opacity .9s ease;}
#hisar-home .hero__video.is-playing{opacity:1;}
#hisar-home .hero__shade{position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(180deg, rgba(4,16,31,0) 62%, rgba(4,16,31,.22));}
#hisar-home .hero__story{position:absolute; z-index:4; left:var(--story-left); top:50%; transform:translateY(-50%); width:min(520px, calc(var(--film-left) - var(--story-left) - 8px));}
#hisar-home .hero__eyebrow{display:flex; align-items:center; gap:10px; margin:0 0 20px; font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#52606D;}
#hisar-home .hero__eyebrow::before{content:""; width:26px; height:1px; background:var(--gold); flex:0 0 auto;}
#hisar-home .hero__title{font-family:var(--font-serif); font-weight:400; font-size:clamp(54px,5.8vw,84px); line-height:1.06; letter-spacing:-.035em; color:var(--ink); margin:0;}
#hisar-home .hero__title em{display:block; font-style:normal; color:var(--gold-deep);}
#hisar-home .hero__sub{margin:22px 0 0; max-width:52ch; font-size:1.0625rem; line-height:1.6; color:var(--text-2); text-wrap:pretty;}
#hisar-home .hero__actions{position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:12px 14px; margin-top:28px; padding-bottom:16px;}
#hisar-home .hero__line{position:absolute; left:0; bottom:0; height:1px; width:100vw; pointer-events:none; transform-origin:left center; transform:scaleX(1);
  background:linear-gradient(90deg, var(--gold) 0%, rgba(205,163,59,.72) 30%, rgba(205,163,59,.22) 62%, rgba(205,163,59,0) 82%);}
#hisar-home .hero__more{margin-top:14px; font-size:.9375rem; color:var(--text-2);}
#hisar-home .hero__more a{color:var(--turq); font-weight:600; border-bottom:1px solid rgba(8,127,131,.35);}
#hisar-home .hero__more .sep{margin:0 10px; color:var(--gold);}
#hisar-home .hero__more a:hover, #hisar-home .hero__more a:focus-visible{border-color:var(--turq);}
#hisar-home .hero__media-toggle{position:absolute; z-index:5; right:clamp(14px,2.4vw,34px); bottom:clamp(14px,2.4vw,28px); min-width:44px; min-height:44px; padding:0 14px 0 12px; border-radius:999px; background:rgba(4,16,31,.58); color:var(--white); font-size:12.5px; font-weight:600; letter-spacing:.03em; display:none; align-items:center; gap:8px; backdrop-filter:blur(4px);}
#hisar-home .hero__media-toggle:hover, #hisar-home .hero__media-toggle:focus-visible{background:rgba(4,16,31,.8);}
#hisar-home .hero__media-toggle:focus-visible{outline:2px solid var(--gold-soft); outline-offset:2px;}
#hisar-home .hero__media-toggle svg{width:14px; height:14px;}
#hisar-home .hero__media-toggle .when-paused{display:none;}
#hisar-home .hero__media-toggle[aria-pressed="true"] .when-playing{display:none;}
#hisar-home .hero__media-toggle[aria-pressed="true"] .when-paused{display:inline-flex; align-items:center; gap:8px;}
#hisar-home .hero__media-toggle .when-playing{display:inline-flex; align-items:center; gap:8px;}
#hisar-home .hero.has-video .hero__media-toggle{display:inline-flex;}
/* One-time opening (first visit in a session or ?intro=1): the living world
   opens from the seam and spreads across the full desktop hero in ~1.25s; the
   gold line then draws toward it. Text, menu and both journey links are
   painted at full opacity from the first frame and never move. */
@keyframes heroFilmSpread{
  0%{clip-path:polygon(calc(var(--film-left) + var(--film-slant)) 0,100% 0,100% 100%,var(--film-left) 100%);}
  100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
}
@keyframes heroLine{from{transform:scaleX(0);} to{transform:scaleX(1);}}
#hisar-home .hero.is-opening .hero__film{animation:heroFilmSpread 1.25s var(--ease) .25s backwards;}
#hisar-home .hero.is-opening .hero__line{animation:heroLine .9s var(--ease) .9s backwards;}

/* ============================================================
   3. TRUST LINE
   ============================================================ */
#hisar-home .trust{background:var(--white); border-bottom:1px solid var(--line);}
#hisar-home .trust__row{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 28px; padding-block:18px; font-size:.875rem; color:var(--text-2); text-align:center;}
#hisar-home .trust__row li{display:inline-flex; align-items:center; gap:8px; white-space:normal;}
#hisar-home .trust__row li + li::before{content:""; width:4px; height:4px; border-radius:50%; background:var(--gold);}
#hisar-home .trust__row b{color:var(--ink); font-weight:600;}

/* ============================================================
   4. THREE JOURNEYS
   ============================================================ */
#hisar-home .journeys{padding-block:var(--section); background:var(--white);}
#hisar-home .journeys__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.5vw,32px);}
#hisar-home .journey{display:flex; flex-direction:column; color:var(--charcoal); border-radius:14px;}
#hisar-home .journey:focus-visible{outline-offset:6px;}
#hisar-home .journey__media{position:relative; aspect-ratio:4/3; border-radius:14px; overflow:hidden; background:var(--ink);}
#hisar-home .journey__media img{width:100%; height:100%; object-fit:cover; transform:scale(1.02); transition:transform .8s var(--ease);}
#hisar-home .journey:hover .journey__media img{transform:scale(1.06);}
#hisar-home .journey__body{padding:20px 4px 0; display:flex; flex-direction:column; flex:1;}
#hisar-home .journey__body .kicker{font-size:11.5px;}
#hisar-home .journey h3{margin-top:8px; font-family:var(--font-serif); font-weight:400; font-size:clamp(1.7rem,1.3rem + 1.2vw,2.25rem); letter-spacing:-.02em;}
#hisar-home .journey p{margin-top:10px; color:var(--text-2); font-size:1rem; line-height:1.6;}
#hisar-home .journey .link{margin-top:auto; padding-top:18px; align-self:flex-start; min-height:44px;}
#hisar-home .journey:hover .link{color:var(--turq); border-color:var(--turq);}

/* ============================================================
   5. THE HISAR EXPERIENCE — photo + three benefits, then the gallery
   ============================================================ */
#hisar-home .experience{padding-block:var(--section); background:var(--sand); border-block:1px solid var(--line);}
#hisar-home .experience__grid{display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(28px,5vw,72px); align-items:stretch;}
#hisar-home .experience__photo{border-radius:16px; overflow:hidden; min-height:420px; background:var(--ink);}
#hisar-home .experience__photo img{width:100%; height:100%; object-fit:cover; object-position:42% 45%;}
#hisar-home .experience__photo figcaption{font-size:.8125rem; color:var(--text-3); padding:10px 2px 0;}
#hisar-home .benefits{display:flex; flex-direction:column; margin-top:28px;}
#hisar-home .benefit{display:grid; grid-template-columns:44px 1fr; gap:16px; padding:20px 0; border-top:1px solid var(--line);}
#hisar-home .benefit:last-child{border-bottom:1px solid var(--line);}
#hisar-home .benefit__num{font-family:var(--font-serif); font-size:1.75rem; line-height:1; color:var(--gold-deep);}
#hisar-home .benefit h3{font-size:1.125rem; color:var(--ink);}
#hisar-home .benefit p{margin-top:6px; color:var(--text-2); font-size:.9375rem; line-height:1.6;}
#hisar-home .experience__note{margin-top:18px; font-size:.9375rem; color:var(--text-2);}
#hisar-home .experience__note a{color:var(--turq); font-weight:600;}
/* Gallery */
#hisar-home .gallery{margin-top:clamp(48px,7vw,88px);}
#hisar-home .gallery__head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:22px;}
#hisar-home .gallery__head h3{font-family:var(--font-serif); font-weight:400; font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem); letter-spacing:-.02em; margin-top:8px;}
#hisar-home .gallery__controls{display:flex; align-items:center; gap:8px;}
#hisar-home .gallery__btn{display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 14px; border-radius:999px; white-space:nowrap; border:1px solid var(--line); background:var(--white); color:var(--ink); font-size:.875rem; font-weight:600; gap:8px; transition:background-color .2s ease, border-color .2s ease;}
#hisar-home .gallery__btn:hover, #hisar-home .gallery__btn:focus-visible{border-color:var(--ink); background:var(--white);}
#hisar-home .gallery__btn svg{width:16px; height:16px;}
#hisar-home .gallery__btn .when-playing{display:inline-flex; align-items:center; gap:8px;}
#hisar-home .gallery__btn .when-paused{display:none;}
#hisar-home .gallery__btn[aria-pressed="true"] .when-playing{display:none;}
#hisar-home .gallery__btn[aria-pressed="true"] .when-paused{display:inline-flex; align-items:center; gap:8px;}
#hisar-home .gallery__viewport{position:relative; width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden; background:var(--ink);}
#hisar-home .gallery__viewport:focus-visible{outline-offset:4px;}
#hisar-home .gallery__slide{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 1s ease, visibility 1s ease;}
#hisar-home .gallery__slide.is-active{opacity:1; visibility:visible; z-index:2;}
#hisar-home .gallery__slide img{width:100%; height:100%; object-fit:cover; transform:scale(1.02);}
#hisar-home.is-js .gallery__slide.is-active img{animation:kenburns 8s ease-out forwards;}
#hisar-home .gallery.is-paused .gallery__slide img{animation-play-state:paused;}
@keyframes kenburns{from{transform:scale(1.02);} to{transform:scale(1.1);}}
#hisar-home .gallery__slide::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(4,16,31,.05) 0%, transparent 30%, rgba(4,16,31,.35) 60%, rgba(4,16,31,.88) 100%);}
#hisar-home .gallery__caption{position:absolute; left:0; right:0; bottom:0; z-index:3; padding:clamp(18px,3.5vw,36px); max-width:680px; display:flex; flex-direction:column; gap:6px;}
#hisar-home .gallery__caption-title{font-family:var(--font-serif); font-weight:400; font-size:clamp(1.4rem,1rem + 1.4vw,2rem); color:var(--white); line-height:1.1;}
#hisar-home .gallery__caption-sub{font-size:clamp(.875rem,.8rem + .3vw,1rem); color:var(--ivory-70); line-height:1.6; max-width:60ch; text-shadow:0 1px 12px rgba(4,16,31,.9);}
#hisar-home .gallery__dots{display:flex; gap:0; justify-content:center; margin-top:18px; flex-wrap:wrap;}
#hisar-home .gallery__dot{width:44px; height:44px; border-radius:999px; display:flex; align-items:center; justify-content:center; padding:0;}
#hisar-home .gallery__dot::before{content:""; width:8px; height:8px; border-radius:999px; background:rgba(7,26,51,.25); transition:width .25s ease, background-color .25s ease;}
#hisar-home .gallery__dot[aria-current="true"]::before{background:var(--gold); width:24px;}
#hisar-home .gallery__dot:focus-visible{outline-offset:0;}
#hisar-home .gallery__status{margin-top:8px; text-align:center; font-size:.8125rem; color:var(--text-3);}

/* ============================================================
   6. DEPARTURES + HAJJ 2027
   ============================================================ */
#hisar-home .departures{padding-block:var(--section); background:var(--white);}
#hisar-home .departures__head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap;}
#hisar-home .departures__head .section-head{margin-bottom:0;}
#hisar-home .departures__nav{display:none; gap:8px;}
#hisar-home .dep__price{display:flex; flex-direction:column; align-items:flex-end; text-align:right;}
#hisar-home .dep__price b{color:var(--ink); font-weight:600; font-size:.9375rem;}
#hisar-home .departures__note{margin-top:22px; padding:16px 18px; border:1px dashed rgba(7,26,51,.22); border-radius:12px; font-size:.9375rem; color:var(--text-2); display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center;}
#hisar-home .departures__note b{color:var(--ink); font-weight:600;}
#hisar-home .departures__note a{color:var(--turq); font-weight:600;}
#hisar-home .departures__scroller{margin-top:clamp(24px,3vw,36px);}
#hisar-home .departures__track{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,28px);}
#hisar-home .dep{display:flex; flex-direction:column; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--white); transition:box-shadow .25s ease, transform .25s ease;}
#hisar-home .dep:hover{box-shadow:0 22px 44px -30px rgba(4,16,31,.45); transform:translateY(-2px);}
#hisar-home .dep__media{aspect-ratio:3/2; overflow:hidden; background:var(--ink);}
#hisar-home .dep__media img{width:100%; height:100%; object-fit:cover;}
#hisar-home .dep__body{display:flex; flex-direction:column; flex:1; padding:20px 22px 22px;}
#hisar-home .dep__row{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
#hisar-home .dep__tier{font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--turq);}
#hisar-home .dep h3{margin-top:8px; font-size:1.25rem; color:var(--ink);}
#hisar-home .dep__date{margin-top:8px; font-size:1rem; font-weight:600; color:var(--ink);}
#hisar-home .dep__meta{margin-top:4px; font-size:.875rem; color:var(--text-2);}
#hisar-home .dep__meta span + span::before{content:"·"; margin:0 6px; color:var(--gold);}
#hisar-home .dep__list{margin-top:14px; display:flex; flex-direction:column; gap:6px;}
#hisar-home .dep__list li{position:relative; padding-left:20px; font-size:.875rem; color:var(--text-2); line-height:1.5;}
#hisar-home .dep__list li::before{content:"✓"; position:absolute; left:0; top:0; color:var(--turq); font-weight:700;}
#hisar-home .dep__foot{margin-top:auto; padding-top:18px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
#hisar-home .dep__price{font-size:.8125rem; color:var(--text-3); line-height:1.3;}
#hisar-home .dep__price b{font-size:1.0625rem; font-variant-numeric:tabular-nums;}
#hisar-home .dep__price small{font-size:.8125rem; font-weight:600; color:var(--text-2);}
#hisar-home .dep__season{font-size:.8125rem; font-weight:600; letter-spacing:.04em; color:var(--text-3);}
/* Facts: the four things a visitor compares first, in the same place on every card */
#hisar-home .dep__facts{margin:14px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; padding:12px 14px; border-radius:10px; background:var(--sand);}
#hisar-home .dep__facts div{display:flex; flex-direction:column; gap:2px; min-width:0;}
#hisar-home .dep__facts dt{font-size:.8125rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--text-3);}
#hisar-home .dep__facts dd{margin:0; font-size:.9375rem; font-weight:600; color:var(--ink); line-height:1.35;}
#hisar-home .dep__list li{font-size:.9375rem;}
#hisar-home .dep__list b{color:var(--ink); font-weight:600;}
#hisar-home .departures__more{margin-top:28px; display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; font-size:.9375rem; color:var(--text-2);}
/* Hajj */
#hisar-home .hajj{position:relative; padding-block:var(--section); background:linear-gradient(160deg,#0B2A4D 0%,var(--ink) 50%,var(--ink-deep) 100%); color:var(--white); overflow:hidden;}
#hisar-home .hajj::before{content:""; position:absolute; inset:0; background:radial-gradient(70% 90% at 88% 10%, rgba(8,127,131,.28) 0%, transparent 60%); pointer-events:none;}
#hisar-home .hajj__grid{position:relative; display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,5vw,72px); align-items:start;}
#hisar-home .hajj h2{margin-top:12px; color:var(--white); font-size:clamp(2.1rem,1.5rem + 2.2vw,3.2rem);}
#hisar-home .hajj h2 em{color:var(--gold-soft);}
#hisar-home .hajj__lead{margin-top:16px; font-size:1.0625rem; color:var(--ivory-70); max-width:52ch;}
#hisar-home .hajj__ctas{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px;}
#hisar-home .hajj__links{margin-top:18px; display:flex; flex-wrap:wrap; gap:8px 22px; font-size:.9375rem;}
#hisar-home .hajj__links a{color:var(--ivory-70); border-bottom:1px solid var(--line-light); padding-bottom:1px;}
#hisar-home .hajj__links a:hover, #hisar-home .hajj__links a:focus-visible{color:var(--gold-soft); border-color:var(--gold-soft);}
#hisar-home .hajj__panel{background:rgba(255,255,255,.05); border:1px solid var(--line-light); border-radius:16px; padding:clamp(20px,3vw,30px);}
#hisar-home .hajj__panel h3{color:var(--gold-soft); font-size:.8125rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700;}
#hisar-home .hajj__panel ol{margin-top:14px; display:flex; flex-direction:column; gap:12px; counter-reset:step;}
#hisar-home .hajj__panel li{position:relative; padding-left:36px; font-size:.9375rem; color:var(--ivory-70); line-height:1.55; counter-increment:step;}
#hisar-home .hajj__panel li::before{content:counter(step); position:absolute; left:0; top:1px; width:24px; height:24px; border-radius:50%; border:1px solid rgba(231,204,122,.6); color:var(--gold-soft); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center;}
#hisar-home .hajj__panel li b{color:var(--white); font-weight:600;}
#hisar-home .hajj__panel p{margin-top:16px; font-size:.8125rem; color:var(--ivory-45); line-height:1.55;}

/* ============================================================
   7. VOICES
   ============================================================ */
#hisar-home .voices{padding-block:var(--section); background:var(--white);}
#hisar-home .voices__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(24px,4vw,56px);}
#hisar-home .voice{display:flex; flex-direction:column; padding-top:20px; border-top:2px solid var(--gold);}
#hisar-home .voice__mark{font-family:var(--font-serif); font-size:2.6rem; line-height:.6; color:var(--gold); margin-bottom:14px;}
#hisar-home .voice blockquote{font-size:1.0625rem; line-height:1.65; color:var(--charcoal); flex:1;}
#hisar-home .voice figcaption{margin-top:16px; font-size:.875rem; color:var(--text-2); display:flex; flex-direction:column; gap:4px;}
#hisar-home .voice figcaption b{color:var(--ink); font-weight:600;}
#hisar-home .voice figcaption a{color:var(--turq); font-weight:600;}
#hisar-home .voice .stars{color:var(--gold-deep); letter-spacing:1px; font-size:.8125rem;}
#hisar-home .voices__note{margin-top:28px; font-size:.9375rem; color:var(--text-2);}
#hisar-home .voices__note a{color:var(--turq); font-weight:600;}

/* ============================================================
   8. CARE
   ============================================================ */
#hisar-home .care{padding-block:var(--section); background:var(--sand); border-block:1px solid var(--line);}
#hisar-home .care__grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(28px,5vw,64px); align-items:center;}
#hisar-home .care__photo{border-radius:16px; overflow:hidden; aspect-ratio:4/5; background:var(--ink);}
#hisar-home .care__photo img{width:100%; height:100%; object-fit:cover; object-position:50% 30%;}
#hisar-home .care__cols{display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,36px); margin-top:28px;}
#hisar-home .care__col{padding-top:18px; border-top:2px solid var(--gold);}
#hisar-home .care__col h3{font-size:1.125rem; color:var(--ink);}
#hisar-home .care__col ul{margin-top:14px; display:flex; flex-direction:column; gap:10px;}
#hisar-home .care__col li{position:relative; padding-left:20px; font-size:.9375rem; color:var(--text-2); line-height:1.55;}
#hisar-home .care__col li::before{content:""; position:absolute; left:0; top:.65em; width:8px; height:1px; background:var(--gold-deep);}

/* ============================================================
   9. FAQ + CONTACT
   ============================================================ */
#hisar-home .faq{padding-block:var(--section); background:var(--white);}
#hisar-home .faq__list{max-width:820px; display:flex; flex-direction:column; border-top:1px solid var(--line);}
#hisar-home .faq-item{border-bottom:1px solid var(--line);}
#hisar-home .faq-item summary{list-style:none; cursor:pointer; padding:18px 0; font-weight:600; color:var(--ink); font-size:1.0625rem; display:flex; align-items:center; justify-content:space-between; gap:16px;}
#hisar-home .faq-item summary::-webkit-details-marker{display:none;}
#hisar-home .faq-item summary::after{content:"+"; font-family:var(--font-serif); font-size:1.5rem; color:var(--gold-deep); flex-shrink:0; transition:transform .25s ease;}
#hisar-home .faq-item[open] summary::after{transform:rotate(45deg);}
#hisar-home .faq-item p{font-size:1rem; line-height:1.65; color:var(--text-2); padding:0 40px 20px 0;}
#hisar-home .faq__more{margin-top:22px; font-size:.9375rem; color:var(--text-2);}
#hisar-home .faq__more a{color:var(--turq); font-weight:600;}
#hisar-home .contact{background:linear-gradient(160deg,#0B2A4D 0%,var(--ink) 45%,var(--ink-deep) 100%); padding-block:var(--section); color:var(--white);}
#hisar-home .contact__inner{display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(32px,5vw,64px);}
#hisar-home .contact h2{color:var(--white); margin-top:12px; margin-bottom:26px; font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);}
#hisar-home .contact__form{display:flex; flex-direction:column; gap:18px;}
#hisar-home .field-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
#hisar-home .field{display:flex; flex-direction:column; gap:8px;}
#hisar-home .field label{font-size:.875rem; color:var(--ivory-70); font-weight:500;}
#hisar-home .field input, #hisar-home .field select, #hisar-home .field textarea{background:rgba(255,255,255,.06); border:1px solid var(--line-light); border-radius:10px; padding:13px 16px; color:var(--white); font-size:1rem; width:100%;}
#hisar-home .field select option{color:var(--charcoal);}
#hisar-home .field input::placeholder, #hisar-home .field textarea::placeholder{color:var(--ivory-45);}
#hisar-home .field input:focus, #hisar-home .field select:focus, #hisar-home .field textarea:focus{border-color:var(--gold); outline:none;}
#hisar-home .contact__form textarea{resize:vertical; min-height:110px;}
#hisar-home .contact__form-note{font-size:.9375rem; line-height:1.55; margin-top:4px; padding:12px 14px; border-radius:10px; border:1px solid var(--line-light); background:rgba(255,255,255,.05); color:var(--gold-soft);}
#hisar-home .contact__form-note[data-kind="success"]{color:#BFE8CC; border-color:rgba(159,216,180,.4);}
#hisar-home .contact__form-note[data-kind="error"]{color:#F5C7B2; border-color:rgba(240,180,154,.4);}
#hisar-home .contact__form-note[data-kind="warn"]{color:var(--gold-soft); border-color:rgba(231,204,122,.45);}
#hisar-home .contact__nojs{display:none; font-size:.9375rem; line-height:1.55; padding:12px 14px; border-radius:10px; border:1px solid rgba(231,204,122,.45); color:var(--gold-soft);}
#hisar-home:not(.is-js) .contact__nojs{display:block;}
#hisar-home .contact__nojs a{color:#fff; font-weight:600;}
#hisar-home .contact__form-note a{color:inherit; text-decoration:underline;}
#hisar-home .contact__info{display:flex; flex-direction:column; gap:30px; padding-top:6px;}
#hisar-home .contact__info-block p, #hisar-home .contact__info-block li{color:var(--ivory-70); font-size:1rem; line-height:1.6; margin-top:10px;}
#hisar-home .contact__info-block ul{display:flex; flex-direction:column; gap:6px;}
#hisar-home .contact__info-block a{color:var(--white); font-weight:600;}
#hisar-home .contact__info-block a:hover, #hisar-home .contact__info-block a:focus-visible{color:var(--gold-soft);}
#hisar-home .contact__socials{display:flex; gap:18px; margin-top:10px; flex-wrap:wrap;}
#hisar-home .contact__socials a{font-size:.9375rem; font-weight:600; color:var(--ivory-70); border-bottom:1px solid var(--line-light); padding-bottom:2px;}
#hisar-home .contact__socials a:hover, #hisar-home .contact__socials a:focus-visible{color:var(--gold-soft); border-color:var(--gold-soft);}

/* ============================================================
   10. FOOTER
   ============================================================ */
#hisar-home .footer{background:var(--ink-deep); border-top:1px solid var(--line-light); padding-top:clamp(48px,7vw,80px); color:var(--ivory-70);}
#hisar-home .footer__grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px; border-bottom:1px solid var(--line-light);}
#hisar-home .footer__logo{display:block;}
#hisar-home .footer__logo-img{height:32px; width:auto;}
#hisar-home .footer__brand p{margin-top:16px; font-size:.9375rem; line-height:1.65; max-width:300px;}
#hisar-home .footer__socials{display:flex; gap:16px; margin-top:18px; flex-wrap:wrap;}
#hisar-home .footer__socials a, #hisar-home .footer__col a{color:var(--ivory-70);}
#hisar-home .footer__socials a{font-size:.875rem; font-weight:600; border-bottom:1px solid var(--line-light); padding-bottom:2px;}
#hisar-home .footer__socials a:hover, #hisar-home .footer__col a:hover, #hisar-home .footer__socials a:focus-visible, #hisar-home .footer__col a:focus-visible{color:var(--gold-soft);}
#hisar-home .footer__col h3{font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); font-weight:700; margin-bottom:16px;}
#hisar-home .footer__col ul{display:flex; flex-direction:column; gap:10px;}
#hisar-home .footer__col a, #hisar-home .footer__col li{font-size:.9375rem;}
#hisar-home .footer__bottom{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-block:24px; font-size:.8125rem; color:var(--ivory-45);}

/* ============================================================
   11. RESPONSIVE
   ============================================================ */
@media (max-width:1100px){
  #hisar-home .hero{--story-left:clamp(24px,5vw,56px); --film-left:46%;}
  #hisar-home .hero__title{font-size:clamp(48px,5.6vw,68px);}
}
@media (max-width:980px){
  #hisar-home .journeys__grid{grid-template-columns:1fr 1fr;}
  #hisar-home .journey:last-child{grid-column:1 / -1;}
  #hisar-home .journey:last-child .journey__media{aspect-ratio:16/7;}
  #hisar-home .experience__grid, #hisar-home .care__grid, #hisar-home .hajj__grid, #hisar-home .contact__inner{grid-template-columns:1fr;}
  #hisar-home .care__photo{aspect-ratio:16/9; max-height:380px;}
  #hisar-home .experience__photo{min-height:0; aspect-ratio:3/2;}
  #hisar-home .voices__grid{grid-template-columns:1fr; gap:28px;}
  #hisar-home .footer__grid{grid-template-columns:1fr 1fr; gap:32px 24px;}
}
@media (max-width:900px){
  /* departures become a snap scroller with visible next card and buttons */
  #hisar-home .departures__nav{display:flex;}
  #hisar-home .departures__scroller{overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:var(--gutter); margin-inline:calc(var(--gutter) * -1); padding:4px var(--gutter) 12px; scrollbar-width:thin;}
  #hisar-home .departures__track{display:flex; gap:14px;}
  #hisar-home .dep{flex:0 0 min(82vw,360px); scroll-snap-align:start;}
}
@media (max-width:760px){
  #hisar-home .hero{min-height:0; display:flex; flex-direction:column; --film-left:0%;}
  #hisar-home .hero__field::after{display:none;}
  /* The actual media stays in its native ratio. No mobile cover crop or zoom. */
  #hisar-home .hero__film{position:relative; inset:auto; width:100%; aspect-ratio:1280/576; flex:none; clip-path:none; --film-focus:50% 50%;}
  #hisar-home .hero__poster, #hisar-home .hero__video{object-fit:contain;}
  #hisar-home .hero__veil{display:none;}
  #hisar-home .hero.is-opening .hero__film{animation:none;}
  #hisar-home .hero__shade{background:none;}
  #hisar-home .hero__story{position:relative; left:auto; top:auto; transform:none; width:auto; padding:26px 20px 34px; background:var(--sand);}
  #hisar-home .hero__eyebrow{margin-bottom:14px; font-size:11px;}
  #hisar-home .hero__title{font-size:clamp(46px,13vw,60px);}
  #hisar-home .hero__sub{margin-top:16px; font-size:1rem;}
  #hisar-home .hero__actions{margin-top:22px; gap:10px;}
  #hisar-home .hero__actions .btn{flex:1 1 auto;}
  #hisar-home .hero__line{width:calc(100vw - 20px);}
  #hisar-home .hero__media-toggle{bottom:auto; top:12px; right:auto; left:12px;}
  #hisar-home .trust__row{gap:6px 16px; font-size:.875rem; padding-block:14px;}
  /* .trust__row .trust--wide beats .trust__row li for both the wide <li>s and the wide <span>s */
  #hisar-home .trust__row .trust--wide{display:none;}
  #hisar-home .journeys__grid{grid-template-columns:1fr;}
  #hisar-home .journey:last-child .journey__media{aspect-ratio:4/3;}
  #hisar-home .care__cols{grid-template-columns:1fr;}
  #hisar-home .field-row{grid-template-columns:1fr;}
  #hisar-home .footer__grid{grid-template-columns:1fr; gap:28px;}
  #hisar-home .footer__bottom{justify-content:center; text-align:center;}
  #hisar-home .gallery__viewport{aspect-ratio:auto; min-height:0;}
  #hisar-home .gallery__slide{position:relative; display:none;}
  #hisar-home .gallery__slide.is-active{display:block;}
  #hisar-home .gallery__slide img{aspect-ratio:16/10; height:auto; animation:none; transform:none;}
  #hisar-home .gallery__slide::after{display:none;}
  #hisar-home .gallery__caption{position:relative; background:var(--ink); padding:20px;}
  #hisar-home .gallery__caption{max-width:none;}
  #hisar-home .hajj__ctas .btn{flex:1 1 auto;}
}
@media (max-width:400px){
  #hisar-home .hero__title{font-size:44px;}
  #hisar-home .hero__actions .btn{padding-inline:18px; font-size:14px;}
}

/* ============================================================
   12. REDUCED MOTION — covers every animation on the page
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  #hisar-home *, #hisar-home *::before, #hisar-home *::after{animation:none !important; transition:none !important;}
  #hisar-home .gallery__slide img, #hisar-home .journey:hover .journey__media img{transform:none !important;}
  #hisar-home .btn:hover, #hisar-home .dep:hover{transform:none;}
}

/* V13 integration boundary: these targeted rules also protect the page while
   the supplied v3.3 global CSS replacement is being installed. */
#hisar-home .hero .hero__title{color:var(--ink) !important;}
#hisar-home .hero .hero__title em{color:var(--gold-deep) !important;}
#hisar-home header.home-site .nav{background:transparent !important; background-image:none !important;}
#hisar-home .hero__title, #hisar-home .h-serif, #hisar-home .journey h3, #hisar-home .gallery__head h3, #hisar-home .gallery__caption-title, #hisar-home .voice__mark, #hisar-home .benefit__num{font-family:var(--font-serif) !important; font-weight:400; font-synthesis:none;}
#hisar-home .gallery__dot{width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; margin:0 !important; background:transparent !important;}
#hisar-home [hidden]{display:none !important;}
/* Transitional: V3.2's section 11 paints the homepage footer text cream (#c9c3b6). Harmless once V3.3 is active. */
#hisar-home .footer__brand p, #hisar-home .footer__col a, #hisar-home .footer__col li, #hisar-home .footer__bottom, #hisar-home .footer__socials a{color:var(--ivory-70) !important;}
#hisar-home :focus-visible{outline:3px solid var(--turq) !important; outline-offset:4px;}
#hisar-home :is(.hajj,.contact,.footer,.sub,.gallery__viewport) :focus-visible{outline-color:var(--gold-soft) !important;}
#hisar-home .field :is(input,select,textarea){background:#fff; color:var(--ink); border-color:#8695A3;}
#hisar-home .field :is(input,select,textarea):disabled{opacity:.8; cursor:wait;}
#hisar-home [aria-invalid="true"]{border:2px solid #B64731 !important;}
#hisar-home .field-required{font-size:.8125rem; color:var(--ivory-70);}
#hisar-home .contact__privacy{font-size:.875rem; line-height:1.6; color:var(--ivory-70);}
#hisar-home .contact__privacy a{text-decoration:underline; text-underline-offset:3px;}
#hisar-home .voice blockquote{padding:0; border:0; background:none; font-style:normal;}
#hisar-home .gallery__caption{background:rgba(4,16,31,.86); border-top-right-radius:16px;}
#hisar-home .gallery.is-held .gallery__slide img{animation-play-state:paused;}
#hisar-home [id]{scroll-margin-top:var(--hisar-anchor,96px);}
#hisar-home .gallery__dot::before{background:#7E8B97;}
#hisar-home .gallery__dot[aria-current="true"]::before{background:var(--turq);}
#hisar-home .hero__actions .btn{white-space:normal; text-align:center;}
#hisar-home .hero__more{display:flex; flex-wrap:wrap; gap:8px 16px;}
#hisar-home .hero__more .sep{display:none;}
#hisar-home .dep__foot{flex-wrap:wrap;}
#hisar-home .dep__foot .link{min-height:44px;}
#hisar-home .subtoggle{min-width:44px; min-height:44px; display:inline-flex; justify-content:center; align-items:center; border-radius:8px; color:var(--ink);}
#hisar-home header.home-site .has-sub{display:flex; align-items:center; flex-wrap:wrap;}
#hisar-home header.home-site .topitem{min-height:44px; display:inline-flex; align-items:center;}
#hisar-home header.home-site .has-sub:hover .sub, #hisar-home header.home-site .has-sub:focus-within .sub{opacity:0; visibility:hidden; transform:translateY(-6px);}
#hisar-home header.home-site .has-sub.open .sub{opacity:1; visibility:visible; transform:none;}
#hisar-home header.home-site .has-sub.open .caret{transform:rotate(225deg) translateY(-3px);}
#hisar-home header.home-site .sub{max-width:calc(100vw - 32px); max-height:calc(100dvh - var(--hisar-header,80px) - 24px); overflow:auto;}
#hisar-home header.home-site .sitenav{gap:.6rem;}
#hisar-home .home-sticky-sentinel{height:0; pointer-events:none;}
@media (max-width:900px){
 #hisar-home header.home-site .topitem{flex:1; width:auto;}
 #hisar-home header.home-site .sub{flex-basis:100%; max-height:none; max-width:100%;}
 #hisar-home header.home-site .sitenav{max-height:calc(100dvh - var(--hisar-header,80px) - var(--hisar-admin,0px) - 8px);}
}
#hisar-home:not(.is-js) .subtoggle{display:none;}
#hisar-home:not(.is-js) header.home-site .has-sub:hover .sub,
#hisar-home:not(.is-js) header.home-site .has-sub:focus-within .sub{opacity:1; visibility:visible; transform:none;}
@media (max-width:900px){#hisar-home:not(.is-js) header.home-site .sub{opacity:1; visibility:visible; transform:none;}}
@media (max-width:760px){
 #hisar-home .hero__title{font-size:clamp(40px,11vw,60px); line-height:1.1;}
 #hisar-home .hero__title em{white-space:normal;}
 #hisar-home .hero__more{font-size:.875rem;}
 #hisar-home.is-js .gallery__slide.is-active img{animation:none; transform:none;}
 #hisar-home .gallery__caption{min-height:230px;}
 #hisar-home .gallery__caption-title{line-height:1.3;}
 #hisar-home .gallery__caption-sub{color:#E2E8EE;}
}
#hisar-home .field-consent .consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;line-height:1.45;cursor:pointer}
#hisar-home .field-consent input{width:20px;height:20px;min-height:0;flex:none;margin-top:2px;accent-color:var(--gold)}