:root {
  --cream: #f4efe8;
  --cream-2: #eee6dc;
  --paper: #faf8f4;
  --brown: #735a49;
  --brown-deep: #5d4638;
  --ink: #2c2926;
  --muted: #81766c;
  --line: rgba(44,41,38,.14);
  --white: #fffdf9;
  --serif: "Playfair Display", Georgia, serif;
  --sans: "DM Sans", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.65;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { max-width: 1240px; }
.site-header {
  position: fixed; top: 0; left: 0; width: 100%; z-index: 50;
  padding: 22px 0; color: var(--white);
  transition: .45s ease;
}
.site-header.scrolled {
  padding: 12px 0;
  background: rgba(250,248,244,.94);
  backdrop-filter: blur(14px);
  color: var(--ink);
  box-shadow: 0 1px 0 var(--line);
}
.brand {
  display: inline-flex; align-items: center; gap: 8px;
  text-transform: lowercase; font-size: 18px; letter-spacing: -.02em;
}
.brand-mark { font-size: 18px; }
.desktop-nav { display:flex; justify-content:center; gap: 32px; }
.desktop-nav a { font-size: 12px; opacity: .82; transition: .25s; }
.desktop-nav a:hover { opacity: 1; }
.header-actions { display:flex; justify-content:flex-end; align-items:center; gap: 14px; }
.header-book {
  padding: 9px 17px; border: 1px solid currentColor; border-radius: 999px;
  font-size: 11px; letter-spacing: .02em; transition: .25s;
}
.header-book:hover { background: var(--ink); color: var(--white); border-color: var(--ink); }
.site-header:not(.scrolled) .header-book:hover { background: var(--white); color: var(--brown-deep); border-color: var(--white); }
.menu-toggle { display:none; border:0; background:transparent; padding:5px; }
.menu-toggle span { display:block; width:22px; height:1px; background:currentColor; margin:5px 0; }
.mobile-menu { display:none; }

.hero { position:relative; min-height: 100vh; display:flex; align-items:center; color:var(--white); overflow:hidden; }
.hero-image {
  position:absolute; inset:0;
  background-image:url("https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=2200&q=85");
  background-size:cover; background-position:center;
  transform:scale(1.03); animation: heroZoom 14s ease-out forwards;
}
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(38,28,22,.62),rgba(38,28,22,.12) 70%,rgba(38,28,22,.18)); }
.hero-content { position:relative; z-index:2; padding-top:90px; }
.eyebrow { margin:0 0 18px; font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
.eyebrow.light { color:rgba(255,253,249,.72); }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-weight:400; }
h1 { font-family:var(--sans); font-size:clamp(58px,8vw,112px); line-height:.92; letter-spacing:-.045em; margin-bottom:30px; }
h1 em,h2 em,h3 em { font-style:italic; font-family:var(--sans); }
.hero-copy { max-width:510px; font-size:17px; color:rgba(255,253,249,.86); }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:32px; }
.btn {
  display:inline-flex; align-items:center; gap:18px; justify-content:center;
  border:1px solid transparent; padding:13px 19px; border-radius:999px;
  font-size:11px; font-weight:600; transition:.3s ease; cursor:pointer;
}
.btn span { transition:.3s; }
.btn:hover span { transform:translate(3px,-3px); }
.btn-light { background:var(--white); color:var(--brown-deep); }
.btn-light:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.12); }
.btn-dark { background:var(--brown-deep); color:var(--white); }
.btn-dark:hover { background:var(--ink); }
.text-link { font-size:11px; border-bottom:1px solid currentColor; padding-bottom:4px; }
.light-link { color:var(--white); }
.dark-link { color:var(--brown-deep); }
.hero-scroll { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); font-size:9px; letter-spacing:.2em; opacity:.75; }
.hero-scroll span { margin-left:10px; }
.section-pad { padding:120px 0; }
.intro { background:var(--paper); }
.intro h2, .journey h2, .experiences h2, .retreats h2, .story h2, .values h2, .final-cta h2 {
  font-family:var(--sans); font-size:clamp(40px,5.2vw,70px); line-height:1.02; letter-spacing:-.035em; margin-bottom:25px;
}
.lead { max-width:680px; margin:0 auto; color:var(--muted); font-size:16px; }

