:root{--ink:#27142b;--plum:#341535;--wine:#57264c;--rose:#b66b71;--cream:#f7f0e5;--gold:#d9ae67;--line:rgba(52,21,53,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;position:absolute;width:100%;z-index:3;color:var(--cream)}.brand{font-size:23px;font-family:'Playfair Display',serif;letter-spacing:-.6px}.brand em{font-weight:500}.brand-star{color:var(--gold);font-size:18px;margin-right:3px}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav nav>a:not(.nav-cta){opacity:.85}.nav-cta{border:1px solid rgba(247,240,229,.58);padding:11px 18px;border-radius:30px}.menu-button{display:none;background:transparent;border:0;color:inherit;font-size:23px}.hero{min-height:710px;background:var(--plum);position:relative;overflow:hidden;color:var(--cream);display:flex;align-items:center;padding:125px 11vw 80px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,12,35,.98) 0%,rgba(35,12,35,.82) 38%,rgba(35,12,35,.12) 72%,rgba(35,12,35,.2));z-index:1}.hero-copy{z-index:2;max-width:600px}.eyebrow,.section-label{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700}.eyebrow{color:var(--gold);margin:0 0 21px}.hero h1,h2{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-2.7px;line-height:.98;margin:0}.hero h1{font-size:clamp(54px,6vw,88px)}em{font-style:italic}.intro{font-size:18px;line-height:1.6;max-width:430px;margin:28px 0 34px;color:rgba(247,240,229,.82)}.hero-actions{display:flex;align-items:center;gap:25px}.button{border-radius:30px;padding:16px 22px;display:inline-flex;gap:22px;align-items:center;font-size:14px;font-weight:600}.button span{font-size:20px;line-height:10px}.button-gold{background:var(--gold);color:var(--plum)}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-flex;gap:10px;align-items:center}.availability{font-size:12px;margin-top:50px;display:flex;gap:8px;align-items:center;color:rgba(247,240,229,.78)}.pulse{width:7px;height:7px;border-radius:50%;background:#d59b84;box-shadow:0 0 0 4px rgba(213,155,132,.12)}.hero-portrait{position:absolute;inset:0;background:url('assets/neha-tarot-hero.png') center right/cover no-repeat;filter:saturate(.75);z-index:0}.hero-note{z-index:2;position:absolute;right:5vw;bottom:35px;padding:13px 17px;border:1px solid rgba(247,240,229,.31);display:flex;gap:11px;align-items:center;background:rgba(45,14,44,.18);backdrop-filter:blur(5px)}.hero-note>span{color:var(--gold);font-size:21px}.hero-note strong,.hero-note small{display:block}.hero-note strong{font-size:12px}.hero-note small{font-size:10px;margin-top:3px;opacity:.7}.marquee{background:var(--gold);overflow:hidden;white-space:nowrap;color:var(--plum);font:500 20px 'Playfair Display',serif;padding:13px 0}.marquee div{display:inline-block;animation:slide 28s linear infinite}.marquee i{font-style:normal;margin:0 25px;font-size:13px}@keyframes slide{to{transform:translateX(-50%)}}.section{padding:125px 11vw}.section-label{color:#956a4c}.about{display:grid;grid-template-columns:25% 1fr;gap:20px}.about-content{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw}.large-copy{font:500 clamp(31px,3.5vw,53px)/1.12 'Playfair Display',serif;letter-spacing:-1.6px;margin:0}.about-detail{border-left:1px solid var(--line);padding-left:27px;margin-top:8px}.about-detail p,.section-heading>p,.process-intro>p{font-size:14px;line-height:1.75;color:#675563;margin:0 0 25px}.readings{padding-top:85px;background:#f0e5d7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-heading h2,.process h2,.booking h2{font-size:clamp(43px,4.5vw,64px)}.section-heading>p{width:275px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.reading-card{border:1px solid var(--line);min-height:345px;padding:24px;position:relative;display:flex;flex-direction:column}.reading-card.featured{background:var(--wine);color:var(--cream);border-color:var(--wine)}.card-num{font-size:11px;color:#956a4c;font-weight:bold}.featured .card-num{color:#dcae80}.card-icon{font:43px 'Playfair Display';margin:auto 0 18px;color:#9c5e66}.featured .card-icon{color:var(--gold)}.reading-card h3{font:500 29px 'Playfair Display';margin:0 0 10px;letter-spacing:-1px}.reading-card>p{font-size:13px;line-height:1.65;color:#705e69;max-width:260px;margin:0}.featured>p{color:rgba(247,240,229,.75)}.card-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.featured .card-footer{border-color:rgba(247,240,229,.2)}.card-footer a{font-size:20px}.quote-section{background:var(--plum);color:var(--cream);padding:115px 20vw;text-align:center}.quote-section blockquote{font:500 clamp(31px,3.8vw,55px)/1.15 'Playfair Display';letter-spacing:-1.8px;margin:0}.quote-by{margin-top:28px;display:flex;justify-content:center;gap:24px;align-items:center;font-size:12px;color:rgba(247,240,229,.75)}.quote-dots{color:var(--gold);font-size:9px}.quote-dots i{opacity:.32;font-style:normal}.process{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.process-intro h2{margin:15px 0 23px}.steps>div{display:grid;grid-template-columns:55px 1fr 1.3fr;border-top:1px solid var(--line);padding:19px 0 26px}.steps span{font:11px 'DM Sans';color:#956a4c;font-weight:bold}.steps h3{font:500 22px 'Playfair Display';margin:0}.steps p{font-size:13px;line-height:1.65;margin:3px 0;color:#675563}.booking{min-height:475px;background:linear-gradient(125deg,#502044,#2a112c);color:var(--cream);padding:85px 11vw;position:relative;overflow:hidden}.booking-content{max-width:700px;position:relative;z-index:1}.booking h2{max-width:610px}.booking-copy{max-width:480px;line-height:1.65;color:rgba(247,240,229,.77);font-size:15px;margin:25px 0 30px}.button-light{background:var(--cream);color:var(--plum)}.booking-orbit{position:absolute;border:1px solid rgba(217,174,103,.34);border-radius:50%;color:var(--gold);display:grid;place-items:center}.orbit-one{height:500px;width:500px;right:-100px;top:-155px;font-size:30px}.orbit-two{height:290px;width:290px;right:15%;bottom:-180px;font-size:24px}footer{padding:33px 5.5vw;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6b5864}footer .brand{color:var(--ink);font-size:19px}footer p{margin:0}footer div{display:flex;gap:18px}footer div a{border-bottom:1px solid #a39096;padding-bottom:2px}
@media (max-width:720px), (max-width:900px) and (orientation:landscape){.nav{padding:0 7vw}.nav nav{display:none}.menu-button{display:block}.hero{min-height:720px;padding:135px 7vw 115px;align-items:flex-start}.hero:after{background:linear-gradient(180deg,rgba(35,12,35,.72),rgba(35,12,35,.95) 78%)}.hero-portrait{background-position:62% center}.hero h1{font-size:57px}.intro{font-size:16px}.hero-note{right:7vw;bottom:27px}.section{padding:78px 7vw}.about,.about-content,.process{display:block}.about .section-label{margin-bottom:23px}.about-detail{border-left:0;padding-left:0;margin-top:30px}.section-heading{display:block}.section-heading>p{width:auto;margin-top:18px}.cards{grid-template-columns:1fr}.reading-card{min-height:290px}.quote-section{padding:78px 8vw}.process-intro{margin-bottom:38px}.steps>div{grid-template-columns:40px 1fr;padding-bottom:20px}.steps p{grid-column:2;margin-top:10px}.booking{padding:78px 7vw}.booking h2{font-size:47px}footer{padding:28px 7vw;display:block}footer p{margin:18px 0}footer div{gap:18px}}

/* Golden mystic colourway */
:root{--ink:#29152f;--plum:#21102d;--wine:#5a285c;--rose:#a6648d;--cream:#fff7e9;--gold:#e2b657;--line:rgba(105,66,48,.23)}
body{background:radial-gradient(circle at 13% 15%,rgba(231,185,90,.20),transparent 27%),radial-gradient(circle at 90% 46%,rgba(112,66,128,.12),transparent 28%),#fff7e9}
.hero{background:linear-gradient(125deg,#160b25,#4a1d54 58%,#251332)}
.hero:after{background:linear-gradient(90deg,rgba(18,7,31,.98) 0%,rgba(28,9,43,.82) 42%,rgba(51,19,62,.15) 73%,rgba(21,8,33,.35))}
.marquee{background:linear-gradient(90deg,#d79b36,#f1cd79,#d79b36)}
.readings{background:linear-gradient(135deg,#f5e5c8,#f9f1e4 56%,#ead8b6)}
.reading-card{background:rgba(255,250,240,.72);border-color:rgba(135,89,42,.28);box-shadow:0 14px 35px rgba(75,37,70,.08)}
.reading-card.featured{background:linear-gradient(145deg,#3d1748,#6c3168);border-color:#6c3168;box-shadow:0 15px 34px rgba(72,24,76,.24)}
.quote-section{background:radial-gradient(circle at 50% -40%,#75436e,#24102f 62%)}
#recognition{background:linear-gradient(135deg,#f1dfba,#fff6e6 55%,#ecd4a3)!important;border-color:rgba(151,105,46,.28)!important}
.booking{background:linear-gradient(120deg,#2a1038,#6b2f68 55%,#2d1239)}
.booking:after{content:'✦  ✧  ✦';position:absolute;right:8vw;bottom:34px;color:rgba(226,182,87,.55);letter-spacing:18px;font-size:19px}
.button-gold{background:linear-gradient(135deg,#e5bc63,#f7d987);box-shadow:0 8px 20px rgba(224,174,75,.24)}

/* White, Gold & Plum colourway */
:root{--ink:#3a173b;--plum:#3a173b;--wine:#6a3564;--rose:#af7b69;--cream:#fffdf8;--gold:#d6aa52;--line:rgba(84,38,72,.18)}
body{background:radial-gradient(circle at 10% 14%,rgba(231,196,117,.18),transparent 27%),radial-gradient(circle at 91% 48%,rgba(121,67,110,.08),transparent 25%),#fffdf8}
.hero{background:linear-gradient(125deg,#3a173b,#6c3265 58%,#3e193e)}
.hero:after{background:linear-gradient(90deg,rgba(48,17,49,.98) 0%,rgba(61,22,60,.83) 42%,rgba(98,41,88,.16) 73%,rgba(47,16,48,.35))}
.marquee{background:linear-gradient(90deg,#d4a64e,#f0d58d,#d4a64e);color:#3a173b}
.readings{background:linear-gradient(135deg,#fffaf0,#f6e7c7 52%,#fffdf8)}
.reading-card{background:rgba(255,255,255,.82);border-color:rgba(155,108,55,.28);box-shadow:0 14px 35px rgba(80,36,74,.08)}
.reading-card.featured{background:linear-gradient(145deg,#4b1e4b,#713866);border-color:#713866;box-shadow:0 15px 34px rgba(75,28,70,.24)}
.quote-section{background:linear-gradient(135deg,#3a173b,#61305e)}
#recognition{background:linear-gradient(135deg,#fff8e9,#f4dfad 53%,#fffdf8)!important;border-color:rgba(155,108,55,.24)!important}
.booking{background:linear-gradient(120deg,#3a173b,#6c3265 55%,#421a42)}
.booking:after{color:rgba(231,195,111,.60)}
.button-gold{background:linear-gradient(135deg,#d2a14a,#f2d889);box-shadow:0 8px 20px rgba(198,144,46,.24)}

/* Light presentation: white surfaces with plum typography */
.nav{color:var(--plum)}
.nav-cta{border-color:rgba(58,23,59,.42)}
.hero{background:#fffdf8;color:var(--plum)}
.hero:after{background:linear-gradient(to left,rgba(255,253,248,.70) 0%,rgba(255,253,248,.48) 42%,rgba(255,253,248,.16) 74%,rgba(255,253,248,.04))}
.intro,.availability{color:rgba(58,23,59,.75)}
.hero-note{border-color:rgba(58,23,59,.22);background:rgba(255,253,248,.78)}
.quote-section{background:#fffdf8;color:var(--plum);border-top:1px solid rgba(155,108,55,.24);border-bottom:1px solid rgba(155,108,55,.24)}
.quote-by{color:rgba(58,23,59,.72)}
.reading-card.featured{background:rgba(255,255,255,.86);color:var(--plum);border-color:rgba(155,108,55,.34);box-shadow:0 14px 35px rgba(80,36,74,.08)}
.featured .card-num,.featured .card-icon{color:#b98732}
.featured>p{color:#705e69}
.featured .card-footer{border-color:rgba(84,38,72,.18)}
.booking{background:#fffdf8;color:var(--plum);border-top:1px solid rgba(155,108,55,.24)}
.booking-copy{color:rgba(58,23,59,.75)}
.button-light{background:linear-gradient(135deg,#d2a14a,#f2d889);color:var(--plum)}
.booking:after{color:rgba(191,139,44,.50)}

/* Plum moments for contrast, without changing the hero */
.reading-card.featured{background:linear-gradient(145deg,#4b1e4b,#713866);color:var(--cream);border-color:#713866;box-shadow:0 15px 34px rgba(75,28,70,.24)}
.featured .card-num{color:#e3bd6c}.featured .card-icon{color:var(--gold)}
.featured>p{color:rgba(255,253,248,.76)}
.featured .card-footer{border-color:rgba(255,253,248,.22)}
.quote-section{background:linear-gradient(135deg,#3a173b,#61305e);color:var(--cream);border:0}
.quote-by{color:rgba(255,253,248,.72)}
.booking{background:linear-gradient(120deg,#3a173b,#6c3265 55%,#421a42);color:var(--cream);border:0}
.booking-copy{color:rgba(255,253,248,.76)}
.button-light{background:#fffdf8;color:var(--plum)}

/* Give the full wreath logo room in the header */
.nav{height:180px}
.nav .brand{transform:translateX(192px)}
.nav .brand img{filter:contrast(1.7) saturate(1.35) drop-shadow(0 0 .4px #3a173b)}
.hero{padding-top:220px}
.hero-copy{transform:translateY(-42px)}
@media (max-width:720px), (max-width:900px) and (orientation:landscape){.nav{height:136px}.nav .brand{transform:translateX(48px)}.nav .brand img{width:123px!important;height:123px!important}.hero{padding-top:174px}.hero-copy{transform:translateY(-24px)}}

.hero-directions{display:inline-flex;align-items:center;gap:4px;margin-top:7px;font-size:10px;font-weight:700;color:#4285f4;border-bottom:1px solid currentColor;padding-bottom:1px}.hero-directions svg{width:12px;height:12px}

/* Mobile header: compact logo with a collapsible navigation drawer */
@media (max-width:720px), (max-width:900px) and (orientation:landscape){
  .nav{height:72px!important;padding:0 5vw!important;align-items:center!important}
  .nav .brand{display:block!important;position:absolute!important;top:578px;bottom:auto;left:calc(7vw - 14px);transform:none!important;z-index:6;opacity:.82}
  .nav .brand img{content:url('assets/mystic-vibes-white-gold.png');width:104px!important;height:104px!important;filter:none!important}
  .menu-button{display:block!important;position:relative;z-index:5;margin-left:auto!important;color:var(--plum)!important;font-size:29px!important;padding:10px!important}
  .nav nav{display:none!important;position:absolute;z-index:4;top:86px;right:5vw;width:min(240px,90vw);padding:12px;background:rgba(255,253,248,.40);border:1px solid rgba(84,38,72,.18);box-shadow:0 14px 35px rgba(58,23,59,.16);backdrop-filter:blur(10px);flex-direction:column;align-items:stretch;gap:0}
  .nav nav.open{display:flex!important}
  .nav nav a{display:block;width:100%;padding:12px 10px;opacity:1!important;font-size:14px}
  .nav .nav-cta{border:0;border-top:1px solid rgba(84,38,72,.18);border-radius:0;margin-top:4px;color:var(--plum)}
  .hero{min-height:700px!important;padding:0!important;align-items:flex-start!important}
  .hero-copy{position:absolute!important;inset:0!important;left:auto!important;transform:none!important;width:auto!important;max-width:none!important;padding:20px 7vw 90px!important;background:linear-gradient(90deg,rgba(58,23,59,.46),rgba(58,23,59,.12));border-left:0;box-shadow:none}
  .hero h1{font-size:clamp(48px,14vw,58px)!important;line-height:1!important;letter-spacing:-2px!important;color:#fff!important;text-shadow:0 2px 12px rgba(38,12,37,.48)}
  .intro{max-width:330px!important;margin:125px 0 48px!important;color:#fff!important;font:500 20px/1.45 'Playfair Display',serif!important;letter-spacing:-.35px;text-transform:none;text-shadow:0 1px 8px rgba(38,12,37,.64)}
  .intro em{font-style:italic}
  .hero-actions{gap:18px!important;flex-wrap:wrap}
  .hero-actions .text-link{color:#fff!important}
  .hero-note{padding:10px 13px!important}
  .hero-note{right:7vw!important;left:auto!important;bottom:36px!important;transform:none;white-space:nowrap;padding:6px 8px!important;gap:7px!important;background:rgba(255,253,248,.36)!important;backdrop-filter:blur(6px)}
  .hero-note strong{font-size:10px!important}
  .hero-note small{font-size:9px!important}
}