:root{--green:#0e4036;--green2:#062e27;--green3:#174e43;--ivory:#f7f2e7;--ivory2:#efe7da;--gold:#b88a42;--ink:#1f2925;--muted:#66716b;--white:#fff;--line:#ded5c7;--shadow:0 16px 44px rgba(9,54,45,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--ivory);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,242,231,.985);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1540px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px clamp(18px,4vw,58px);min-height:76px}.brand{display:flex;align-items:center;gap:12px;min-width:215px}.brand-logo{display:block!important;flex:0 0 56px!important;width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:cover!important;border-radius:14px!important;box-shadow:0 4px 16px rgba(6,46,39,.13)}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy strong{font-size:15px;letter-spacing:.12em;color:var(--green2);white-space:nowrap}.brand-copy small{margin-top:5px;font-size:10px;color:#737b76;white-space:nowrap}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:15px;font-size:13px}.main-nav>a:not(.btn){padding:8px 0;white-space:nowrap}.main-nav>a:hover{color:var(--gold)}.nav-space{font-weight:800}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--green);border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--green);background:var(--green);color:white!important;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(16,61,52,.14)}.btn-small{padding:9px 16px}.btn.ghost{background:transparent;color:var(--green)!important}.btn.light{background:var(--ivory);border-color:var(--ivory);color:var(--green2)!important}.btn.outline-light{background:transparent;border-color:rgba(255,255,255,.55);color:var(--ivory)!important}.hero{min-height:72vh;display:grid;grid-template-columns:1.35fr .72fr;align-items:center;gap:54px;padding:clamp(58px,8vw,110px) clamp(24px,7vw,110px);background:linear-gradient(135deg,var(--ivory) 60%,#e8dfcf)}.hero h1,.page-head h1{font-family:Georgia,"Times New Roman",serif;color:var(--green2);font-size:clamp(44px,6vw,78px);line-height:1.02;margin:.22em 0}.lead{font-size:clamp(18px,2vw,23px);max-width:850px;color:#4b5651}.lead.small{font-size:18px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:900;color:var(--gold)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-card{background:var(--green);color:var(--ivory);padding:34px;border-radius:28px;box-shadow:0 22px 50px rgba(16,61,52,.18)}.hero-card span{color:#e1c087;font-weight:800}.hero-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.15;margin:18px 0}.section{padding:76px clamp(24px,7vw,110px)}.section.alt{background:#efe8dc}.section h2{font-family:Georgia,"Times New Roman",serif;color:var(--green);font-size:clamp(34px,4vw,48px);line-height:1.12;margin:.2em 0 .6em}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.text-link{font-weight:800;color:var(--green);white-space:nowrap}.text-link:hover{color:var(--gold)}.grid-2,.grid-3,.grid-4{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card,.feature-card{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:20px;padding:24px}.card h3,.feature-card h3{color:var(--green);font-size:21px;margin:.25rem 0 .6rem}.card strong{color:var(--green)}.card-kicker,.feature-card>span{font-size:11px;letter-spacing:.15em;color:var(--gold);font-weight:900}.trip-price{display:block;font-size:26px;margin-top:10px}.trip-dates{font-weight:700}.muted{color:var(--muted);font-size:14px}.page-head{padding:96px clamp(24px,7vw,110px) 70px;min-height:48vh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,var(--ivory),#eee5d5)}.page-head.compact{min-height:34vh}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:24px}.timeline article{padding:30px;border-left:4px solid var(--gold);background:rgba(255,255,255,.78);border-radius:0 18px 18px 0}.timeline b{color:var(--gold);letter-spacing:.08em}.timeline h3{color:var(--green);font-size:23px;margin:.35rem 0}.split-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center}.journey-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.journey-strip div{min-height:126px;border:1px solid var(--line);background:rgba(255,255,255,.62);border-radius:18px;padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between}.journey-strip b{color:var(--gold);font-size:12px}.journey-strip span{font-weight:850;color:var(--green);font-size:14px}.feature-card{min-height:210px;display:flex;flex-direction:column;justify-content:center}.prep-section{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.prep-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.prep-list span{padding:18px 20px;border-radius:16px;background:var(--green);color:var(--ivory);font-weight:800}.human-section{display:flex;justify-content:space-between;align-items:center;gap:44px}.human-section>div:first-child{max-width:820px}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--green2);color:var(--ivory)}.cta-band h2{color:var(--ivory);margin:.2rem 0}.cta-band .eyebrow{color:#e1c087}.cta-band p{color:#d9e2de}.legal-box{max-width:920px;background:white;border:1px solid var(--line);border-radius:20px;padding:30px}.legal-box h2{font-size:30px}.site-footer{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px;padding:54px clamp(24px,7vw,110px);background:var(--green2);color:var(--ivory)}.site-footer a{color:#d7e1dd}.site-footer a:hover{color:#e5bd78}.footer-brand p{margin:.35rem 0;color:#cfd8d4}.footer-column{display:flex;flex-direction:column;gap:8px}.footer-column strong,.footer-brand strong{margin-bottom:7px}.footer-bottom{padding:16px clamp(24px,7vw,110px);background:#03241f;color:#aebdb7;font-size:12px;text-align:center}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:80;background:#1f9d55;color:white;border-radius:999px;padding:12px 18px;font-weight:850;box-shadow:0 12px 30px rgba(0,0,0,.18)}
@media(max-width:1320px){.main-nav{gap:12px}.main-nav>a{font-size:12px}.brand{min-width:190px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:9px}}
@media(max-width:1130px){.menu-toggle{display:flex}.header-inner{position:relative}.main-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:var(--ivory);padding:18px 24px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav>a,.main-nav>a:not(.btn){font-size:15px;padding:10px 0}.main-nav .btn{margin-top:4px}.hero{grid-template-columns:1fr}.hero-card{max-width:560px}.grid-4{grid-template-columns:1fr 1fr}.split-intro,.prep-section{grid-template-columns:1fr}.journey-strip{grid-template-columns:repeat(5,1fr)}.site-footer{grid-template-columns:1fr 1fr}.human-section{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.header-inner{padding:8px 16px;min-height:68px}.brand-logo{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;flex-basis:50px!important}.brand-copy strong{font-size:13px}.brand-copy small{font-size:9px}.hero,.section,.page-head{padding-left:20px;padding-right:20px}.hero{min-height:auto;padding-top:56px;padding-bottom:64px}.page-head{min-height:auto;padding-top:64px;padding-bottom:54px}.page-head h1{font-size:44px}.grid-2,.grid-3,.grid-4,.timeline{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.journey-strip{grid-template-columns:1fr 1fr}.journey-strip div:last-child{grid-column:1/-1}.prep-list{grid-template-columns:1fr 1fr}.cta-band,.site-footer{grid-template-columns:1fr;align-items:flex-start}.cta-band{display:block}.site-footer{gap:28px}.whatsapp-float{right:14px;bottom:14px}.hero h1{font-size:48px}}
@media(max-width:480px){.brand-copy strong{font-size:12px}.brand-copy small{display:none}.brand{min-width:0}.hero h1{font-size:42px}.prep-list{grid-template-columns:1fr}.journey-strip{grid-template-columns:1fr 1fr}.actions .btn{width:100%}}
.home-hero{background:radial-gradient(circle at 82% 30%,#d3c3a7 0,transparent 32%),linear-gradient(125deg,#f8f3e8,#e9e2d2);min-height:610px}
.home-hero .hero-copy{max-width:820px}.home-hero .hero-card{border:1px solid rgba(221,192,131,.45)}
.home-benefits{margin-top:32px}.home-benefits .card{min-height:200px}
.departure-section{background:#e9e0d0}.departure-card{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:clamp(24px,4vw,52px);background:var(--green2);color:var(--ivory);border-radius:28px;box-shadow:var(--shadow)}.departure-card h2{color:var(--ivory);margin:.2em 0}.departure-card p{margin:.4em 0}.departure-price{min-width:225px;display:flex;flex-direction:column;align-items:flex-start}.departure-price strong{font-family:Georgia,serif;font-size:clamp(42px,5vw,68px);line-height:1.1;color:#eacb8b}.departure-price .btn{margin-top:18px}.reassurance{margin-top:18px}.reassurance div{background:#fff9ed;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}.reassurance strong{color:var(--green)}.reassurance span{color:var(--muted);font-size:14px}.city-section{background:linear-gradient(130deg,#e4e9e1,#f8f2e7)}.city-section .btn{margin-top:20px}.faq-list{max-width:940px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-size:18px;font-weight:750;color:var(--green)}.faq-list details p{max-width:780px}
@media(max-width:760px){.home-hero{min-height:auto}.departure-card{flex-direction:column;align-items:flex-start}.departure-price{min-width:0}.reassurance{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.reassurance{grid-template-columns:1fr}}
/* WordPress visual parity: white compact navigation, framed ivory hero, large Kaaba photo. */
body{background:#fff;color:#53645e;font-family:Arial,"Segoe UI",sans-serif}
.site-header{background:#fff;border-bottom:0;box-shadow:none}
.header-inner{max-width:1200px;min-height:80px;padding:8px 16px;gap:28px}
.brand{min-width:180px;flex:0 0 180px}
.brand-logo{width:180px!important;height:auto!important;max-width:180px!important;max-height:64px!important;flex:0 0 auto!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}
.main-nav{gap:15px;font-size:15px;font-weight:400}.main-nav>a:not(.btn){padding:8px 0;color:#155447}
.main-nav>a:first-child{color:#ad8c42}.main-nav .nav-space{margin-left:4px;font-weight:600}
.home-hero{max-width:1168px;margin:32px auto 0;min-height:440px;padding:0 42px;grid-template-columns:1fr 1fr;gap:30px;background:#fbf1e5;align-items:stretch}
.home-hero .hero-copy{padding:8px 0 0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.home-hero .eyebrow{font-size:18px;letter-spacing:.13em;margin:0;color:#b69240}
.home-hero h1{font-family:Arial,"Segoe UI",sans-serif;font-size:clamp(43px,4.4vw,64px);line-height:1.1;letter-spacing:-.025em;max-width:560px;margin:15px 0;color:#06543f;font-weight:750}
.home-hero .lead{font-size:16px;line-height:1.65;max-width:490px;margin:0 0 24px;color:#5a6861}
.home-hero .actions{margin:0 0 6px;gap:8px}
.home-hero .btn{border-radius:6px;padding:11px 17px;font-size:16px}
.home-hero .btn.ghost{border:1px solid #475c50;color:#344b40!important}
.hero-media{align-self:stretch;min-width:0;padding:4px 0}
.hero-media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:38px}
.home-hero+.section{text-align:center;background:#fff;padding-top:28px}
.home-hero+.section h2{font-family:Arial,"Segoe UI",sans-serif;font-size:31px;letter-spacing:.015em;margin:64px 0 20px;color:#0b5845}
.home-hero+.section>.lead{max-width:1120px;margin:0 auto 34px;font-size:16px}
.home-hero+.section .eyebrow{color:#af8e46;font-size:15px}
.home-benefits .card{text-align:left;border:0;background:#fbf1e5}
.section h2{font-family:Arial,"Segoe UI",sans-serif}
.btn{border-radius:6px}
@media(max-width:1130px){.header-inner{max-width:100%}.main-nav{gap:10px}.main-nav>a:not(.btn){font-size:13px}.brand{min-width:145px;flex-basis:145px}.brand-logo{width:145px!important;max-width:145px!important}}
@media(max-width:900px){.menu-toggle{display:flex}.main-nav{gap:0}.main-nav>a:not(.btn){font-size:16px}.home-hero{margin:20px 18px 0}}
@media(max-width:760px){.home-hero{display:flex;flex-direction:column;padding:26px 22px;gap:22px}.home-hero .hero-copy{gap:14px}.home-hero h1{font-size:clamp(40px,9vw,58px);margin:0}.home-hero .lead{margin:0}.home-hero .actions{margin-top:8px}.hero-media{padding:0}.hero-media img{height:auto;max-height:370px;border-radius:22px}.home-hero+.section h2{margin-top:32px;font-size:27px}.header-inner{min-height:68px}.brand{min-width:150px;flex-basis:150px}.brand-logo{width:150px!important;max-width:150px!important}}
.illustrated-step img{display:block;width:150px;height:108px;object-fit:contain;margin:0 auto 18px}.illustrated-step{text-align:center!important}
.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.city-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px}
.city-mobile-photo{display:none}
.section-photo{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:22px}
.city-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center;max-width:1200px;margin:auto}.city-story.reverse>div{order:2}.city-story.reverse>img{order:1}.city-story img{width:100%;max-height:570px;object-fit:cover;border-radius:24px}.city-story p{font-size:18px}.wide-story-image{display:block;max-width:1120px;width:100%;max-height:580px;object-fit:cover;border-radius:24px;margin:auto}.story-cta{text-align:center;margin:32px auto 0}
.hotel-section>p{max-width:800px}.hotel-gallery,.journey-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:26px}.hotel-gallery figure,.journey-gallery figure{margin:0;background:#fff;border:1px solid #e5ddca;border-radius:18px;overflow:hidden}.hotel-gallery img,.journey-gallery img{display:block;width:100%;height:230px;object-fit:cover}.hotel-gallery figcaption,.journey-gallery figcaption{font-size:14px;padding:11px 14px;color:var(--green);font-weight:650}.hotel-gallery figure:first-child{grid-column:span 2;grid-row:span 2}.hotel-gallery figure:first-child img{height:calc(460px + 47px)}.journey-day>p:not(.eyebrow){max-width:780px}.journey-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.journey-gallery img{height:180px}.journey-gallery figcaption{font-size:13px}
.prep-story{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:1100px){.hotel-gallery,.journey-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.city-story,.prep-story{grid-template-columns:1fr}.city-story.reverse>div,.city-story.reverse>img{order:initial}.hotel-gallery,.journey-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-gallery figure:first-child{grid-column:span 2;grid-row:auto}.hotel-gallery figure:first-child img{height:300px}.journey-gallery img{height:180px}.city-grid{display:none}.city-mobile-photo{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin:20px 0}}
@media(max-width:480px){.journey-gallery{grid-template-columns:1fr 1fr;gap:9px}.journey-gallery img{height:130px}.journey-gallery figcaption{font-size:12px;padding:8px}.hotel-gallery{grid-template-columns:1fr}.hotel-gallery figure:first-child{grid-column:auto}.hotel-gallery figure:first-child img{height:260px}}