.section-heading { margin-bottom:55px; }
.section-heading > div:last-child { color:var(--muted); }
.feeling-grid { margin-bottom:40px; }
.feeling-card {
  position:relative; width:100%; min-height:190px; text-align:left;
  border:1px solid var(--line); background:transparent; padding:25px;
  color:var(--ink); cursor:pointer; transition:.35s ease; overflow:hidden;
}
.feeling-card:before { content:""; position:absolute; inset:0; background:var(--brown); transform:translateY(101%); transition:.45s cubic-bezier(.2,.7,.2,1); }
.feeling-card > * { position:relative; z-index:1; }
.feeling-card:hover:before, .feeling-card.active:before { transform:translateY(0); }
.feeling-card:hover, .feeling-card.active { color:var(--white); border-color:var(--brown); }
.number { display:block; font-size:10px; opacity:.55; margin-bottom:55px; }
.feeling-title { display:block; font-family:var(--sans); font-size:26px; }
.feeling-sub { display:block; font-size:11px; color:var(--muted); margin-top:3px; }
.feeling-card:hover .feeling-sub, .feeling-card.active .feeling-sub { color:rgba(255,255,255,.72); }
.arrow { position:absolute; right:24px; bottom:24px; font-size:18px; transition:.3s; }
.feeling-card:hover .arrow { transform:translate(4px,-4px); }

.recommendation { display:none; background:var(--cream-2); padding:38px; margin-top:18px; animation:fadeUp .5s ease; }
.recommendation.show { display:block; }
.recommendation h3 { font-family:var(--sans); font-size:38px; line-height:1.05; margin-bottom:10px; }
.recommendation p { color:var(--muted); }
.recommendation-action { display:flex; justify-content:flex-end; }

.values { background:var(--brown-deep); color:var(--white); }
.values h2 { color:var(--white); }
.values p { color:rgba(255,253,249,.72); }
.value-list { border-top:1px solid rgba(255,255,255,.2); }
.value-item { display:grid; grid-template-columns:45px 1fr; gap:20px; padding:23px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.value-item > span { font-size:10px; opacity:.55; }
.value-item strong { font-family:var(--sans); font-size:23px; font-weight:400; }
.value-item p { margin:3px 0 0; font-size:12px; }

.experience-grid { margin-bottom:40px; }
.experience-card { position:relative; display:block; overflow:hidden; color:var(--white); min-height:250px; }
.experience-card.large { min-height:580px; }
.experience-card.wide { min-height:275px; }
.experience-image { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.experience-card:hover .experience-image { transform:scale(1.045); }
.image-reiki { background-image:url("https://images.unsplash.com/photo-1600334089648-b0d9d3028eb2?auto=format&fit=crop&w=1200&q=85"); }
.image-hypno { background-image:url("https://images.unsplash.com/photo-1506126613408-eca07ce68773?auto=format&fit=crop&w=900&q=85"); }
.image-nlp { background-image:url("https://images.unsplash.com/photo-1499209974431-9dddcece7f88?auto=format&fit=crop&w=900&q=85"); }
.image-regression { background-image:url("https://images.unsplash.com/photo-1518611012118-696072aa579a?auto=format&fit=crop&w=1200&q=85"); }
.experience-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(30,22,18,.72),rgba(30,22,18,.05) 75%); }
.experience-content { position:absolute; left:27px; right:27px; bottom:25px; }
.experience-content > span:first-child { font-size:9px; letter-spacing:.14em; opacity:.75; }
.experience-content h3 { font-family:var(--sans); font-size:38px; line-height:1; margin:12px 0; }
.experience-card.small .experience-content h3 { font-size:29px; }
.experience-content p { max-width:400px; font-size:12px; color:rgba(255,255,255,.78); }
.card-link { font-size:10px; border-bottom:1px solid rgba(255,255,255,.6); padding-bottom:3px; }

.story { background:var(--cream); }
.story-image { min-height:620px; background:url("https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=1300&q=85") center/cover; }
.story-lead { font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--brown); }
.story p:not(.eyebrow):not(.story-lead) { color:var(--muted); max-width:480px; }

