/* ===== Tales by Lavanya Korandla – shared base for all design options ===== */
@font-face{font-family:'Cormorant Garamond';src:url(../fonts/CormorantGaramond-VF.ttf);font-weight:300 700}
@font-face{font-family:'Cormorant Garamond';src:url(../fonts/CormorantGaramond-Italic-VF.ttf);font-style:italic;font-weight:300 700}
@font-face{font-family:'Playfair Display';src:url(../fonts/PlayfairDisplay-Regular.ttf);font-weight:400}
@font-face{font-family:'Playfair Display';src:url(../fonts/PlayfairDisplay-SemiBold.ttf);font-weight:600}
@font-face{font-family:'Playfair Display';src:url(../fonts/PlayfairDisplay-Bold.ttf);font-weight:700}
@font-face{font-family:'Playfair Display';src:url(../fonts/PlayfairDisplay-Italic-VF.ttf);font-style:italic;font-weight:400 700}
@font-face{font-family:'Marcellus';src:url(../fonts/Marcellus-Regular.ttf)}
@font-face{font-family:'Jost';src:url(../fonts/Jost-VF.ttf);font-weight:300 700}
@font-face{font-family:'Lato';src:url(../fonts/Lato-Regular.ttf);font-weight:400}
@font-face{font-family:'Lato';src:url(../fonts/Lato-Bold.ttf);font-weight:700}
@font-face{font-family:'Great Vibes';src:url(../fonts/GreatVibes-Regular.ttf)}

