:root{--ink:#14161A;--ink2:#1A1D22;--ink3:#202329;--line:#2C3038;--gold:#C7C1A5;--gold-hi:#E6D7BE;--gold-lo:#8A7A5E;--ivory:#ECEAE1;--muted:#A29D8C;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,-apple-system,"Segoe UI",sans-serif;--frame:min(1240px,calc(100vw - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--ivory);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
.frame{width:var(--frame);margin:0 auto}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font:600 15px/1 var(--sans);text-decoration:none;cursor:pointer;border:1px solid var(--gold);transition:transform .2s,box-shadow .2s}
.btn.gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,#b4ad8f);color:var(--ink)}
.btn.line{background:transparent;color:var(--gold)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px rgba(199,193,165,.7)}
.eyebrow{font:600 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.08;margin:0}
h2{font-size:clamp(34px,4vw,52px)}h3{font-size:26px}
p{margin:0}.muted{color:var(--muted)}

/* ONE header for every Adham page: big logo, serif menu, More ▾, Book + Apps */
header.site{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(20,22,26,.95),rgba(20,22,26,.82));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(199,193,165,.14)}
header.site .frame{display:flex;align-items:center;gap:26px;min-height:112px}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.logo img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}
.logo span{font:600 30px/1 var(--serif)}.logo small{display:block;margin-top:6px;font:500 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
nav.menu{display:flex;align-items:center;gap:4px;margin-left:auto}
nav.menu>a,.more>button{white-space:nowrap;position:relative;padding:10px 14px;font:500 21px/1 var(--serif);letter-spacing:.04em;color:var(--ivory);text-decoration:none;background:none;border:0;cursor:pointer}
nav.menu>a::after,.more>button::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .2s}
nav.menu>a:hover::after,nav.menu>a.on::after,.more>button:hover::after{transform:scaleX(1)}
nav.menu>a.on{color:var(--gold-hi)}
.more{position:relative}
.drop{display:none;position:absolute;right:0;top:calc(100% + 12px);width:min(560px,90vw);padding:14px;border-radius:22px;background:var(--ink2);border:1px solid rgba(199,193,165,.3);box-shadow:0 30px 60px -24px #000;grid-template-columns:1fr 1fr;gap:2px}
.more.open .drop{display:grid}
.drop a{padding:11px 14px;border-radius:12px;text-decoration:none;font:500 19px/1.2 var(--serif)}
.drop a:hover{background:rgba(199,193,165,.1);color:var(--gold-hi)}
.drop .sec{grid-column:1/-1;padding:10px 14px 4px}
.head-actions{display:flex;align-items:center;gap:10px;flex:none}
.icon-btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--ink2);color:var(--ivory);cursor:pointer;text-decoration:none}
.icon-btn:hover{border-color:var(--gold);color:var(--gold-hi)}
.burger{display:none}