.retreat-card { border:1px solid var(--line); background:var(--paper); }
.retreat-image { min-height:300px; background-size:cover; background-position:center; }
.retreat-one { background-image:url("https://images.unsplash.com/photo-1515377905703-c4788e51af15?auto=format&fit=crop&w=1000&q=85"); }
.retreat-two { background-image:url("https://images.unsplash.com/photo-1511632765486-a01980e01a18?auto=format&fit=crop&w=1000&q=85"); }
.retreat-three { background-image:url("https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=1000&q=85"); }
.retreat-body { padding:25px; }
.retreat-body > span { font-size:10px; color:var(--muted); }
.retreat-body h3 { font-family:var(--sans); font-size:29px; margin:25px 0 10px; }
.retreat-body p { color:var(--muted); font-size:12px; min-height:58px; }
.retreat-body a { font-size:10px; border-bottom:1px solid var(--ink); padding-bottom:3px; }

.final-cta { padding:130px 0; background:var(--brown); color:var(--white); }
.final-cta h2 { color:var(--white); }
.final-cta p:not(.eyebrow) { color:rgba(255,255,255,.75); margin-bottom:28px; }

.site-footer { background:#29221e; color:rgba(255,253,249,.72); padding:65px 0 25px; }
.footer-brand { color:var(--white); }
.footer-tagline { max-width:280px; margin-top:20px; font-family:var(--sans); font-size:22px; color:var(--white); line-height:1.2; }
.footer-top { padding-bottom:55px; border-bottom:1px solid rgba(255,255,255,.14); }
.footer-col { display:flex; flex-direction:column; gap:7px; font-size:11px; }
.footer-label { color:var(--white); font-size:9px; letter-spacing:.16em; text-transform:uppercase; margin-bottom:12px; }
.footer-col a:hover { color:var(--white); }
.location p { line-height:1.8; }
.footer-bottom { padding-top:20px; font-size:9px; opacity:.55; }
.footer-bottom-right { text-align:right; }

.reveal { opacity:0; transform:translateY(25px); transition:opacity .8s ease, transform .8s ease; }
.reveal.visible { opacity:1; transform:none; }

@keyframes heroZoom { to { transform:scale(1); } }
@keyframes fadeUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }

@media (max-width: 991px) {
  .desktop-nav { display:none; }
  .menu-toggle { display:block; }
  .header-book { display:none; }
  .mobile-menu {
    position:absolute; top:100%; left:0; width:100%;
    padding:25px; background:rgba(250,248,244,.98); color:var(--ink);
    display:flex; flex-direction:column; gap:18px; transform:translateY(-10px); opacity:0; pointer-events:none; transition:.3s;
  }
  .mobile-menu.open { transform:none; opacity:1; pointer-events:auto; }
  .mobile-menu a { font-family:var(--sans); font-size:25px; }
  .mobile-menu .mobile-book { font-family:var(--sans); font-size:11px; border:1px solid var(--ink); padding:12px 15px; border-radius:999px; text-align:center; }
  .section-pad { padding:85px 0; }
  .hero { min-height:780px; }
  .hero-content { padding-top:80px; }
  .story-image { min-height:500px; margin-bottom:45px; }
  .recommendation-action { justify-content:flex-start; margin-top:12px; }
}
@media (max-width: 575px) {
  .container { padding-left:20px; padding-right:20px; }
  .site-header { padding:18px 0; }
  h1 { font-size:60px; }
  .hero-copy { font-size:15px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:17px; }
  .hero { min-height:720px; }
  .section-pad { padding:70px 0; }
  .intro h2, .journey h2, .experiences h2, .retreats h2, .story h2, .values h2, .final-cta h2 { font-size:42px; }
  .feeling-card { min-height:150px; }
  .number { margin-bottom:30px; }
  .recommendation { padding:25px; }
  .recommendation h3 { font-size:30px; }
  .experience-card.large { min-height:460px; }
  .experience-card.wide { min-height:230px; }
  .story-image { min-height:430px; }
  .retreat-image { min-height:230px; }
  .footer-bottom-right { text-align:left; margin-top:8px; }
}