/* Logo colours (exact, from shared/img/logo.png): purple #6A2498 (site accent now #743089), gold #C8A954, gold shade #BA9646 */
/* Palette A – Logo Lavender: pale lavender tints of the logo purple, logo gold accents */
:root,[data-palette="A"]{
  --bg:#F3EAF8; --surface:#E8D8F2; --card:#F7F0FB; --tint:#D9C2EB; --band:#CDB0E3; --line:#D4C0E0;
  --primary:#743089; --primary-d:#53277E; --primary-ink:#53277E; --primary-deep:#53277E; --deep:#2A1A38; --heading:#2F243C; --accent:#743089;
  --gold:#C8A954; --gold-d:#8E7A3E; --gold-l:#D2C090; --ink:#2F243C; --soft:#4A3F5C; --on-deep:#F8F2E6;
  --night:#2A1A38; --night-mid:#6E5A82; --night-mist:#C8B8D4; --night-gold:#D4BA7A;
}
/* Palette B – Logo Champagne: ivory and pale champagne tints of the logo gold, logo purple accents */
[data-palette="B"]{
  --bg:#FBF5E8; --surface:#F7EDD6; --card:#F9F0DC; --tint:#F3EAD2; --band:#F6EEDB; --line:#E5D4B0;
  --primary:#7E6A36; --deep:#5A4A26; --heading:#5A4A26; --accent:#743089;
  --gold:#C8A954; --gold-d:#BA9646; --gold-l:#EADFBF; --ink:#3A3226; --soft:#6C624E; --on-deep:#F8F2E6;
  --night:#2A1A38; --night-mid:#6E5A82; --night-mist:#C8B8D4; --night-gold:#D4BA7A;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse 120% 80% at 50% -10%,color-mix(in srgb,var(--gold-l) 65%,transparent),transparent 55%),var(--bg);color:var(--ink);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{width:min(1180px,92vw);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* motifs (masks so they follow the palette) */
.temple-band{height:18px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2218%22 viewBox=%220 0 48 18%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22%3E%3Cpath d=%22M0 15.5H48%22/%3E%3Cpath d=%22M0 17.5H48%22 stroke-width=%22.6%22/%3E%3Cpath d=%22M0 13H9V10.5H13V8H17V5.5H21L24 2 27 5.5H31V8H35V10.5H39V13H48%22/%3E%3C/g%3E%3Ccircle cx=%2224%22 cy=%22.9%22 r=%22.9%22/%3E%3Ccircle cx=%224.5%22 cy=%2210.6%22 r=%22.9%22/%3E%3Ccircle cx=%2243.5%22 cy=%2210.6%22 r=%22.9%22/%3E%3C/svg%3E") repeat-x center/48px 18px;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2218%22 viewBox=%220 0 48 18%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22%3E%3Cpath d=%22M0 15.5H48%22/%3E%3Cpath d=%22M0 17.5H48%22 stroke-width=%22.6%22/%3E%3Cpath d=%22M0 13H9V10.5H13V8H17V5.5H21L24 2 27 5.5H31V8H35V10.5H39V13H48%22/%3E%3C/g%3E%3Ccircle cx=%2224%22 cy=%22.9%22 r=%22.9%22/%3E%3Ccircle cx=%224.5%22 cy=%2210.6%22 r=%22.9%22/%3E%3Ccircle cx=%2243.5%22 cy=%2210.6%22 r=%22.9%22/%3E%3C/svg%3E") repeat-x center/48px 18px;opacity:.85}
.kolam-bg{position:relative}
.kolam-bg::before{content:"";position:absolute;inset:0;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2240%22 viewBox=%220 0 40 40%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.8%22%3E%3Cpath d=%22M20 0C31 4 36 9 40 20 36 31 31 36 20 40 9 36 4 31 0 20 4 9 9 4 20 0Z%22/%3E%3Cpath d=%22M0 9C3 5 5 3 9 0M31 0C35 3 37 5 40 9M40 31C37 35 35 37 31 40M9 40C5 37 3 35 0 31%22/%3E%3C/g%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%220%22 cy=%220%22 r=%221.1%22/%3E%3Ccircle cx=%2240%22 cy=%220%22 r=%221.1%22/%3E%3Ccircle cx=%220%22 cy=%2240%22 r=%221.1%22/%3E%3Ccircle cx=%2240%22 cy=%2240%22 r=%221.1%22/%3E%3C/svg%3E") repeat 0 0/40px 40px;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2240%22 viewBox=%220 0 40 40%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.8%22%3E%3Cpath d=%22M20 0C31 4 36 9 40 20 36 31 31 36 20 40 9 36 4 31 0 20 4 9 9 4 20 0Z%22/%3E%3Cpath d=%22M0 9C3 5 5 3 9 0M31 0C35 3 37 5 40 9M40 31C37 35 35 37 31 40M9 40C5 37 3 35 0 31%22/%3E%3C/g%3E%3Ccircle cx=%2220%22 cy=%2220%22 r=%221.4%22/%3E%3Ccircle cx=%220%22 cy=%220%22 r=%221.1%22/%3E%3Ccircle cx=%2240%22 cy=%220%22 r=%221.1%22/%3E%3Ccircle cx=%220%22 cy=%2240%22 r=%221.1%22/%3E%3Ccircle cx=%2240%22 cy=%2240%22 r=%221.1%22/%3E%3C/svg%3E") repeat 0 0/40px 40px;opacity:.12;pointer-events:none}
.kolam-bg>*{position:relative}
.divider{width:220px;height:24px;margin:14px auto 0;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22220%22 height=%2224%22 viewBox=%220 0 220 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.9%22%3E%3Cpath d=%22M0 12H82M138 12H220%22/%3E%3Cpath d=%22M110 2C116 6 118 8 120 12 118 16 116 18 110 22 104 18 102 16 100 12 102 8 104 6 110 2Z%22/%3E%3Cpath d=%22M92 12C96 8 100 8 100 12 100 16 96 16 92 12ZM128 12C124 8 120 8 120 12 120 16 124 16 128 12Z%22/%3E%3C/g%3E%3Ccircle cx=%22110%22 cy=%2212%22 r=%221.6%22/%3E%3Ccircle cx=%2286%22 cy=%2212%22 r=%221.2%22/%3E%3Ccircle cx=%22134%22 cy=%2212%22 r=%221.2%22/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22220%22 height=%2224%22 viewBox=%220 0 220 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.9%22%3E%3Cpath d=%22M0 12H82M138 12H220%22/%3E%3Cpath d=%22M110 2C116 6 118 8 120 12 118 16 116 18 110 22 104 18 102 16 100 12 102 8 104 6 110 2Z%22/%3E%3Cpath d=%22M92 12C96 8 100 8 100 12 100 16 96 16 92 12ZM128 12C124 8 120 8 120 12 120 16 124 16 128 12Z%22/%3E%3C/g%3E%3Ccircle cx=%22110%22 cy=%2212%22 r=%221.6%22/%3E%3Ccircle cx=%2286%22 cy=%2212%22 r=%221.2%22/%3E%3Ccircle cx=%22134%22 cy=%2212%22 r=%221.2%22/%3E%3C/svg%3E") no-repeat center/contain}
.rosette{width:120px;height:120px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22 viewBox=%220 0 120 120%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.9%22%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(0 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(45 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(90 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(135 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(180 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(225 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(270 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(315 60 60)%22/%3E%3Ccircle cx=%2260%22 cy=%2260%22 r=%2210%22/%3E%3Ccircle cx=%2260%22 cy=%2260%22 r=%2257%22 stroke-width=%22.5%22/%3E%3C/g%3E%3Ccircle cx=%2260%22 cy=%2260%22 r=%222.2%22/%3E%3Ccircle cx=%2276.84%22 cy=%2219.35%22 r=%221.6%22/%3E%3Ccircle cx=%22100.65%22 cy=%2243.16%22 r=%221.6%22/%3E%3Ccircle cx=%22100.65%22 cy=%2276.84%22 r=%221.6%22/%3E%3Ccircle cx=%2276.84%22 cy=%22100.65%22 r=%221.6%22/%3E%3Ccircle cx=%2243.16%22 cy=%22100.65%22 r=%221.6%22/%3E%3Ccircle cx=%2219.35%22 cy=%2276.84%22 r=%221.6%22/%3E%3Ccircle cx=%2219.35%22 cy=%2243.16%22 r=%221.6%22/%3E%3Ccircle cx=%2243.16%22 cy=%2219.35%22 r=%221.6%22/%3E%3Ccircle cx=%2260.00%22 cy=%228.00%22 r=%221.1%22/%3E%3Ccircle cx=%2296.77%22 cy=%2223.23%22 r=%221.1%22/%3E%3Ccircle cx=%22112.00%22 cy=%2260.00%22 r=%221.1%22/%3E%3Ccircle cx=%2296.77%22 cy=%2296.77%22 r=%221.1%22/%3E%3Ccircle cx=%2260.00%22 cy=%22112.00%22 r=%221.1%22/%3E%3Ccircle cx=%2223.23%22 cy=%2296.77%22 r=%221.1%22/%3E%3Ccircle cx=%228.00%22 cy=%2260.00%22 r=%221.1%22/%3E%3Ccircle cx=%2223.23%22 cy=%2223.23%22 r=%221.1%22/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22 viewBox=%220 0 120 120%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%22.9%22%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(0 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(45 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(90 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(135 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(180 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(225 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(270 60 60)%22/%3E%3Cellipse cx=%2260%22 cy=%2234%22 rx=%229%22 ry=%2222%22 transform=%22rotate(315 60 60)%22/%3E%3Ccircle cx=%2260%22 cy=%2260%22 r=%2210%22/%3E%3Ccircle cx=%2260%22 cy=%2260%22 r=%2257%22 stroke-width=%22.5%22/%3E%3C/g%3E%3Ccircle cx=%2260%22 cy=%2260%22 r=%222.2%22/%3E%3Ccircle cx=%2276.84%22 cy=%2219.35%22 r=%221.6%22/%3E%3Ccircle cx=%22100.65%22 cy=%2243.16%22 r=%221.6%22/%3E%3Ccircle cx=%22100.65%22 cy=%2276.84%22 r=%221.6%22/%3E%3Ccircle cx=%2276.84%22 cy=%22100.65%22 r=%221.6%22/%3E%3Ccircle cx=%2243.16%22 cy=%22100.65%22 r=%221.6%22/%3E%3Ccircle cx=%2219.35%22 cy=%2276.84%22 r=%221.6%22/%3E%3Ccircle cx=%2219.35%22 cy=%2243.16%22 r=%221.6%22/%3E%3Ccircle cx=%2243.16%22 cy=%2219.35%22 r=%221.6%22/%3E%3Ccircle cx=%2260.00%22 cy=%228.00%22 r=%221.1%22/%3E%3Ccircle cx=%2296.77%22 cy=%2223.23%22 r=%221.1%22/%3E%3Ccircle cx=%22112.00%22 cy=%2260.00%22 r=%221.1%22/%3E%3Ccircle cx=%2296.77%22 cy=%2296.77%22 r=%221.1%22/%3E%3Ccircle cx=%2260.00%22 cy=%22112.00%22 r=%221.1%22/%3E%3Ccircle cx=%2223.23%22 cy=%2296.77%22 r=%221.1%22/%3E%3Ccircle cx=%228.00%22 cy=%2260.00%22 r=%221.1%22/%3E%3Ccircle cx=%2223.23%22 cy=%2223.23%22 r=%221.1%22/%3E%3C/svg%3E") no-repeat center/contain;opacity:.5}
.lotus-art{background:url(../img/lotus.webp) no-repeat center/contain;pointer-events:none}

/* slideshow mechanics */
.slider{position:relative;overflow:hidden}
.slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.slider .slide.is-active{opacity:1;z-index:1}
.slider .slide img{width:100%;height:100%;object-fit:cover}
.slider.contain .slide img{object-fit:contain}
.slider.kb .slide.is-active img{animation:kb 9s ease-out both}
@keyframes kb{from{transform:scale(1.06)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.slider .slide{transition:none}.slider.kb .slide.is-active img{animation:none}}
.s-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid var(--gold-l);background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--primary);font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(4px);transition:background .25s}
.s-btn:hover,.s-btn:focus-visible{background:var(--gold);color:var(--deep);outline:none}
.s-btn.prev{left:16px}.s-btn.next{right:16px}
.s-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.s-dots button{width:8px;height:8px;border-radius:50%;border:1px solid var(--gold);background:transparent;padding:0;cursor:pointer;transition:transform .2s,background .2s}
.s-dots button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);transform:scale(1.3)}

/* palette toggle */
.pal-toggle{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--card);border:1px solid var(--gold-l);box-shadow:0 8px 28px rgba(186,150,70,.18);font:600 13px/1 'Jost',sans-serif;letter-spacing:.06em}
.pal-toggle button{border:0;border-radius:999px;padding:9px 13px;background:transparent;color:var(--soft);cursor:pointer;font:inherit;display:flex;align-items:center;gap:7px}
.pal-toggle button i{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.08)}
.pal-toggle button[aria-pressed="true"]{background:var(--primary);color:#fff}
.pal-toggle .ps{display:none}
@media (max-width:700px){.pal-toggle{right:10px;bottom:10px}.pal-toggle .pl{display:none}.pal-toggle .ps{display:inline}.pal-toggle button{padding:8px 10px}}

/* portfolio */
.pf-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pf-tabs button{cursor:pointer}
.pf-panel[hidden]{display:none}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.pf-grid a{display:block;overflow:hidden;aspect-ratio:4/5;background:var(--card)}
.pf-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pf-grid a:hover img{transform:scale(1.04)}
.pf-grid .more-item{display:none}
.pf-panel.expanded .more-item{display:block}
.soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:280px;border:1px solid var(--gold-l);outline:1px solid var(--line);outline-offset:-12px;background:var(--card)}
.soon b{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:34px;color:var(--primary)}
.soon span{font-family:'Great Vibes',cursive;font-size:32px;color:var(--gold)}
.soon p{color:var(--soft);font-size:16px;max-width:34ch}

/* chat-bubble testimonials */
.sample-badge{display:inline-block;font:600 14px/1.3 'Jost',sans-serif;letter-spacing:.04em;color:var(--deep);background:var(--gold-l);padding:7px 14px;border-radius:999px}
.chat{display:flex;flex-direction:column;gap:22px;max-width:820px;margin-inline:auto}
.msg{display:flex;gap:14px;align-items:flex-end;max-width:640px}
.msg.right{align-self:flex-end;flex-direction:row-reverse}
.msg .av{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--primary-deep);font:600 16px 'Jost',sans-serif;border:1px solid var(--gold-l)}
.bubble{position:relative;background:var(--card);border:1px solid var(--gold-l);padding:16px 20px;border-radius:20px 20px 20px 6px;box-shadow:0 8px 24px rgba(186,150,70,.12)}
.msg.right .bubble{background:var(--tint);border-radius:20px 20px 6px 20px}
.bubble p{font-size:17px}
.bubble .who{display:block;margin-top:8px;font:600 14px 'Jost',sans-serif;letter-spacing:.05em;color:var(--primary-ink)}

/* blog */
.ev-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ev-nav a{text-decoration:none;font:500 15px 'Jost',sans-serif;letter-spacing:.06em;padding:8px 16px;border:1px solid var(--gold-l);border-radius:999px;color:var(--primary-ink)}
.ev-nav a:hover{background:var(--primary-d);color:#fff}
.photos{columns:2 340px;column-gap:14px}
.photos figure{break-inside:avoid;margin-bottom:14px}
.photos img{width:100%;height:auto}   /* never cropped */
.note-few{font-size:15px;color:var(--soft);font-style:italic}

/* contact phone */
.phone-big{font-weight:700;letter-spacing:.02em;text-decoration:none;color:var(--primary-ink);white-space:nowrap}
.phone-big .icon,.phone-top .icon{fill:var(--accent)}
.sig{color:var(--accent)!important}
.icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.15em;fill:currentColor}
.placeholder-flag{font-size:13px;color:#8a5a00;background:#fff3d6;border:1px dashed #d8b46a;padding:2px 8px;border-radius:6px}