/* Hero */
.hero{position:relative;overflow:hidden;min-height:min(86vh,820px);display:grid;align-items:center;border-bottom:1px solid var(--line);
  background:radial-gradient(900px 600px at 78% 40%,rgba(199,193,165,.16),transparent 65%),radial-gradient(700px 500px at 10% 90%,rgba(138,122,94,.18),transparent 70%),linear-gradient(180deg,#121418,#181a1f)}
.hero .gears{position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:min(760px,62vw);opacity:.17;pointer-events:none}
.hero .mark{position:absolute;right:7%;top:50%;transform:translateY(-52%);width:min(470px,40vw);filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.hero .copy{position:relative;max-width:640px;padding:80px 0}
.hero h1{font-size:clamp(46px,6.2vw,84px);margin:22px 0 20px}
.hero h1 em{font-style:italic;color:var(--gold-hi)}
.hero .lead{font-size:20px;color:#d8d4c6;max-width:540px}
.hero .phone{display:inline-block;margin:28px 0 30px;font:500 40px/1 var(--serif);color:var(--gold-hi);text-decoration:none;letter-spacing:.02em}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}

section{padding:110px 0}
.center{text-align:center}.center p{margin-left:auto;margin-right:auto}
.why p.lead{max-width:780px;font-size:19px;margin-top:22px;color:#d8d4c6}
.why .note{max-width:700px;margin-top:16px;font-size:14px}
.why .btn{margin-top:30px}

/* Circles — owner's favourite shape */
.circles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:40px 26px;margin-top:56px}
.circle{text-align:center;text-decoration:none}
.circle .ring{width:200px;aspect-ratio:1;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;position:relative;
  background:radial-gradient(circle at 50% 30%,#2a2d33,#16181c);box-shadow:0 0 0 1px rgba(199,193,165,.55),0 0 0 8px rgba(199,193,165,.07),0 26px 50px -24px #000;transition:box-shadow .25s,transform .25s}
.circle .ring::after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(199,193,165,.22)}
.circle .ring span{font:600 54px/1 var(--serif);color:var(--gold-hi)}
.circle .ring img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.circle:hover .ring{transform:translateY(-6px);box-shadow:0 0 0 2px var(--gold),0 0 0 10px rgba(199,193,165,.15),0 30px 60px -24px rgba(199,193,165,.45)}
.circle h3{font-size:25px}.circle p{margin-top:8px;font-size:14.5px;color:var(--muted);max-width:270px;margin-left:auto;margin-right:auto}

.split{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.split .photo{border-radius:30px;overflow:hidden;box-shadow:0 0 0 1px rgba(199,193,165,.3),0 40px 80px -40px #000}
.split .photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pillars{display:grid;gap:22px;margin-top:30px}
.pillars div{padding:22px 24px;border-radius:22px;background:var(--ink2);border:1px solid var(--line)}
.pillars h3{font-size:24px;margin-bottom:6px;color:var(--gold-hi)}

.band{background:linear-gradient(180deg,#191b20,#14161a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.creds{display:flex;flex-wrap:wrap;justify-content:center;gap:34px;margin-top:46px}
.creds .badge{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(199,193,165,.5),0 0 0 7px rgba(199,193,165,.07)}
.creds .badge img{width:100%;height:100%;object-fit:contain;padding:12px}
.creds .cert{width:230px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(199,193,165,.4),0 24px 40px -24px #000}

.cta-card{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding:34px 40px;border-radius:999px;background:linear-gradient(110deg,rgba(199,193,165,.16),rgba(199,193,165,.04));border:1px solid rgba(199,193,165,.4)}
.cta-card .claire{width:110px;height:110px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--gold)}
.news form{display:flex;gap:10px;max-width:520px;margin:28px auto 0}
.news input{flex:1;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid var(--line);background:var(--ink2);color:var(--ivory);font:16px var(--sans)}

footer{padding:70px 0 40px;border-top:1px solid var(--line);background:#111317}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
footer h4{font:600 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
footer a{display:block;text-decoration:none;color:#cfcbbd;margin:9px 0}footer a:hover{color:var(--gold-hi)}
footer .legal{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted)}
.draft{position:fixed;left:16px;bottom:16px;z-index:60;padding:8px 14px;border-radius:999px;background:#2b2a27;border:1px solid var(--gold);color:var(--gold-hi);font:600 12px var(--sans);letter-spacing:.12em}

@media (max-width:1080px){nav.menu{display:none}.burger{display:grid}.head-actions .btn{display:none}
  body.nav-open nav.menu{display:flex;flex-direction:column;align-items:stretch;position:fixed;inset:112px 0 auto 0;background:var(--ink2);padding:16px 24px 26px;border-bottom:1px solid var(--line)}
  body.nav-open .drop{position:static;display:grid;width:auto;box-shadow:none;border:0;padding:0}
  .split{grid-template-columns:1fr}.hero .mark{opacity:.25;right:-10%}footer .cols{grid-template-columns:1fr 1fr}.cta-card{grid-template-columns:1fr;border-radius:30px;text-align:center}.cta-card .claire{margin:auto}}
@media (max-width:560px){header.site .frame{min-height:84px}.logo img{width:62px;height:62px}.logo span{font-size:22px}.hero .phone{font-size:32px}footer .cols{grid-template-columns:1fr}section{padding:76px 0}}

/* ---------- v2: full site ---------- */
.hero{background:#0f1114 url(hero.jpg) center right/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,17,20,.94) 0%,rgba(15,17,20,.78) 42%,rgba(15,17,20,.15) 75%,transparent)}
.hero .gears,.hero .mark{display:none}
.page-hero{position:relative;padding:120px 0 90px;border-bottom:1px solid var(--line);background:#0f1114 url(hero.jpg) center right/cover no-repeat;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,17,20,.95),rgba(15,17,20,.7) 55%,rgba(15,17,20,.35))}
.page-hero .frame{position:relative}
.page-hero h1{font-size:clamp(42px,5.4vw,72px);margin-top:16px;max-width:900px}
.page-hero p{margin-top:16px;max-width:680px;font-size:19px;color:#d8d4c6}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:6px}.crumbs a{color:var(--gold);text-decoration:none}
.prose{max-width:820px;margin:0 auto}
.prose h2{font-size:34px;margin:46px 0 14px;color:var(--gold-hi)}
.prose p{font-size:17.5px;color:#d3cfc1;margin:0 0 16px}
.prose .fine{font-size:14px;color:var(--muted);border-left:2px solid var(--gold-lo);padding-left:16px}
.bio{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:start}
.bio .portrait{position:sticky;top:140px;border-radius:50%;overflow:hidden;aspect-ratio:1;box-shadow:0 0 0 2px var(--gold),0 0 0 12px rgba(199,193,165,.08),0 40px 80px -40px #000}
.bio .portrait img{width:100%;height:100%;object-fit:cover}
/* Services */
.svc-group{margin-top:70px}.svc-group:first-child{margin-top:0}
.svc-head{display:flex;align-items:center;gap:22px;margin-bottom:26px}
.svc-head img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--gold),0 0 0 6px rgba(199,193,165,.08)}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.svc{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:24px;background:linear-gradient(180deg,#1c1f25,#17191e);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s}
.svc:hover{border-color:rgba(199,193,165,.55);transform:translateY(-3px)}
.svc h3{font-size:24px}.svc p{color:var(--muted);font-size:15px;flex:1}
.svc .go{color:var(--gold);font-weight:600;font-size:14px}
.scene-band{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.scene-band img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(199,193,165,.5),0 0 0 8px rgba(199,193,165,.06)}
/* Luxury certificate frames */
.frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:46px 34px;margin-top:40px}
.lux{margin:0;text-align:center}
.lux .moulding{position:relative;padding:16px;border-radius:6px;cursor:zoom-in;
  background:linear-gradient(135deg,#7d6a45 0%,#e9d9b4 18%,#a78f5f 35%,#f3e6c4 52%,#8a744a 70%,#d9c596 86%,#6f5d3c 100%);
  box-shadow:0 30px 50px -28px #000,0 0 0 1px #4d3f26,inset 0 0 0 1px rgba(255,255,255,.35),inset 0 0 0 4px rgba(80,62,30,.55),inset 0 0 0 5px rgba(255,240,200,.5)}
.lux .moulding::before{content:"";position:absolute;inset:7px;border:1px solid rgba(70,54,24,.6);border-radius:3px;pointer-events:none}
.lux .mat{background:linear-gradient(#f7f1e3,#efe6d1);padding:18px;box-shadow:inset 0 2px 8px rgba(60,45,20,.35)}
.lux .mat img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.lux.badge .mat img{aspect-ratio:1;object-fit:contain;background:transparent;box-shadow:none}
.lux figcaption{margin-top:18px;font:600 19px/1.3 var(--serif);color:var(--ivory)}
.lux figcaption small{display:block;margin-top:4px;font:500 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.lightbox{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:rgba(8,9,11,.92);padding:30px;cursor:zoom-out}
.lightbox.open{display:grid}.lightbox img{max-width:min(1100px,94vw);max-height:88vh;box-shadow:0 0 0 12px #e9d9b4,0 0 0 14px #6f5d3c}
/* Booking embed */
.book-frame{width:100%;min-height:1100px;border:0;border-radius:26px;background:#14161a;box-shadow:0 0 0 1px rgba(199,193,165,.3)}
.app-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:30px}
/* Claire — flying public receptionist (separate public knowledge only) */
.claire-fly{position:fixed;right:22px;bottom:22px;z-index:70;width:118px;height:118px;border-radius:50%;padding:0;border:0;cursor:pointer;background:none;animation:fly 7s ease-in-out infinite}
.claire-fly img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px var(--gold),0 0 0 9px rgba(199,193,165,.12),0 20px 40px -14px #000}
.claire-fly::after{content:"Hi, I'm Claire";position:absolute;right:104px;top:18px;white-space:nowrap;padding:9px 14px;border-radius:999px;background:var(--ink2);border:1px solid rgba(199,193,165,.45);color:var(--gold-hi);font:600 13px var(--sans);box-shadow:0 12px 24px -12px #000}
@keyframes fly{0%,100%{transform:translate(0,0)}25%{transform:translate(-8px,-12px)}50%{transform:translate(4px,-20px)}75%{transform:translate(8px,-8px)}}
.claire-panel{position:fixed;right:22px;bottom:156px;z-index:71;width:min(360px,calc(100vw - 32px));padding:22px;border-radius:26px;background:var(--ink2);border:1px solid rgba(199,193,165,.4);box-shadow:0 30px 60px -20px #000;display:none}
.claire-panel.open{display:block}.claire-panel h3{font-size:24px}.claire-panel p{color:var(--muted);font-size:14.5px;margin:6px 0 16px}
.claire-panel .btn{width:100%;justify-content:center;margin-top:8px;min-height:46px}
@media (prefers-reduced-motion:reduce){.claire-fly{animation:none}}
@media (max-width:900px){.bio{grid-template-columns:1fr}.bio .portrait{position:static;max-width:300px;margin:auto}.scene-band{grid-template-columns:repeat(3,1fr);gap:10px}}
@media (max-width:560px){.claire-fly{width:84px;height:84px;right:14px;bottom:14px}.claire-fly::after{display:none}.claire-panel{bottom:110px;right:16px}.page-hero{padding:80px 0 60px}.frames{grid-template-columns:1fr 1fr;gap:28px 14px}.lux .moulding{padding:9px}.lux .mat{padding:8px}.lux figcaption{font-size:15px}.svc-grid{grid-template-columns:1fr}}
/* v2.1 fit: header uses a wider frame; phones never scroll sideways */
html,body{overflow-x:hidden}
header.site .frame{width:min(1400px,calc(100vw - 48px));gap:18px}
nav.menu>a,.more>button{padding:10px 11px;font-size:20px}
@media (max-width:1180px){.logo small{display:none}}
@media (max-width:560px){:root{--frame:calc(100vw - 32px)}header.site .frame{width:calc(100vw - 24px)}
  .logo span{font-size:19px}.logo small{display:none}.head-actions .icon-btn:not(.burger){display:none}
  .hero::before,.page-hero::before{background:linear-gradient(180deg,rgba(15,17,20,.78),rgba(15,17,20,.9))}
  .hero{background-position:70% center}.hero .copy{padding:56px 0}.hero h1{font-size:44px}.hero .lead{font-size:17px}
  .hero .ctas .btn{flex:1;justify-content:center;padding:0 16px}.page-hero h1{font-size:38px}
  .eyebrow{letter-spacing:.16em}.circles{grid-template-columns:1fr 1fr;gap:28px 12px}.circle .ring{width:140px}.circle h3{font-size:20px}
  .split{gap:30px}footer .cols{gap:26px}}
.head-actions{margin-left:auto}nav.menu{margin-left:auto}nav.menu + .head-actions{margin-left:0}
.btn{white-space:nowrap}
@media (max-width:560px){.hero .ctas .btn{font-size:14px;padding:0 12px}body.nav-open nav.menu{inset:84px 0 auto 0;max-height:calc(100vh - 84px);overflow:auto}}
@media (max-width:1080px){.head-actions{margin-left:auto!important}}
/* frames fit each certificate's own shape */
.lux .mat img{aspect-ratio:auto!important;height:auto;object-fit:contain}
.frames{align-items:start}
.lux.badge .mat{background:radial-gradient(circle,#fbf7ee,#efe6d1)}
/* offers, plans, gift card, videos */
.offers{display:grid;gap:22px}
.offer{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;padding:20px;border-radius:30px;background:linear-gradient(180deg,#1c1f25,#17191e);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s}
.offer:hover{border-color:rgba(199,193,165,.55);transform:translateY(-3px)}
.offer img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px var(--gold),0 0 0 8px rgba(199,193,165,.07)}
.offer h3{font-size:32px}.offer p{color:#cfcbbd;margin:10px 0 14px;font-size:16.5px}.offer .go{color:var(--gold);font-weight:600}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:stretch}
.plan{display:flex;flex-direction:column;gap:12px;padding:30px 26px;border-radius:30px;background:linear-gradient(180deg,#1c1f25,#16181d);border:1px solid var(--line);text-align:center}
.plan.best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 30px 60px -30px rgba(199,193,165,.45);transform:translateY(-8px)}
.plan .medal{width:72px;height:72px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font:600 30px var(--serif);color:#14161a;background:linear-gradient(135deg,#e9d9b4,#a78f5f 55%,#f3e6c4)}
.plan h3{font-size:28px}.plan .price{font:600 46px/1 var(--serif);color:var(--gold-hi)}.plan .price small{font-size:16px;color:var(--muted);margin-left:4px}
.plan ul{list-style:none;padding:0;margin:6px 0 14px;text-align:left;flex:1}.plan li{padding:9px 0 9px 26px;border-top:1px solid var(--line);position:relative;font-size:15px}
.plan li::before{content:"✦";position:absolute;left:4px;color:var(--gold)}.plan .btn{justify-content:center}
.giftcard{aspect-ratio:1.6;border-radius:26px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:#14161a;
  background:linear-gradient(135deg,#7d6a45,#e9d9b4 30%,#c7b48a 55%,#f3e6c4 75%,#8a744a);box-shadow:0 40px 70px -30px #000}
.giftcard b{font:700 40px/1 var(--serif)}.giftcard em{font:italic 500 20px var(--serif)}.giftcard .eyebrow{color:#3a301c}
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px}
.vid .thumb{aspect-ratio:16/10;border-radius:22px;background:center/cover;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(199,193,165,.35);margin-bottom:14px}
.vid .thumb span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(20,22,26,.75);color:var(--gold-hi);font-size:22px;box-shadow:0 0 0 1px var(--gold)}
.vid h3{font-size:23px}.vid p{color:var(--muted);font-size:14.5px;margin-top:6px}
@media (max-width:700px){.offer{grid-template-columns:1fr;text-align:center}.offer img{width:200px;margin:auto}.plan.best{transform:none}}
/* offers, plans, gift card, videos */
.offers{display:grid;gap:22px}
.offer{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;padding:20px;border-radius:30px;background:linear-gradient(180deg,#1c1f25,#17191e);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s}
.offer:hover{border-color:rgba(199,193,165,.55);transform:translateY(-3px)}
.offer img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px var(--gold),0 0 0 8px rgba(199,193,165,.07)}
.offer h3{font-size:32px}.offer p{color:#cfcbbd;margin:10px 0 14px;font-size:16.5px}.offer .go{color:var(--gold);font-weight:600}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:stretch}
.plan{display:flex;flex-direction:column;gap:12px;padding:30px 26px;border-radius:30px;background:linear-gradient(180deg,#1c1f25,#16181d);border:1px solid var(--line);text-align:center}
.plan.best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 30px 60px -30px rgba(199,193,165,.45);transform:translateY(-8px)}
.plan .medal{width:72px;height:72px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font:600 30px var(--serif);color:#14161a;background:linear-gradient(135deg,#e9d9b4,#a78f5f 55%,#f3e6c4)}
.plan h3{font-size:28px}.plan .price{font:600 46px/1 var(--serif);color:var(--gold-hi)}.plan .price small{font-size:16px;color:var(--muted);margin-left:4px}
.plan ul{list-style:none;padding:0;margin:6px 0 14px;text-align:left;flex:1}.plan li{padding:9px 0 9px 26px;border-top:1px solid var(--line);position:relative;font-size:15px}
.plan li::before{content:"✦";position:absolute;left:4px;color:var(--gold)}.plan .btn{justify-content:center}
.giftcard{aspect-ratio:1.6;border-radius:26px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:#14161a;background:linear-gradient(135deg,#7d6a45,#e9d9b4 30%,#c7b48a 55%,#f3e6c4 75%,#8a744a);box-shadow:0 40px 70px -30px #000}
.giftcard b{font:700 40px/1 var(--serif)}.giftcard em{font:italic 500 20px var(--serif)}.giftcard .eyebrow{color:#3a301c}
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px}
.vid .thumb{aspect-ratio:16/10;border-radius:22px;background:center/cover;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(199,193,165,.35);margin-bottom:14px}
.vid .thumb span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(20,22,26,.75);color:var(--gold-hi);font-size:22px;box-shadow:0 0 0 1px var(--gold)}
.vid h3{font-size:23px}.vid p{color:var(--muted);font-size:14.5px;margin-top:6px}
@media (max-width:700px){.offer{grid-template-columns:1fr;text-align:center}.offer img{width:200px;margin:auto}.plan.best{transform:none}}
.svc-img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;margin-bottom:6px;box-shadow:0 0 0 1px rgba(199,193,165,.25)}
/* Real shiny soap bubbles (owner, 2026-10-14): clear glass, bright highlight, small reflection, thin shimmering champagne/pearl rim */
.claire-fly,.circle .ring,.bio .portrait{position:relative;isolation:isolate}
.claire-fly::before,.circle .ring::after,.bio .portrait::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:2;border:0!important;
  background:
    radial-gradient(ellipse 22% 15% at 31% 22%,rgba(255,255,255,.95),rgba(255,255,255,.35) 45%,transparent 70%),
    radial-gradient(circle at 74% 79%,rgba(255,255,255,.5) 0 2.5%,transparent 6%),
    radial-gradient(circle at 50% 50%,transparent 64%,rgba(255,248,230,.10) 71%,rgba(231,214,180,.38) 79%,rgba(255,252,242,.75) 84%,rgba(199,193,165,.25) 88%,transparent 90%),
    conic-gradient(from 200deg,rgba(255,240,205,.0),rgba(243,233,214,.28),rgba(255,255,255,.0) 22%,rgba(214,196,150,.25) 48%,rgba(255,255,255,0) 60%,rgba(250,240,220,.3) 82%,rgba(255,240,205,0));
  -webkit-mask:radial-gradient(circle,#000 99%,transparent 100%);mask:radial-gradient(circle,#000 99%,transparent 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),inset 0 -14px 30px rgba(199,193,165,.22),inset 10px 12px 34px rgba(255,248,230,.16)}
.claire-fly::before{animation:sheen 9s linear infinite}
.circle .ring::after,.bio .portrait::after{animation:sheen 14s linear infinite}
@keyframes sheen{to{filter:hue-rotate(0deg);transform:rotate(360deg)}}
.claire-fly img,.circle .ring img,.bio .portrait img{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.claire-fly::before,.circle .ring::after,.bio .portrait::after{animation:none}}
/* keep the highlight where light hits (top-left); only breathe the sheen gently */
.claire-fly::before,.circle .ring::after,.bio .portrait::after{animation:bubble-breathe 5s ease-in-out infinite!important}
@keyframes bubble-breathe{50%{opacity:.82}}
.claire-fly::before,.circle .ring::after,.bio .portrait::after{background:
    radial-gradient(ellipse 13% 8% at 29% 17%,rgba(255,255,255,.95),rgba(255,255,255,.25) 55%,transparent 75%),
    radial-gradient(circle at 76% 82%,rgba(255,255,255,.55) 0 2%,transparent 4.5%),
    radial-gradient(circle at 50% 50%,transparent 80%,rgba(255,250,236,.30) 86%,rgba(255,253,246,.85) 90%,rgba(214,198,160,.35) 93%,transparent 95%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),inset 0 -6px 14px rgba(199,193,165,.16)!important}
/* v3 soap bubble */
.claire-fly::before,.circle .ring::after,.bio .portrait::after{background:
    radial-gradient(ellipse 9% 21% at 19% 40%,rgba(255,255,255,.62),rgba(255,248,236,.28) 45%,transparent 72%),
    radial-gradient(ellipse 7% 14% at 82% 66%,rgba(255,255,255,.55),rgba(255,250,240,.2) 50%,transparent 74%),
    radial-gradient(circle at 15% 37%,rgba(170,235,215,.20) 0 6%,rgba(255,190,205,.14) 9%,transparent 14%),
    radial-gradient(circle at 47% 53%,transparent 87.5%,rgba(255,252,240,.55) 91%,rgba(255,255,255,.95) 92.5%,transparent 94.5%),
    radial-gradient(circle at 50% 50%,transparent 89%,rgba(255,246,226,.35) 92%,rgba(225,208,170,.4) 93.5%,transparent 95.5%),
    radial-gradient(circle at 38% 9%,rgba(255,255,255,.9) 0 .8%,transparent 1.6%),radial-gradient(circle at 52% 91%,rgba(255,255,255,.8) 0 .7%,transparent 1.4%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important}
/* ===== Circle bubbles everywhere (owner, 2026-10-14): every photo is a round glass bubble with the same soap-bubble shine ===== */
.bub{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate;
  box-shadow:0 0 0 1px rgba(199,193,165,.55),0 0 0 8px rgba(199,193,165,.06),0 26px 50px -26px #000}
.bub img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.04) saturate(1.04)}
.bub::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:2;
  background:
    radial-gradient(ellipse 9% 21% at 19% 40%,rgba(255,255,255,.55),rgba(255,248,236,.22) 45%,transparent 72%),
    radial-gradient(ellipse 7% 14% at 82% 66%,rgba(255,255,255,.45),rgba(255,250,240,.16) 50%,transparent 74%),
    radial-gradient(circle at 47% 53%,transparent 87.5%,rgba(255,252,240,.5) 91%,rgba(255,255,255,.9) 92.5%,transparent 94.5%),
    radial-gradient(circle at 50% 50%,transparent 89%,rgba(255,246,226,.3) 92%,rgba(225,208,170,.38) 93.5%,transparent 95.5%),
    radial-gradient(circle at 38% 9%,rgba(255,255,255,.85) 0 .8%,transparent 1.6%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
a:hover .bub,.bub:hover{box-shadow:0 0 0 2px var(--gold),0 0 0 10px rgba(199,193,165,.14),0 30px 60px -26px rgba(199,193,165,.4)}
.bub{transition:box-shadow .25s,transform .25s}a:hover .bub{transform:translateY(-4px)}
/* service cards: bubble on top, centred */
.svc{align-items:center;text-align:center}
.svc .svc-bub{width:min(220px,80%);margin:4px auto 10px}
.photo-bub{max-width:520px;width:100%;margin:auto}
.svc-head .bub{flex:none}
.scene-band .bub{max-width:300px;margin:auto}
.offer .bub{width:100%}
.vthumb{position:relative;width:min(240px,90%);margin:0 auto 16px}.vid{text-align:center}
.vthumb .play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;z-index:3;background:rgba(20,22,26,.72);color:var(--gold-hi);font-size:22px;box-shadow:0 0 0 1px var(--gold)}
/* gift card and plan medals stay; everything photographic is round */
.split .photo{display:none}
/* no boxes around circles: the round bubble is the shape */
.svc{background:none!important;border:0!important;padding:10px 6px!important}
.svc:hover{transform:none}
.svc-grid{gap:44px 26px!important}
.offer{background:none!important;border:0!important}
/* Payment options — round logo buttons */
.payopts{margin-top:46px;padding:34px;border-radius:34px;background:linear-gradient(180deg,#1c1f25,#16181d);border:1px solid rgba(199,193,165,.3);text-align:center}
.payopts h3{font-size:28px;margin:12px 0 24px}
.paygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:26px}
.payc{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--ivory)}
.payc b{font:600 22px var(--serif)}.payc p{color:var(--muted);font-size:14.5px;margin:0}.payc .handle{color:var(--gold-hi);font-weight:600}
.plogo{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 24px/1 var(--sans);letter-spacing:-.02em;
  box-shadow:0 0 0 2px rgba(199,193,165,.7),0 0 0 8px rgba(199,193,165,.08),0 18px 30px -16px #000;position:relative;overflow:hidden}
.plogo::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 18% 12% at 30% 22%,rgba(255,255,255,.7),transparent 70%),radial-gradient(circle,transparent 86%,rgba(255,255,255,.55) 91%,transparent 95%)}
.plogo.zelle{background:#6D1ED4}.plogo.venmo{background:#008CFF;font-size:21px}.plogo.cash{background:#00C244;font-size:40px}
.payc .btn{min-height:42px;padding:0 18px;font-size:14px;margin-top:4px}
.fine-note{margin-top:24px;color:var(--muted);font-size:13.5px}
.app-frame{min-height:900px}
.acct{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.acct-card{padding:34px;border-radius:30px;background:linear-gradient(180deg,#1c1f25,#16181d);border:1px solid var(--line);text-align:center}
.acct-card h2{font-size:32px;margin-bottom:10px}.acct-card .btn{margin-top:20px}
.goldlist{list-style:none;padding:0;margin:6px 0 18px}
.goldlist li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line);color:#d3cfc1;font-size:17px}
.goldlist li::before{content:"";position:absolute;left:4px;top:19px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7e3,#c7c1a5 55%,#8a7a5e)}
.goldlist b{color:var(--ivory);font-weight:600}
.vcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:34px}
.vcard{display:flex;flex-direction:column;gap:6px;padding:22px 26px;border-radius:999px;border:1px solid rgba(199,193,165,.35);background:rgba(199,193,165,.05);text-decoration:none;transition:border-color .2s,background .2s}
.vcard:hover{border-color:var(--gold);background:rgba(199,193,165,.1)}
.vcard b{font:600 18px var(--serif);color:var(--ivory)}.vcard span{font-size:13px;color:var(--gold)}
.accept{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
.mini{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 13px var(--sans);text-decoration:none;box-shadow:0 0 0 1px rgba(199,193,165,.6),0 0 0 5px rgba(199,193,165,.06)}
.mini.card{background:linear-gradient(135deg,#e9d9b4,#a78f5f);color:#14161a}.mini.zelle{background:#6D1ED4}.mini.venmo{background:#008CFF;font-size:11px}.mini.cash{background:#00C244;font-size:22px}
.accept-note{flex-basis:100%;text-align:center;font-size:13px}
.circles.six{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}.circle .go{display:inline-block;margin-top:12px;color:var(--gold);font-weight:600;font-size:14px}
.qa{border-bottom:1px solid var(--line);padding:6px 0}.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 0;font:600 24px/1.25 var(--serif);color:var(--ivory)}
.qa summary::-webkit-details-marker{display:none}.qa .dot{flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7e3,#c7c1a5 55%,#8a7a5e);transition:transform .2s}
.qa[open] .dot{transform:scale(1.3)}.qa p{margin:0 0 18px 28px!important}
.cform{display:grid;gap:14px;padding:34px;border-radius:30px;background:linear-gradient(180deg,#1c1f25,#16181d);border:1px solid var(--line)}
.cform label{display:grid;gap:6px;font-size:14px;color:var(--muted)}
.cform input,.cform textarea{padding:14px 18px;border-radius:18px;border:1px solid var(--line);background:#121418;color:var(--ivory);font:16px var(--sans)}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--gold)}
.hours{width:100%;border-collapse:collapse}.hours td{padding:8px 0;border-bottom:1px solid var(--line)}.hours td:last-child{text-align:right;color:var(--gold-hi)}
.contact a{color:var(--gold-hi)}.price-line{color:var(--gold-hi)!important;font-weight:600;font-size:14px!important;flex:0!important}
.cinfo{display:grid;gap:3px;margin-top:8px;font:400 13px/1.45 var(--sans);color:var(--muted)}.cinfo a{color:var(--gold);word-break:break-all}
/* Share & follow — round brand icons */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.share>span:first-child{font:600 20px var(--serif);margin-right:4px}
.share-note{flex-basis:100%;font-size:13px;color:var(--gold)}
.soc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px;text-decoration:none;border:0;cursor:pointer;transition:transform .2s;box-shadow:0 0 0 1px rgba(199,193,165,.35)}
.soc:hover{transform:translateY(-3px)}
.soc.facebook{background:#1877F2}.soc.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fd5949 45%,#d6249f 60%,#285AEB 90%)}.soc.linkedin{background:#0A66C2}
.soc.tiktok{background:#111}.soc.x{background:#000}.soc.youtube{background:#FF0000}.soc.whatsapp{background:#25D366}
.follow{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.soc-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.soc-row .soc{width:48px;height:48px;font-size:21px}
/* ---- Services page (2026-10-16): GoDaddy-style alternating round photos + clear session rows ---- */
.svc-intro h2{font-size:clamp(30px,4vw,46px);max-width:820px;margin:14px auto 26px}
.zz{display:flex;flex-direction:column;gap:clamp(56px,8vw,110px);margin:70px 0 120px}
.zz-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,90px)}
.zz-row.rev .zz-img{order:2}
.zz-img{display:block;justify-self:center;width:min(440px,100%)}
.zz-img .bub{width:100%;transition:transform .35s}
.zz-img:hover .bub{transform:scale(1.02)}
.zz-txt h2{font-size:clamp(30px,3.4vw,42px);margin:0 0 14px}
.zz-meta{font:600 15px/1.4 var(--sans);color:var(--gold-hi);letter-spacing:.02em;margin:0 0 14px}
.zz-desc{font-size:17px;line-height:1.7;color:#cfcbbd;max-width:520px;margin:0}
.zz-cta{margin-top:28px}
.all-svc h2{font-size:clamp(30px,4vw,44px);margin:14px 0 26px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 40px;position:sticky;top:90px;z-index:5;padding:10px 0;background:linear-gradient(180deg,rgba(20,22,26,.96),rgba(20,22,26,.85));backdrop-filter:blur(8px)}
.chip{min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ivory);font:500 15px var(--sans);cursor:pointer}
.chip:hover{border-color:var(--gold)}
.chip.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.svc-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.svc-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,0))}
.svc-row[hidden]{display:none}
.svc-row:hover{border-color:rgba(199,193,165,.45)}
.svc-row-img .bub{width:132px}
.svc-row h3{font-size:24px;margin:0 0 6px}.svc-row h3 a{color:var(--ivory);text-decoration:none}.svc-row h3 a:hover{color:var(--gold-hi)}
.svc-meta{display:inline-block;margin:0 0 8px;padding:5px 12px;border-radius:999px;background:rgba(199,193,165,.12);color:var(--gold-hi);font:600 13px var(--sans)}
.svc-row p{margin:0;color:#c9c5b6;line-height:1.55}
.svc-row-act{display:flex;gap:10px;margin-top:14px!important}
.btn.sm{min-height:44px;padding:0 20px;font-size:14px}
@media (max-width:900px){.zz-row,.zz-row.rev{grid-template-columns:1fr;text-align:center}.zz-row.rev .zz-img{order:0}.zz-img{width:min(340px,82vw)}.zz-desc{margin:0 auto}.svc-rows{grid-template-columns:1fr}.chips{top:70px}}
@media (max-width:520px){.svc-row{grid-template-columns:1fr;text-align:center;justify-items:center}.svc-row-act{justify-content:center}.chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-inline:4px}.chip{flex:0 0 auto}}
/* Booking frame grows to its content (height sent by book.adhamtherapy.com) — no inner scroll, nothing cut off */
.book-sec{padding-top:40px}
.book-frame{display:block;width:100%;min-height:900px;height:1400px;border:0;border-radius:26px;background:#14161a;box-shadow:0 0 0 1px rgba(199,193,165,.22);transition:height .25s}
/* 2026-10-16 owner: the big circles picture belongs to the Home page only. Inner pages: clean, short title band. */
.page-hero{padding:56px 0 44px;background:linear-gradient(180deg,#121418,#14161a);border-bottom:1px solid var(--line)}
.page-hero::before{display:none}
.page-hero h1{font-size:clamp(34px,4.2vw,54px);margin-top:10px}
.page-hero p{font-size:17px;margin-top:12px}
@media (max-width:560px){.page-hero{padding:36px 0 28px}.page-hero h1{font-size:32px}}
/* Booking: no extra frame around the booking area (owner: "too much frames") */
.book-frame{border-radius:0;box-shadow:none;background:transparent}
/* ---- Home tightened (owner 2026-10-16: too much space; bigger circles) ---- */
section{padding:64px 0}
.hero{min-height:min(72vh,660px);padding:70px 0 60px}
.why h2,.center h2{margin-bottom:10px}
.circles{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:34px 22px;margin-top:34px}
.circle .ring{width:236px;margin-bottom:16px;animation:home-float 7s ease-in-out infinite}
.circle:nth-child(2) .ring{animation-delay:-1.6s}.circle:nth-child(3) .ring{animation-delay:-3.2s}.circle:nth-child(4) .ring{animation-delay:-4.8s}
.circle p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:280px;margin-left:auto;margin-right:auto}
@keyframes home-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.circle .ring{animation:none}}
@media (max-width:560px){section{padding:46px 0}.hero{padding:60px 0 54px}.circle .ring{width:150px}}
/* ---- Home v3 (owner 2026-10-16): hero picture not full-width/too tall → framed modern card; tighter, calmer sections ---- */
.hero{width:min(1180px,calc(100vw - 32px));margin:22px auto 0;min-height:520px;padding:0;border:1px solid rgba(199,193,165,.22);border-radius:28px;background-position:right center;background-size:cover;box-shadow:0 30px 70px -40px #000}
.hero .copy{padding:56px 0 56px 56px;max-width:600px}
.hero h1{font-size:clamp(36px,4.4vw,58px);margin:16px 0 14px}
.hero .lead{font-size:17px}
.hero .phone{font-size:30px;margin:18px 0 22px}
section{padding:48px 0}
h2{font-size:clamp(28px,3vw,40px)}
.why p.lead{font-size:17px;max-width:720px;margin-top:14px}
.why .note{font-size:13px}
.why .btn{margin-top:22px}
.eyebrow{font-size:11px}
.circles{margin-top:26px}
@media (max-width:760px){.hero{min-height:440px;border-radius:22px;margin-top:14px}.hero .copy{padding:36px 22px}}
/* Same color scheme as the booking frame, so the browser paints no dark box behind it */
:root{color-scheme:dark}.book-frame{color-scheme:dark}
/* Appointments: short title right above the bubbles (owner: too much space between banner and bubbles) */
.book-head{padding:26px 0 0;text-align:center}
.book-head h1{font-size:clamp(30px,3.4vw,44px);margin:0}
.book-head p{margin:8px auto 0;color:#cfcbbd;font-size:16px;max-width:640px}
.book-head + .book-sec{padding-top:10px}
/* ---- Home hero v4 (owner 2026-10-16): full width like GoDaddy, NO frame; the picture slowly moves ---- */
.hero{width:100%;margin:0;border:0;border-radius:0;box-shadow:none;min-height:min(78vh,720px);background-size:118% auto;background-position:70% 50%;animation:hero-drift 26s ease-in-out infinite alternate}
.hero::before{border-radius:0}
.hero .copy{padding:70px 0}
@keyframes hero-drift{0%{background-size:118% auto;background-position:72% 46%}100%{background-size:128% auto;background-position:60% 56%}}
@media (max-width:760px){.hero{min-height:560px;background-size:cover;animation:none}.hero .copy{padding:48px 0}}
@media (prefers-reduced-motion:reduce){.hero{animation:none}}
@media (max-width:1200px) and (min-width:761px){.hero{background-size:cover;animation:none}}
/* ===== Visitor themes (owner 2026-10-16): light gold (like GoDaddy), soft cream, high contrast, larger text ===== */
html[data-theme=light]{--ink:#ffffff;--ink2:#f7f4ec;--ink3:#efe9dc;--line:#e4dccb;--ivory:#1f1d18;--muted:#5f5a4c;--gold:#a8884f;--gold-hi:#8a6c36;--gold-lo:#c7b48b;color-scheme:light}
html[data-theme=cream]{--ink:#f4efe4;--ink2:#fbf8f1;--ink3:#ece5d6;--line:#ddd3bf;--ivory:#2a261e;--muted:#625b4b;--gold:#9a7d45;--gold-hi:#7d6232;--gold-lo:#bda77a;color-scheme:light}
html[data-theme=contrast]{--ink:#000;--ink2:#0a0a0a;--ink3:#111;--line:#fff;--ivory:#fff;--muted:#f0f0f0;--gold:#efe3c4;--gold-hi:#f6edd6;--gold-lo:#e6d7be}
html[data-theme] body{background:var(--ink);color:var(--ivory)}
html[data-theme] header.site{background:color-mix(in srgb,var(--ink) 94%,transparent);border-bottom-color:var(--line)}
html[data-theme] nav.menu>a,html[data-theme] .more>button,html[data-theme] .logo span,html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{color:var(--ivory)}
html[data-theme] .band,html[data-theme] footer{background:var(--ink2)!important;border-color:var(--line)}
html[data-theme] .drop,html[data-theme] .offer,html[data-theme] .acct-card,html[data-theme] .svc-row,html[data-theme] .cta-card{background:var(--ink2)!important;border-color:var(--line)!important}
html[data-theme] p,html[data-theme] li,html[data-theme] .muted,html[data-theme] .lead,html[data-theme] .zz-desc,html[data-theme] .svc-row p,html[data-theme] .circle p,html[data-theme] .book-head p,html[data-theme] footer a,html[data-theme] .crumbs{color:var(--muted)!important}
html[data-theme] .page-hero{background:var(--ink2)!important}
html[data-theme] .chip,html[data-theme] .btn.line{color:var(--gold-hi);border-color:var(--gold)}
html[data-theme] .btn.gold{color:#fff;background:linear-gradient(180deg,var(--gold),var(--gold-hi))}
html[data-theme=contrast] .btn.gold{color:#000}
html[data-theme] .news input,html[data-theme] .cform input,html[data-theme] .cform textarea{background:var(--ink2);color:var(--ivory);border-color:var(--line)}
/* the home hero picture stays dark art; its text stays light on it */
html[data-theme] .hero h1,html[data-theme] .hero p,html[data-theme] .hero .lead{color:#f3efe4!important}
html[data-theme] .hero .phone{color:#e6d7be}
html.big-text{font-size:118%}
html.big-text body{font-size:18.5px;line-height:1.75}
html.big-text p,html.big-text li{font-size:1.08em}
/* About on phones: the photo sat over the title (owner iPhone screenshot) → photo first, then text, no overlap */
@media (max-width:900px){.bio{display:flex!important;flex-direction:column;gap:26px}.bio .portrait{position:relative!important;top:auto!important;transform:none!important;width:min(260px,70vw)!important;max-width:none!important;height:auto;margin:0 auto!important;flex:0 0 auto}}
/* عربي / EN switch (owner 2026-10-16) */
.lang-sw{display:inline-grid;place-items:center;min-width:52px;height:44px;padding:0 14px;margin-inline-start:6px;border-radius:999px;border:1px solid var(--gold);color:var(--gold-hi);text-decoration:none;font:600 15px/1 var(--sans)}
.lang-sw:hover{background:rgba(199,193,165,.12)}
html[dir=rtl] body{font-family:"Tajawal","Noto Kufi Arabic",var(--sans)}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:"Amiri","Noto Naskh Arabic",var(--serif);letter-spacing:0}
html[dir=rtl] .eyebrow{letter-spacing:.04em}
/* Theme fixes (owner 2026-10-16): Adham brand gold #C7C1A5 on light themes, black logo for contrast, clearly larger text */
html[data-theme=light],html[data-theme=cream]{--gold:#C7C1A5;--gold-lo:#C7C1A5;--gold-hi:#8A7A5E}
html[data-theme=light] .logo img,html[data-theme=cream] .logo img{filter:brightness(0)}
html[data-theme=light] .logo small,html[data-theme=cream] .logo small{color:#8A7A5E}
html[data-theme=light] .btn.gold,html[data-theme=cream] .btn.gold{background:#C7C1A5;color:#14161a}
html.big-text{font-size:100%}
html.big-text body{zoom:1.3;font-size:16px}
/* Owner 2026-10-16: no shadow behind the logo in any color version — crisp, high contrast */
.logo img,footer img[src*="logo"]{filter:none!important;box-shadow:none!important;animation:none!important}
html[data-theme=light] .logo img,html[data-theme=cream] .logo img,html[data-theme=light] footer img[src*="logo"],html[data-theme=cream] footer img[src*="logo"]{filter:brightness(0)!important}
html[data-theme=contrast] .logo img,html[data-theme=contrast] footer img[src*="logo"]{filter:brightness(1.25) contrast(1.2)!important}
/* Light gold + soft cream: the owner's flat logo in black (not a filtered 3D logo) */
html[data-theme=light] .logo img,html[data-theme=cream] .logo img,html[data-theme=light] footer img[src*="logo"],html[data-theme=cream] footer img[src*="logo"]{content:url(/assets/logo-black.png);filter:none!important}
/* ---- Arabic (right-to-left) layout fixes (owner 2026-10-16) ---- */
html[dir=rtl] .hero{animation:none;background-position:30% 50%;background-size:cover;transform:none}
html[dir=rtl] .hero::after{content:"";position:absolute;inset:0;background:inherit;background-position:inherit;background-size:inherit;transform:scaleX(-1);z-index:0}
html[dir=rtl] .hero::before{background:linear-gradient(270deg,rgba(15,17,20,.95),rgba(15,17,20,.75) 55%,rgba(15,17,20,.3))!important;z-index:1}
html[dir=rtl] .hero .frame{position:relative;z-index:2}
html[dir=rtl] .hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.35}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{line-height:1.4}
html[dir=rtl] body{line-height:1.85}
html[dir=rtl] .eyebrow{letter-spacing:0;font-size:13px}
html[dir=rtl] .crumbs,html[dir=rtl] .copy,html[dir=rtl] .prose{text-align:right}
html[dir=rtl] .zz-txt,html[dir=rtl] .svc-row-txt{text-align:right}
html[dir=rtl] .chips{direction:rtl}
html[dir=rtl] nav.menu>a,html[dir=rtl] .more>button{letter-spacing:0;font-size:17px}
html[dir=rtl] .logo span{direction:ltr}
/* 🌐 Language menu (English · العربية · Français · اردو · हिन्दी) */
.lang-menu{position:relative;margin-inline-start:6px}
.lang-menu summary{list-style:none;cursor:pointer;display:inline-grid;place-items:center;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--gold);color:var(--gold-hi);font:600 15px/1 var(--sans);white-space:nowrap}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu>div{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:180px;padding:8px;border-radius:18px;background:var(--ink2);border:1px solid var(--line);box-shadow:0 20px 40px -20px #000;display:grid;z-index:60}
.lang-menu>div a{padding:12px 14px;border-radius:12px;color:var(--ivory);text-decoration:none;font-size:16px}
.lang-menu>div a:hover,.lang-menu>div a[aria-current]{background:rgba(199,193,165,.12);color:var(--gold-hi)}
.lang-sw{display:none}
html[dir=rtl] a[href^="tel:"],html[dir=rtl] .phone,html[dir=rtl] [href^="https://wa.me"]{direction:ltr;unicode-bidi:isolate}
html[lang=ur] body{font-family:"Noto Nastaliq Urdu","Tajawal",var(--sans)}
html[lang=hi] body{font-family:"Noto Sans Devanagari",var(--sans)}
/* ---- Home v5 (owner 2026-10-16): shorter hero; "First time here?" + reviews as floating bubbles; glossy gold social bubbles ---- */
.hero{min-height:min(60vh,560px)!important}
.hero .copy{padding:48px 0!important}
.duo-sec{padding:40px 0}
.duo{display:flex;justify-content:center;gap:clamp(24px,6vw,90px);flex-wrap:wrap}
.duo-bub{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ivory);width:220px;animation:home-float 7s ease-in-out infinite}
.duo-bub:nth-child(2){animation-delay:-3.5s}
.duo-ring{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:12px;background:radial-gradient(circle at 50% 40%,#2a2d33,#14161a);box-shadow:0 0 0 1.5px #e6d7be,0 0 0 9px rgba(199,193,165,.1),0 22px 44px -22px #000,0 0 40px -8px rgba(199,193,165,.45);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.duo-ring img{width:100%;height:100%;object-fit:cover}
.duo-ring.star{font-size:22px;letter-spacing:2px;color:#e6d7be}
.duo-ring::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 14% 24% at 26% 30%,rgba(255,255,255,.55),transparent 70%),radial-gradient(circle at 50% 50%,transparent 86%,rgba(255,255,255,.5) 91%,transparent 96%);pointer-events:none}
.duo-bub:hover .duo-ring{transform:scale(1.06) rotate(-2deg)}
.duo-bub b{font:600 24px/1.2 var(--serif);margin-top:6px}
.duo-bub small{color:var(--muted);font-size:14px;margin-top:4px}
/* social icons: glossy gold glass bubbles that float */
.soc{background:radial-gradient(circle at 35% 30%,#fff7e3 0,#e6d7be 22%,#c7c1a5 55%,#8a7a5e 100%)!important;color:#14161a!important;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 8px 18px -8px rgba(0,0,0,.6),inset 0 -6px 10px rgba(0,0,0,.18)!important;position:relative;animation:home-float 6s ease-in-out infinite}
.soc::after{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(ellipse 30% 22% at 34% 24%,rgba(255,255,255,.85),transparent 70%);pointer-events:none}
.soc:nth-child(2){animation-delay:-1s}.soc:nth-child(3){animation-delay:-2s}.soc:nth-child(4){animation-delay:-3s}.soc:nth-child(5){animation-delay:-4s}.soc:nth-child(6){animation-delay:-5s}
.soc:hover{transform:scale(1.12)}
@media (max-width:560px){.duo{gap:18px}.duo-bub{width:46%}.duo-ring{width:120px;height:120px}.duo-bub b{font-size:20px}}
@media (prefers-reduced-motion:reduce){.duo-bub,.soc{animation:none}}
/* 2026-10-16 owner: logo same size in every theme — the 3D gold logo is wide (1.29:1), so give it a wider box in Dark/High contrast to match the black logo's height on Light/Cream */
html:not([data-theme=light]):not([data-theme=cream]) .logo img{width:119px;height:92px}
@media (max-width:560px){html:not([data-theme=light]):not([data-theme=cream]) .logo img{width:80px;height:62px}}
/* 2026-10-16 owner: banner (logo + menu) stays on top while scrolling, on every page.
   overflow-x:hidden on html/body broke position:sticky — clip keeps the no-side-scroll without breaking it. */
html,body{overflow-x:clip!important}
header.site,html[data-theme] header.site{position:sticky;top:0;z-index:60;
  background:color-mix(in srgb,var(--ink,#14161a) 58%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  border-bottom:1px solid color-mix(in srgb,var(--gold,#c7c1a5) 18%,transparent);box-shadow:none!important}
/* Credentials: every frame the same size and shape, no text under them */
.frames{grid-template-columns:repeat(4,1fr)!important;gap:34px!important;align-items:stretch!important}
.lux .mat{background:linear-gradient(#f7f1e3,#efe6d1)!important}
.lux .mat img,.lux.badge .mat img{aspect-ratio:4/3!important;width:100%;height:auto;object-fit:contain!important;background:transparent!important;box-shadow:none!important}
.lux figcaption{display:none}
@media (max-width:1000px){.frames{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:760px){.frames{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}
/* phones: 🌐 only, so the menu button always fits */
@media (max-width:560px){header.site .frame{gap:8px}.lang-menu{margin-left:auto}.lang-menu>summary{width:44px;height:44px;padding:0!important;overflow:hidden;white-space:nowrap;text-indent:11px;font-size:20px!important;letter-spacing:40px;border-radius:50%}}
/* 2026-10-16 owner: magical moving hero — gold stars, turning rings, shooting stars, gold light sweep (assets/magic.js) */
.hero,.page-hero{isolation:isolate}
.magic-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.magic-sweep{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(230,215,190,.10) 48%,rgba(255,240,205,.16) 50%,rgba(230,215,190,.10) 52%,transparent 65%);background-size:250% 100%;animation:magic-sweep 9s ease-in-out infinite}
@keyframes magic-sweep{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
.hero>.frame,.page-hero>.frame{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.magic-sweep,.hero{animation:none!important}}
/* phones: the circles art shows in full at the top, the words sit below it on a soft fade */
@media (max-width:760px){
  .hero{min-height:calc(100svh - 84px)!important;display:flex!important;align-items:flex-end;background-size:auto 62%!important;background-position:78% 0!important;background-repeat:no-repeat!important;animation:none!important}
  .hero::before{background:linear-gradient(180deg,rgba(15,17,20,0) 0%,rgba(15,17,20,0) 34%,rgba(15,17,20,.82) 56%,#0f1114 70%)!important}
  .hero .copy{padding:0 0 34px!important}
  html[data-theme=light] .hero::before,html[data-theme=cream] .hero::before{background:linear-gradient(180deg,transparent 0%,transparent 34%,color-mix(in srgb,var(--ink) 85%,transparent) 56%,var(--ink) 70%)!important}
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){.hero{animation:hero-breathe 14s ease-in-out infinite alternate!important}}
@keyframes hero-breathe{0%{background-size:auto 60%;background-position:80% 0}100%{background-size:auto 68%;background-position:72% 2%}}
/* ===== Loyalty Membership (2026-10-16 redesign) ===== */
.lp-hero{position:relative;min-height:min(84vh,760px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:0 0 70px}
.lp-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:lp-zoom 30s ease-in-out infinite alternate}
.lp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,17,20,.15) 0%,rgba(15,17,20,.35) 40%,rgba(15,17,20,.92) 85%)}
.lp-hero>.frame{position:relative;z-index:2;color:#f3efe4}
.lp-hero h1{font:500 clamp(40px,5.6vw,76px)/1.05 var(--serif);margin:16px 0 18px;max-width:900px;color:#f6f1e4}
.lp-hero h1 em{color:#e6d7be;font-style:italic}
.lp-hero p{font-size:19px;max-width:640px;color:#e3ddcc}
.lp-hero .crumbs,.lp-hero .crumbs a{color:#d9d2bf}
.lp-hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@keyframes lp-zoom{from{transform:scale(1.02)}to{transform:scale(1.12) translateX(-2%)}}
.lp-wallet{padding:90px 0;overflow:hidden}
.lp-wallet-in{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.lp-fan{position:relative;height:520px;isolation:isolate}
.lp-pass{position:absolute;top:50%;left:50%;width:230px;border-radius:22px;z-index:2;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(199,193,165,.25);animation:lp-float 7s ease-in-out infinite;transition:transform .5s}
.lp-pass-0{transform:translate(-120%,-50%) rotate(-14deg);animation-delay:-1s}
.lp-pass-1{transform:translate(-80%,-54%) rotate(-5deg);animation-delay:-2.5s}
.lp-pass-2{transform:translate(-36%,-56%) rotate(4deg);z-index:3;animation-delay:-4s}
.lp-pass-3{transform:translate(4%,-50%) rotate(13deg);animation-delay:-5.5s}
.lp-fan:hover .lp-pass{filter:brightness(1.05)}
@keyframes lp-float{0%,100%{margin-top:0}50%{margin-top:-16px}}
.lp-steps{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.lp-steps div{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:999px;border:1px solid var(--line)}
.lp-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#e6d7be,#a08a5c);color:#14161a}
.lp-plans-sec{padding:80px 0}
.lp-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:46px;align-items:stretch}
.lp-plan{position:relative;display:flex;flex-direction:column;border-radius:30px;overflow:hidden;background:var(--ink2,#1a1d22);border:1px solid var(--line);transition:transform .45s cubic-bezier(.3,1.5,.5,1),box-shadow .45s}
.lp-plan:hover{transform:translateY(-10px);box-shadow:0 40px 70px -40px rgba(0,0,0,.7),0 0 50px -10px rgba(199,193,165,.35)}
.lp-photo{position:relative;aspect-ratio:4/3;overflow:hidden}
.lp-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.lp-plan:hover .lp-photo img{transform:scale(1.08)}
.lp-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,var(--ink2,#1a1d22))}
.lp-body{display:flex;flex-direction:column;flex:1;padding:4px 24px 26px;text-align:center}
.lp-tier{align-self:center;margin-top:-30px;position:relative;z-index:1;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 var(--sans);letter-spacing:.06em;color:#14161a;box-shadow:0 10px 24px -8px rgba(0,0,0,.6),inset 0 2px 4px rgba(255,255,255,.6)}
.lp-silver .lp-tier{background:radial-gradient(circle at 35% 30%,#ffffff,#c9ccd2 45%,#8a8f98)}
.lp-gold .lp-tier{background:radial-gradient(circle at 35% 30%,#fff3d0,#d6b766 45%,#8a6c2c)}
.lp-platinum .lp-tier{background:radial-gradient(circle at 35% 30%,#ffffff,#d9dde3 40%,#6f7682)}
.lp-weekly .lp-tier{background:radial-gradient(circle at 35% 30%,#d8f0e4,#3f8a6c 50%,#1d4a3a);color:#fff}
.lp-plan h3{font:500 26px/1.1 var(--serif);margin:14px 0 4px;color:var(--ivory)}
.lp-tag{color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.lp-price{font:500 52px/1 var(--serif);margin:16px 0 4px;color:var(--gold-hi,#e6d7be)}
.lp-price small{font:400 16px var(--sans);color:var(--muted);margin-left:4px}
.lp-each{font-size:13px;color:var(--muted)}.lp-each b{color:var(--gold)}
.lp-desc{margin:14px 0;color:var(--ivory);opacity:.85}
.lp-plan ul{list-style:none;padding:0;margin:0 0 22px;text-align:left}
.lp-plan li{padding:9px 0 9px 26px;border-top:1px solid var(--line);position:relative;color:var(--ivory)}
.lp-plan li::before{content:"✦";position:absolute;left:2px;color:var(--gold)}
.lp-join{margin-top:auto;justify-content:center}
.lp-best{border-color:rgba(214,183,102,.7);box-shadow:0 0 0 1px rgba(214,183,102,.4),0 0 60px -12px rgba(214,183,102,.45)}
.lp-best::before{content:"";position:absolute;inset:-40%;z-index:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,232,170,.22) 80%,transparent 90%);animation:lp-spin 6s linear infinite}
.lp-best>*{position:relative;z-index:1}
@keyframes lp-spin{to{transform:rotate(360deg)}}
.lp-ribbon{position:absolute!important;top:16px;right:16px;z-index:3!important;padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,#f3e2b0,#b8944a);color:#14161a;font:600 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 20px -8px #000}
.lp-compare{margin:50px auto 0;max-width:860px;overflow-x:auto}
.lp-compare table{width:100%;border-collapse:collapse;font-size:15px}
.lp-compare th,.lp-compare td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:center;color:var(--ivory)}
.lp-compare thead th{font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.lp-compare tbody th{font:500 20px var(--serif);text-align:left}
.lp-compare p{margin-top:10px;font-size:13px;text-align:center}
.lp-why{padding:80px 0}
.lp-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
.lp-why-grid div{text-align:center;padding:28px 20px;border-radius:26px;border:1px solid var(--line)}
.lp-why-grid i{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;font-style:normal;font-size:24px;color:var(--gold);box-shadow:0 0 0 1px rgba(199,193,165,.5),0 0 30px -6px rgba(199,193,165,.5);animation:lp-glow 4s ease-in-out infinite}
.lp-why-grid h3{font:500 22px var(--serif);color:var(--ivory)}.lp-why-grid p{color:var(--muted);margin-top:8px}
@keyframes lp-glow{0%,100%{box-shadow:0 0 0 1px rgba(199,193,165,.5),0 0 20px -8px rgba(199,193,165,.4)}50%{box-shadow:0 0 0 1px rgba(199,193,165,.8),0 0 40px -4px rgba(199,193,165,.7)}}
.lp-faq{padding:70px 0 90px}
.lp-q{border-bottom:1px solid var(--line);padding:18px 4px}
.lp-q summary{cursor:pointer;font:500 21px var(--serif);color:var(--ivory);list-style:none}
.lp-q summary::after{content:"+";float:right;color:var(--gold)}.lp-q[open] summary::after{content:"–"}
.lp-q p{margin-top:10px;color:var(--muted)}
@media (max-width:1100px){.lp-plans{grid-template-columns:repeat(2,1fr)}.lp-why-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.lp-wallet-in{grid-template-columns:1fr;gap:20px}.lp-fan{height:380px}.lp-pass{width:160px}}
@media (max-width:600px){.lp-plans{grid-template-columns:1fr}.lp-why-grid{grid-template-columns:1fr 1fr;gap:12px}.lp-hero{min-height:88svh;padding-bottom:40px}.lp-hero p{font-size:17px}.lp-hero .ctas .btn{flex:1;justify-content:center}.lp-fan{height:300px}.lp-pass{width:128px}.lp-compare th,.lp-compare td{padding:10px 6px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.lp-hero-bg,.lp-pass,.lp-best::before,.lp-why-grid i{animation:none!important}}
@media (min-width:861px){.lp-hero{align-items:center;padding:60px 0}.lp-hero-bg{left:auto;right:0;width:66%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%);mask-image:linear-gradient(90deg,transparent,#000 32%)}
.lp-hero::after{background:linear-gradient(90deg,#0f1114 0%,rgba(15,17,20,.75) 38%,rgba(15,17,20,0) 70%),linear-gradient(0deg,rgba(15,17,20,.6),transparent 40%)}.lp-hero h1{max-width:620px}.lp-hero{background:#0f1114}}
@media (max-width:860px){.lp-hero-bg{height:58%;object-position:center 30%}.lp-hero{background:#0f1114}.lp-hero::after{background:linear-gradient(180deg,transparent 0%,transparent 30%,rgba(15,17,20,.9) 55%,#0f1114 64%)}}
@media (max-width:860px){.lp-hero{display:block;min-height:0;padding:0 0 40px}.lp-hero-bg{position:relative;display:block;height:min(52vh,420px);width:100%;animation:none;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.lp-hero::after{display:none}.lp-hero>.frame{margin-top:-30px}}
@media (min-width:861px){.lp-hero-bg{width:max(46%,calc(100% - 640px))}.lp-hero h1{max-width:560px;font-size:clamp(40px,4.4vw,72px)}.lp-hero p{max-width:520px}}
.lp-pass-0{transform:translate(-100%,-50%) rotate(-12deg)}.lp-pass-1{transform:translate(-72%,-54%) rotate(-4deg)}.lp-pass-2{transform:translate(-40%,-56%) rotate(4deg)}.lp-pass-3{transform:translate(-6%,-50%) rotate(12deg)}
.lp-fan{max-width:520px;width:100%;margin:0 auto}.lp-pass{width:min(200px,38%)}
/* 2026-10-16 owner: banner never moves when colors change — one logo box for every theme; Soft cream keeps the gold logo */
.logo img,html[data-theme] .logo img{width:119px!important;height:92px!important;object-fit:contain}
@media (max-width:560px){.logo img,html[data-theme] .logo img{width:80px!important;height:62px!important}}
html[data-theme=cream] .logo img,html[data-theme=cream] footer img[src*="logo"]{content:normal!important;filter:none!important}
html[data-theme=light] .book-frame,html[data-theme=cream] .book-frame{color-scheme:light}
/* Numerology inside the website: no box, full frame width, grows with its content */
.num-sec{padding:20px 0 60px}
.num-frame{display:block;width:100%;height:1400px;border:0;background:transparent}
@media (max-width:560px){.num-sec .frame{width:calc(100vw - 16px)}}
/* Loyalty v2 (owner): real metal medals as floating glossy bubbles, shorter page, picture viewer, share row */
.lp-wallet{padding:56px 0 24px}.lp-plans-sec{padding:24px 0 56px}.lp-why{padding:40px 0}.lp-faq{padding:40px 0 70px}
.lp-plans{margin-top:30px}
.lp-tier{width:84px;height:84px;margin-top:-42px;font:700 13px/1 var(--sans);letter-spacing:.04em;overflow:hidden;animation:lp-bob 4.6s ease-in-out infinite;border:0}
.lp-tier::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.95),rgba(255,255,255,0) 34%);mix-blend-mode:screen}
.lp-tier::after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%);animation:lp-shine 3.8s ease-in-out infinite}
@keyframes lp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lp-shine{0%,50%{transform:translateX(-70%)}80%,100%{transform:translateX(70%)}}
.lp-silver .lp-tier{background:conic-gradient(from 210deg,#f4f6f9,#a9afb8,#ffffff,#8d939c,#e9ecf0,#b5bac2,#f4f6f9);color:#2b2f36;box-shadow:0 0 0 2px #e9ecf0,0 0 0 5px rgba(200,205,212,.35),0 14px 30px -10px rgba(0,0,0,.6),0 0 30px -4px rgba(220,226,234,.8)}
.lp-platinum .lp-tier{background:conic-gradient(from 200deg,#eef3f8,#9fb0c4,#ffffff,#c9d6e6,#7f8fa3,#e6eef7,#eef3f8);color:#1f2a38;box-shadow:0 0 0 2px #f2f7fd,0 0 0 5px rgba(170,195,225,.35),0 14px 30px -10px rgba(0,0,0,.6),0 0 34px -2px rgba(190,215,245,.9)}
.lp-gold .lp-tier{background:conic-gradient(from 200deg,#f7ecd0,#c7c1a5,#fff6dc,#a8884f,#e6d7be,#8a7a5e,#f7ecd0);color:#2a2214;box-shadow:0 0 0 2px #e6d7be,0 0 0 5px rgba(199,193,165,.35),0 14px 30px -10px rgba(0,0,0,.6),0 0 34px -2px rgba(214,190,130,.9)}
.lp-weekly .lp-tier{background:conic-gradient(from 200deg,#d9f1e6,#3f8a6c,#e9fff5,#1d4a3a,#7cc3a5,#d9f1e6);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 0 2px #bfe6d4,0 0 0 5px rgba(63,138,108,.3),0 14px 30px -10px rgba(0,0,0,.6),0 0 30px -4px rgba(120,200,165,.7)}
.lp-tier{position:relative}
.lp-silver .lp-tier{animation-delay:-1s}.lp-platinum .lp-tier{animation-delay:-2s}.lp-weekly .lp-tier{animation-delay:-3s}
button.lp-photo{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.lp-share{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}
.lp-share span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.lp-share button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--gold);font-size:15px;cursor:pointer;display:grid;place-items:center;transition:transform .25s,background .25s}
.lp-share button:hover{transform:translateY(-3px);background:rgba(199,193,165,.15)}
.lp-box{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:rgba(10,11,13,.86);backdrop-filter:blur(8px);opacity:0;transition:opacity .35s}
.lp-box.on{opacity:1}.lp-box[hidden]{display:none}
.lp-box img{max-width:min(1100px,94vw);max-height:86vh;border-radius:24px;box-shadow:0 30px 80px -20px #000,0 0 60px -10px rgba(199,193,165,.5);transform:scale(.85) rotate(-2deg);transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.lp-box.on img{transform:none}
.lp-box-x{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(199,193,165,.6);background:rgba(20,22,26,.8);color:#e6d7be;font-size:18px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.lp-tier,.lp-tier::after{animation:none!important}}
.lp-fan{height:430px}.lp-wallet{padding:40px 0 0}.lp-plans-sec{padding-top:10px}
@media (max-width:860px){.lp-fan{height:330px}}@media (max-width:600px){.lp-fan{height:270px}}
/* floating glass bubbles on every page */
#magic-bubbles{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}
#magic-bubbles i{position:absolute;bottom:-80px;border-radius:50%;opacity:.55;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.85),rgba(255,255,255,.12) 22%,rgba(230,215,190,.08) 55%,rgba(199,193,165,.22) 100%);
  box-shadow:inset 0 0 0 1px rgba(230,215,190,.55),inset -4px -6px 12px rgba(199,193,165,.25),0 0 18px -4px rgba(214,190,130,.45);
  animation-name:mb-rise,mb-sway;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate}
@keyframes mb-rise{from{transform:translateY(0)}to{transform:translateY(calc(-100vh - 160px))}}
@keyframes mb-sway{from{margin-left:-14px}to{margin-left:14px}}
html[data-theme=light] #magic-bubbles i,html[data-theme=cream] #magic-bubbles i{opacity:.7;box-shadow:inset 0 0 0 1px rgba(168,136,79,.55),inset -4px -6px 12px rgba(168,136,79,.2),0 0 16px -4px rgba(168,136,79,.4)}
@media print{#magic-bubbles{display:none}}
/* About portrait = living glass bubble (owner 2026-10-16) */
@media (prefers-reduced-motion:no-preference){
.bio .portrait{animation:port-float 8s ease-in-out infinite,port-glow 5s ease-in-out infinite}
.bio .portrait::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:2;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.38),rgba(255,255,255,0) 28%),linear-gradient(115deg,transparent 42%,rgba(255,240,205,.32) 50%,transparent 58%);
  background-size:100% 100%,260% 100%;animation:port-shine 7s ease-in-out infinite}}
.bio .portrait img{position:relative;z-index:1}
@keyframes port-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes port-glow{0%,100%{box-shadow:0 0 0 2px var(--gold),0 0 0 12px rgba(199,193,165,.08),0 40px 80px -40px #000,0 0 40px -10px rgba(214,190,130,.35)}50%{box-shadow:0 0 0 2px var(--gold-hi),0 0 0 16px rgba(199,193,165,.12),0 40px 80px -40px #000,0 0 70px -6px rgba(214,190,130,.6)}}
@keyframes port-shine{0%,50%{background-position:0 0,120% 0}85%,100%{background-position:0 0,-60% 0}}
/* 2026-10-16 owner: no bubbles floating on empty page areas — instead the round pictures themselves move like glass bubbles */
#magic-bubbles{display:none!important}
@media (prefers-reduced-motion:no-preference){
.circle .ring,.bub,.duo-ring{animation:bubble-move 7s ease-in-out infinite!important}
.circle:nth-child(2) .ring,.bub-wrap:nth-child(2) .bub{animation-delay:-1.8s!important}
.circle:nth-child(3) .ring,.bub-wrap:nth-child(3) .bub{animation-delay:-3.6s!important}
.circle:nth-child(4) .ring{animation-delay:-5.2s!important}
.circle .ring,.bub{position:relative}
.circle .ring::before,.bub::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:3;pointer-events:none;
  background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.42),rgba(255,255,255,0) 26%),linear-gradient(115deg,transparent 42%,rgba(255,244,214,.3) 50%,transparent 58%);
  background-size:100% 100%,260% 100%;animation:bubble-glint 6.5s ease-in-out infinite}}
@keyframes bubble-move{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(2px,-7px) scale(1.015,.99)}50%{transform:translate(0,-11px) scale(.99,1.015)}75%{transform:translate(-2px,-5px) scale(1.01)}}
@keyframes bubble-glint{0%,55%{background-position:0 0,120% 0}85%,100%{background-position:0 0,-60% 0}}
/* phones (owner iPhone 2026-10-17): 🌐 and ≡ are one matching pair on the right, gold-rim glass circles, small even gap */
@media (max-width:560px){
  header.site .lang-menu{margin-left:auto!important}
  header.site .head-actions{margin-left:8px!important}
  header.site .lang-menu>summary,header.site .burger{width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid rgba(199,193,165,.65)!important;background:rgba(26,29,34,.55)!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.6)}
  header.site .lang-menu>summary{display:grid!important;place-items:center;text-indent:0!important;letter-spacing:0!important;font-size:0!important}
  header.site .lang-menu>summary::before{content:"🌐";font-size:20px;line-height:1}
  html[data-theme=light] header.site .lang-menu>summary,html[data-theme=light] header.site .burger,html[data-theme=cream] header.site .lang-menu>summary,html[data-theme=cream] header.site .burger{background:rgba(255,255,255,.7)!important;border-color:rgba(168,136,79,.6)!important}
}
/* 2026-10-17 owner iPhone: gold line globe (no colorful emoji); floating buttons never cover the hero call-to-action */
@media (max-width:560px){
  header.site .lang-menu>summary::before{content:"";width:22px;height:22px;background:#e6d7be;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M2.8 12h18.4M12 2.8c2.6 2.7 3.9 5.8 3.9 9.2S14.6 18.5 12 21.2M12 2.8C9.4 5.5 8.1 8.6 8.1 12s1.3 6.5 3.9 9.2'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M2.8 12h18.4M12 2.8c2.6 2.7 3.9 5.8 3.9 9.2S14.6 18.5 12 21.2M12 2.8C9.4 5.5 8.1 8.6 8.1 12s1.3 6.5 3.9 9.2'/%3E%3C/svg%3E") center/contain no-repeat}
  html[data-theme=light] header.site .lang-menu>summary::before,html[data-theme=cream] header.site .lang-menu>summary::before{background:#8a6c36}
  header.site .burger{color:#e6d7be!important;font-size:18px!important}
  .hero .copy{padding-bottom:128px!important}
}
/* clean membership photos (no cut-off printed titles) */
.lp-photo{aspect-ratio:5/4}.lp-photo img{object-position:center 30%}
/* 2026-10-17 owner: icons exactly centred inside the two circles (flex, drawn icons, no font glyph offsets) */
@media (max-width:560px){
  header.site .lang-menu>summary,header.site .burger{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;font-size:0!important;color:transparent!important;flex:0 0 44px;box-sizing:border-box}
  header.site .lang-menu>summary::-webkit-details-marker{display:none}
  header.site .lang-menu>summary::before{display:block;margin:0!important;flex:0 0 22px}
  header.site .burger>*{display:none!important}
  header.site .burger::before{content:"";display:block;width:20px;height:20px;background:#e6d7be;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat}
  html[data-theme=light] header.site .burger::before,html[data-theme=cream] header.site .burger::before{background:#8a6c36}
  header.site .frame{padding-right:2px}
}
/* Memberships page (2026-10-17): all memberships, identical frames, clear name + number under each */
.mb-intro{max-width:760px;margin:0 auto 40px;text-align:center}.mb-intro h2{margin-bottom:12px}.mb-intro p{color:var(--muted)}
.mb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}
.mb-card{text-align:center}
.mb-frame{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.mb-frame .lux,.mb-frame .moulding,.mb-frame .mat{display:block}
.mb-text{margin-top:16px}
.mb-text h3{font:500 20px/1.25 var(--serif);color:var(--ivory)}
.mb-text p{margin-top:4px;color:var(--gold);font-size:14px}
.mb-text span{display:inline-block;margin-top:8px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;letter-spacing:.06em;color:var(--muted)}
@media (max-width:900px){.mb-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.mb-grid{grid-template-columns:1fr;gap:28px}}
.mb-grid{display:flex!important;flex-wrap:wrap;justify-content:center}.mb-card{flex:0 0 calc((100% - 56px)/3)}
@media (max-width:900px){.mb-card{flex-basis:calc((100% - 28px)/2)}}@media (max-width:560px){.mb-card{flex-basis:100%}}
/* Gift Vouchers page (2026-10-17 redesign) */
.gv-hero{position:relative;overflow:hidden;isolation:isolate;padding:70px 0 50px;border-bottom:1px solid var(--line)}
.gv-in{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.gv-copy h1{font:500 clamp(40px,5vw,68px)/1.05 var(--serif);margin:14px 0 16px;color:var(--ivory)}.gv-copy h1 em{color:var(--gold-hi);font-style:italic}
.gv-copy p{font-size:18px;color:var(--muted);max-width:520px}
.gv-copy .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.gv-card-wrap{perspective:1200px;display:grid;place-items:center}
.gv-card{position:relative;overflow:hidden;width:min(440px,100%);aspect-ratio:1.6;border-radius:26px;padding:28px 30px;display:flex;flex-direction:column;justify-content:flex-end;color:#1b1710;
  background:linear-gradient(135deg,#f6ead0 0%,#d9c48f 35%,#b8975a 70%,#8a6c36 100%);box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 70px -10px rgba(214,190,130,.55),inset 0 1px 0 rgba(255,255,255,.6);
  animation:gv-tilt 9s ease-in-out infinite;transform-style:preserve-3d}
.gv-card::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);animation:gift-shine2 5s ease-in-out infinite}
@keyframes gift-shine2{0%,50%{transform:translateX(-60%)}85%,100%{transform:translateX(60%)}}
@keyframes gv-tilt{0%,100%{transform:rotateY(-12deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(10deg) rotateX(-4deg) translateY(-10px)}}
.gv-chip{position:absolute;top:26px;left:30px;width:46px;height:34px;border-radius:8px;background:linear-gradient(135deg,#fff3cf,#c9a95e);box-shadow:inset 0 0 0 1px rgba(90,70,30,.35)}
.gv-card em{font-style:normal;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.gv-card b{font:600 30px/1.1 var(--serif);margin:6px 0 4px}
.gv-for{font:italic 16px var(--serif)}
.gv-card code{position:absolute;top:30px;right:28px;font:700 13px ui-monospace,monospace;letter-spacing:.14em;opacity:.75}
.gv-steps-sec{padding:44px 0 10px}
.gv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gv-steps div{text-align:center;padding:22px 16px;border:1px solid var(--line);border-radius:24px}
.gv-steps i{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 10px;border-radius:50%;font-style:normal;font-weight:700;color:#14161a;background:linear-gradient(135deg,#f3e2b0,#b8944a)}
.gv-steps h3{font:500 20px var(--serif);color:var(--ivory)}.gv-steps p{color:var(--muted);font-size:14px;margin-top:4px}
@media (max-width:860px){.gv-in{grid-template-columns:1fr;gap:30px}.gv-steps{grid-template-columns:1fr 1fr}.gv-hero{padding:40px 0 34px}}
@media (prefers-reduced-motion:reduce){.gv-card,.gv-card::after{animation:none}}
/* Contact form (owner iPhone 2026-10-17): never wider than the screen, readable title, follows the colour theme */
.split.contact{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.cform,.cform label{min-width:0}
.cform input,.cform textarea{width:100%;max-width:100%;box-sizing:border-box}
.cform h2{color:var(--ivory)}
html[data-theme] .cform{background:var(--ink2);border-color:var(--line)}
html[data-theme] .cform input,html[data-theme] .cform textarea{background:var(--ink)}
.cform input[type=file]{padding:10px 12px;font-size:14px}
@media (max-width:760px){.split.contact{grid-template-columns:minmax(0,1fr)}.cform{padding:22px 18px;border-radius:24px}}