/* V2 visual direction */
.site-logo{width:155px;height:auto;display:block}.footer-logo{width:155px;height:auto;display:block}.hero{min-height:100vh}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{display:none}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,34,35,.68),rgba(18,34,35,.16) 70%,rgba(18,34,35,.28))}.hero h1,.hero h1 em,.intro h2,.intro h2 em,.journey h2,.journey h2 em,.experiences h2,.experiences h2 em,.story h2,.story h2 em,.values h2,.values h2 em,.final-cta h2,.final-cta h2 em,.experience-content h3,.retreat-body h3{font-family:var(--sans);font-style:normal}.journey{background:var(--cream)}.start-where-grid{margin-bottom:18px}.start-where-image{height:100%;min-height:590px;background:url("https://images.unsplash.com/photo-1515377905703-c4788e51af15?auto=format&fit=crop&w=1200&q=88") center/cover;position:relative;overflow:hidden}.start-where-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,34,35,.65),transparent 60%)}.start-where-image>div{position:absolute;z-index:2;left:28px;bottom:28px;color:#fff}.start-where-image span{display:block;font-size:9px;letter-spacing:.18em;margin-bottom:10px}.start-where-image strong{font-size:31px;line-height:1.05;font-weight:600}.feeling-card:before{background:var(--brown-deep)}.recommendation{background:var(--brown-deep)}.values{background:var(--brown-deep)}.immersive-section{height:720px;position:relative;overflow:hidden;color:#fff}.immersive-image{position:absolute;inset:-4%;background:url("https://images.unsplash.com/photo-1515377905703-c4788e51af15?auto=format&fit=crop&w=2200&q=88") center/cover;transition:transform 1.2s ease}.immersive-section.in-view .immersive-image{transform:scale(1.035)}.immersive-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,34,35,.78),rgba(18,34,35,.12) 72%)}.immersive-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}.immersive-content h2{font-family:var(--sans);font-size:clamp(48px,6vw,78px);font-weight:600;line-height:1.02;margin-bottom:22px}.immersive-content p{max-width:540px;color:rgba(255,255,255,.76)}.story-image{background-image:url("https://anahataspa.ae/wp-content/uploads/2023/12/SHAMMA-NASSER-AL-NOWAIS-Founder-of-AnahataSpa.jpeg2")}.site-header.scrolled{background:rgba(18,34,35,.96)}
@media(max-width:991px){.start-where-image{min-height:420px;margin-bottom:18px}.immersive-section{height:620px}}
@media(max-width:575px){.site-logo{width:132px}.start-where-image{min-height:390px}.immersive-section{height:590px}}


/* V3 — strict Anahata palette: #FFFFFF / #122223 / #F4EFE8 */
:root{
  --white:#FFFFFF;
  --ink:#122223;
  --cream:#F4EFE8;
  --cream-2:#F4EFE8;
  --paper:#FFFFFF;
  --brown:#122223;
  --brown-deep:#122223;
  --muted:#122223;
  --line:rgba(18,34,35,.18);
}
body{background:var(--white);color:var(--ink);}
body,.btn,.header-book,.mobile-menu,.site-header,.feeling-card,.recommendation,.retreat-card,.site-footer{font-family:"Space Grotesk","Manrope",Arial,sans-serif;}
/* Keep typography geometric and modern. No italic styling anywhere. */
em{font-style:normal!important;}
h1,h2,h3,.intro h2,.journey h2,.experiences h2,.retreats h2,.story h2,.values h2,.final-cta h2,.immersive-content h2{font-family:"Space Grotesk","Manrope",Arial,sans-serif!important;font-style:normal!important;font-weight:500;letter-spacing:-.055em;}
.eyebrow{color:var(--ink);opacity:.62;}
.eyebrow.light{color:var(--white);opacity:.72;}
.lead,.section-heading>div:last-child,.story p:not(.eyebrow):not(.story-lead),.retreat-body p,.recommendation p{color:var(--ink);opacity:.72;}

/* Navigation: clean and almost invisible until scrolling */
.site-header{background:transparent!important;color:var(--white);box-shadow:none!important;}
.site-header.scrolled{background:rgba(18,34,35,.96)!important;color:var(--white);backdrop-filter:blur(12px);padding:14px 0;}
.site-header .header-book{border-color:rgba(255,255,255,.62);}
.site-header .header-book:hover{background:var(--white);color:var(--ink);border-color:var(--white);}

/* Hero */
.hero-overlay{background:linear-gradient(90deg,rgba(18,34,35,.78),rgba(18,34,35,.20) 68%,rgba(18,34,35,.34));}
.hero h1{max-width:850px;}
.hero-copy{color:var(--white);opacity:.82;}

/* Intro */
.intro{background:var(--white);}
.intro h2{font-size:clamp(50px,6vw,84px);max-width:850px;margin-left:auto;margin-right:auto;}

/* Journey */
.journey{background:var(--cream);}
.feeling-card{background:transparent;border-color:rgba(18,34,35,.22);}
.feeling-card:before{background:var(--ink)!important;}
.feeling-sub{color:var(--ink);opacity:.62;}
.recommendation{background:var(--ink)!important;color:var(--white);}
.recommendation .eyebrow,.recommendation p{color:var(--white);opacity:.72;}
.recommendation h3{color:var(--white);}
.start-where-image:after{background:linear-gradient(0deg,rgba(18,34,35,.80),rgba(18,34,35,.04) 70%);}

/* Dark visual chapters */
.values,.final-cta,.site-footer{background:var(--ink)!important;}
.values p,.final-cta p:not(.eyebrow),.site-footer{color:var(--white);opacity:.78;}
.value-item p{color:var(--white);opacity:.68;}
.immersive-overlay{background:linear-gradient(90deg,rgba(18,34,35,.82),rgba(18,34,35,.08) 75%);}

/* Founder image: reliable direct image supplied by user */
.story{background:var(--cream);}
.story-image{background-image:url("https://definition.ae/storage/2024/11/Shamma-Nasser-Al-Nuwais.jpg")!important;background-position:center top;}
.story-lead{color:var(--ink);opacity:.68;}

/* Experiences and retreats */
.experiences,.retreats{background:var(--white);}
.retreat-card{border-color:rgba(18,34,35,.18);}
.experience-overlay{background:linear-gradient(0deg,rgba(18,34,35,.82),rgba(18,34,35,.03) 76%);}
.experience-content p{color:var(--white);opacity:.8;}
.retreat-body>span{color:var(--ink);opacity:.55;}

/* Social row */
.footer-social{display:flex;flex-wrap:wrap;gap:18px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.16);}
.footer-social a{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--white);opacity:.72;transition:.25s;}
.footer-social a:hover{opacity:1;}

@media(max-width:991px){
  .mobile-menu{background:var(--ink)!important;color:var(--white)!important;}
  .mobile-menu .mobile-book{border-color:var(--white);}
}
@media(max-width:575px){
  .intro h2{font-size:46px;}
}


/* V4 demo polish — hamburger stays white and becomes a close icon */
.menu-toggle{color:#FFFFFF!important;position:relative;width:38px;height:38px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:80;}
.menu-toggle span{position:absolute;left:8px;width:22px;height:1.5px;background:#FFFFFF!important;margin:0;transition:transform .28s ease,opacity .2s ease;}
.menu-toggle span:first-child{transform:translateY(-4px);}
.menu-toggle span:last-child{transform:translateY(4px);}
.menu-toggle[aria-expanded="true"] span:first-child{transform:rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:last-child{transform:rotate(-45deg);}
@media(max-width:991px){.menu-toggle{display:inline-flex!important}.site-header.scrolled .menu-toggle{color:#FFFFFF!important}.site-header.scrolled .menu-toggle span{background:#FFFFFF!important}}

.hero-video.video-failed{display:none}


/* V6 — cinematic Vimeo hero demo */
.hero-video-frame{position:absolute;inset:0;overflow:hidden;background:#122223;z-index:0}
.hero-video-frame iframe{position:absolute;top:50%;left:50%;width:177.77777778vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.hero-overlay{z-index:1}
.hero-content,.hero-scroll{z-index:2}
@media(max-width:767px){.hero-video-frame iframe{width:177.77777778vh;height:100vh;min-width:177.77777778vh;min-height:100vh}}