:root{
  --navy:#0a3168;
  --green:#0a704d;
  --gold:#b78b2e;
  --cream:#f7f3ea;
  --paper:#fbfaf6;
  --white:#ffffff;
  --ink:#172033;
  --muted:#646d79;
  --line:rgba(10,49,104,.13);
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}

/* HEADER */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(247,243,234,.97);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(183,139,46,.22);
}
.nav{
  min-height:78px;
  width:min(calc(100% - 48px),1640px);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.brand-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.brand-logo{width:270px;max-width:34vw;flex:none}
.pronounce-line{
  display:flex;align-items:center;gap:6px;
  border-left:1px solid rgba(183,139,46,.34);
  padding-left:14px;
  color:var(--navy);
  font-size:.98rem;
  font-weight:700;
  white-space:nowrap;
}
.pronounce-line .dev{color:var(--green)}
.pronounce-line .meaning{font-weight:400;color:var(--muted)}
.speaker{border:0;background:transparent;padding:0;cursor:pointer;font-size:1rem}
.navlinks{display:flex;align-items:center;gap:22px;color:var(--navy);font-size:1rem;font-weight:700}
.navlinks a{white-space:nowrap}
.navlinks .connect{border:1px solid var(--gold);border-radius:999px;padding:10px 17px;background:#fff}

/* HERO */
.hero{padding:48px 0 60px;background:linear-gradient(180deg,var(--cream),var(--paper))}
.hero-copy{max-width:980px;margin:0 auto;text-align:center}
.hero-kicker{
  margin:0 0 16px;color:var(--gold);
  font-size:clamp(1.42rem,2.3vw,1.9rem);
  font-weight:700;
}
h1{
  margin:0;color:var(--navy);
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;
  font-size:clamp(3rem,6.35vw,6.15rem);
  line-height:.96;
  letter-spacing:-.04em;
}
.hero-sub{
  max-width:820px;margin:24px auto 0;
  color:var(--muted);
  font-size:clamp(1.18rem,1.9vw,1.45rem);
  line-height:1.55;
}
.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;font-size:1.03rem}
.primary{background:var(--navy);color:#fff}
.secondary{background:#fff;border:1px solid var(--gold);color:var(--navy)}

.stage{
  position:relative;height:clamp(260px,24vw,330px);
  margin-top:24px;overflow:hidden;border-radius:28px;background:#ddd;
  box-shadow:0 18px 50px rgba(10,49,104,.10)
}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.05s ease}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.slide img[alt*="FRAMELESS"]{object-position:center 82%}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.38))}
.caption{position:absolute;left:28px;right:28px;bottom:24px;z-index:2;color:#fff;font-size:clamp(1.15rem,2vw,1.52rem);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.dot{width:8px;height:8px;border-radius:50%;background:#c8c0b0}
.dot.active{background:var(--gold);width:22px;border-radius:999px}
@media(max-width:780px){
  .dots{margin-top:12px;gap:8px}
  .dot{border:0;padding:0;transition:width .25s ease,background .25s ease}
  .stage{touch-action:pan-y}
}


/* GLOBAL SECTION STYLES */
.section{padding:80px 0}
.white{background:#fff}
.kicker{margin:0 0 12px;color:var(--gold);font-size:clamp(1.12rem,1.65vw,1.32rem);font-weight:700}
h2{
  margin:0;color:var(--navy);
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;
  font-size:clamp(2.45rem,4.7vw,4.6rem);
  line-height:1;
  letter-spacing:-.035em;
}
.intro{max-width:820px;margin:18px 0 0;color:var(--muted);font-size:clamp(1.13rem,1.75vw,1.32rem);line-height:1.55}

/* WORLDS OF BHRAMAN */
.worlds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.world-card{
  min-height:260px;border:1px solid var(--line);border-radius:24px;background:#fff;
  padding:24px;display:flex;flex-direction:column;justify-content:space-between;
}
.world-card .index{color:var(--gold);font-weight:700}
.world-card h3{
  margin:32px 0 8px;color:var(--navy);
  font-family:Georgia,'Times New Roman',serif;font-weight:500;
  font-size:clamp(1.55rem,2vw,1.9rem)
}
.world-card p{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.48}
.method-line{
  margin-top:26px;padding-top:22px;border-top:1px solid var(--line);
  color:var(--navy);font-weight:700;letter-spacing:.02em;text-align:center;
  font-size:clamp(1.05rem,1.5vw,1.18rem)
}

/* BRITAIN */
.britain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.place{background:var(--cream);border-radius:20px;padding:22px}
.place h3{margin:0;color:var(--navy);font-size:1.32rem}
.place p{margin:7px 0 0;color:var(--muted);line-height:1.45;font-size:1.02rem}

/* POSSIBILITIES */
.possibilities{background:var(--navy);color:#fff;border-radius:32px;padding:56px}
.possibilities .kicker{color:#dbbd74}
.possibilities h2{color:#fff}
.possibilities p{max-width:800px;color:rgba(255,255,255,.82);font-size:1.2rem;line-height:1.55}
.word-wall{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.word-wall span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:10px 14px;font-size:1rem}

/* CORPORATE */
.statement{background:#fff;border:1px solid var(--line);border-radius:30px;padding:52px}
.statement .kicker{color:var(--gold)}
.statement h2{max-width:930px}
.statement p{max-width:860px;color:var(--muted);font-size:clamp(1.16rem,1.8vw,1.34rem);line-height:1.55}

/* MARK */
.mark-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:46px;align-items:center}
.monogram{width:min(430px,90%);margin-inline:auto;filter:drop-shadow(0 12px 24px rgba(10,49,104,.07))}
.mark-copy .intro{max-width:820px}
.mark-close{margin:24px 0 0;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.25}
.mark-lead{color:var(--navy);font-weight:700}
.bindu-word{color:var(--gold);font-style:normal;font-weight:700}

/* TRUST */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(10,49,104,.10);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.trust-item{background:#fff;padding:24px;text-align:center}
.trust-item strong{display:block;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.45rem,2vw,1.8rem);font-weight:500}
.trust-item span{display:block;margin-top:7px;color:var(--muted);font-size:1rem}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:start}
.contact-copy p{color:var(--muted);font-size:1.2rem;line-height:1.55}
.contact-stack{display:grid;gap:14px}
.contact-card{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;transition:.18s transform,.18s border-color}
.contact-card:hover{transform:translateY(-2px);border-color:var(--gold)}
.contact-card h3{margin:0;color:var(--navy);font-size:1.45rem}
.contact-card p{margin:7px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.45}
.callback{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.callback-row{display:grid;grid-template-columns:1fr auto;gap:12px}
.callback input,.callback textarea{width:100%;border:1px solid rgba(10,49,104,.20);border-radius:14px;padding:14px 15px;background:#fff;font-size:1.04rem}
.callback textarea{min-height:100px;margin-top:12px;resize:vertical}

footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:1rem}
.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}


@media(min-width:781px) and (max-width:1280px){
  .brand-logo{width:225px;max-width:25vw}
  .pronounce-line{font-size:.88rem;padding-left:11px}
  .navlinks{gap:14px;font-size:.90rem}
  .navlinks .connect{padding:9px 14px}
  .stage{height:clamp(260px,25vw,320px)}
}
@media(max-width:1050px){
  .brand-logo{width:240px;max-width:31vw}
  .pronounce-line{font-size:.9rem}
  .navlinks{gap:16px;font-size:.94rem}
  .worlds-grid{grid-template-columns:repeat(2,1fr)}
  .britain-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
  .nav{min-height:auto;padding:11px 0;align-items:flex-start;width:min(calc(100% - 20px),var(--max))}
  .brand-wrap{align-items:flex-start;gap:9px;flex:1}
  .brand-logo{width:170px;max-width:50vw}
  .pronounce-line{display:flex;flex-wrap:wrap;gap:4px;white-space:normal;padding-left:9px;font-size:.8rem;line-height:1.2}
  .pronounce-line .meaning{width:100%;font-size:.76rem}
  .navlinks a:not(.connect){display:none}
  .navlinks .connect{padding:9px 12px;font-size:.88rem}
  .mark-grid,.contact-grid{grid-template-columns:1fr}
  .mark-copy{text-align:center}
  .mark-copy .intro{margin-inline:auto}
  .mark-close{text-align:center}
  .trust-strip{grid-template-columns:repeat(2,1fr)}
  .possibilities{padding:40px 27px}
}
@media(max-width:560px){
  .wrap{width:min(calc(100% - 20px),var(--max))}
  .brand-logo{width:150px;max-width:46vw}
  .hero{padding-top:36px}
  .hero-kicker{font-size:1.32rem}
  .stage{height:285px;border-radius:20px}
  .worlds-grid,.britain-grid{grid-template-columns:1fr}
  .world-card{min-height:220px}
  .possibilities{padding:34px 22px;border-radius:24px}
  .statement{padding:34px 22px}
  .trust-strip{grid-template-columns:1fr 1fr}
  .callback-row{grid-template-columns:1fr}
}

/* V9 image-led refinement */
.worlds-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:36px;
}
.world-card{
  position:relative;
  min-height:340px;
  border:0;
  border-radius:24px;
  overflow:hidden;
  padding:0;
  isolation:isolate;
  background:#0a3168;
}
.world-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}
.world-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,28,58,.04) 22%,rgba(7,31,67,.90) 100%);
  z-index:-1;
}
.world-card .world-copy{
  position:absolute;
  left:24px;right:24px;bottom:24px;
  color:#fff;
}
.world-card .index{color:#e0bf72;font-weight:700}
.world-card h3{
  color:#fff;
  margin:8px 0 8px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.65rem,2vw,2rem);
}
.world-card p{
  color:rgba(255,255,255,.90);
  font-size:1.03rem;
  line-height:1.46;
}
.method-line{display:none}

.journey-method{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.journey-step{
  position:relative;
  text-align:center;
  padding:18px 10px 16px;
}
.journey-step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:43px;
  right:-8%;
  width:16%;
  height:1px;
  background:rgba(183,139,46,.45);
}
.journey-icon{
  width:64px;height:64px;
  margin:0 auto 12px;
  display:grid;place-items:center;
  border:1px solid rgba(183,139,46,.42);
  border-radius:50%;
  background:var(--cream);
}
.journey-icon svg{
  width:31px;height:31px;
  fill:none;
  stroke:var(--navy);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.journey-step strong{
  display:block;
  color:var(--navy);
  font-family:Georgia,'Times New Roman',serif;
  font-size:1.35rem;
  font-weight:500;
}
.journey-step span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.4;
}

/* Britain destination cards */
.britain-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:36px;
}
.place{
  position:relative;
  min-height:280px;
  border-radius:22px;
  overflow:hidden;
  padding:0;
  isolation:isolate;
  background:#ddd;
}
.place img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}
.place::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.03) 24%,rgba(7,31,67,.83) 100%);
  z-index:-1;
}
.place-copy{
  position:absolute;
  left:22px;right:22px;bottom:20px;
  color:#fff;
}
.place h3{
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:1.65rem;
  font-weight:500;
}
.place p{
  color:rgba(255,255,255,.88);
  font-size:1rem;
}

/* More complete possibilities */
.possibility-groups{
  margin-top:28px;
  display:grid;
  gap:24px;
}
.possibility-group h3{
  margin:0 0 12px;
  color:#e0bf72;
  font-size:1rem;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.word-wall{margin-top:0}
.word-wall span{
  background:rgba(255,255,255,.03);
}

/* Reduce excessive space before the monogram story */
#mark.section{
  padding-top:44px;
  padding-bottom:64px;
}
.mark-grid{gap:34px}
.monogram{max-height:430px;object-fit:contain}


@media(min-width:781px) and (max-width:1280px){
  .brand-logo{width:225px;max-width:25vw}
  .pronounce-line{font-size:.88rem;padding-left:11px}
  .navlinks{gap:14px;font-size:.90rem}
  .navlinks .connect{padding:9px 14px}
  .stage{height:clamp(260px,25vw,320px)}
}
@media(max-width:1050px){
  .worlds-grid{grid-template-columns:repeat(2,1fr)}
  .journey-method{grid-template-columns:repeat(2,1fr)}
  .journey-step:nth-child(2)::after{display:none}
}
@media(max-width:780px){
  .britain-grid{grid-template-columns:repeat(2,1fr)}
  .journey-step::after{display:none!important}
}
@media(max-width:560px){
  .worlds-grid,.britain-grid,.journey-method{grid-template-columns:1fr}
  .world-card{min-height:310px}
  .place{min-height:250px}
}


/* V10 mobile-first consistency */
.mobile-menu-btn,.home-mobile-nav{display:none}
@media(max-width:780px){
  .mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(10,49,104,.16);border-radius:50%;background:#fff;color:var(--navy);font-size:22px;line-height:1}
  .navlinks{display:none!important}
  .home-mobile-nav{display:block;border-top:1px solid rgba(10,49,104,.12);padding-top:8px;padding-bottom:14px}
  .home-mobile-nav[hidden]{display:none}
  .home-mobile-nav a{display:block;min-height:46px;padding:11px 0;color:var(--navy);font-weight:700;font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.slide{transition:none!important}}

/* V11: no repeated editorial imagery + graceful self-contained destination fallback */
.place.image-unavailable{background:linear-gradient(145deg,#0a3168 0%,#154b7f 58%,#0a704d 130%);position:relative;overflow:hidden}
.place.image-unavailable::before{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(229,202,140,.55);border-radius:50%;right:-28px;top:-35px}
.place.image-unavailable::after{content:"";position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(4,20,44,.86));height:70%;z-index:0}
.place.image-unavailable .place-copy{z-index:2}
.place.image-unavailable .place-copy::before{content:"BRITAIN";display:block;color:#e5ca8c;font-size:.72rem;font-weight:700;letter-spacing:.18em;margin-bottom:8px}


/* V12 mobile destination-image fix: background images avoid broken <img> placeholders on iOS Safari. */
.place{background-size:cover;background-position:center;position:relative;overflow:hidden;background-color:#173b67;}
.place[style*="background-image"]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,42,0.02) 20%,rgba(4,19,42,.82) 100%);z-index:0;pointer-events:none;}
.place[style*="background-image"] .place-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px 30px 28px;}
.place[style*="background-image"] h3,.place[style*="background-image"] p{color:white;}
@media(max-width:680px){.place[style*="background-image"] .place-copy{padding:28px 24px 26px}.place[style*="background-image"]{min-height:260px}}


/* v13: direct-image destination cards - no CSS hotlink backgrounds */
.place{position:relative;overflow:hidden;background:#18365f!important;}
.place::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,43,.05) 28%,rgba(5,25,52,.88) 100%);z-index:1;pointer-events:none;}
.place-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;}
.place-copy{position:absolute;left:30px;right:30px;bottom:24px;z-index:2;}
@media(max-width:680px){.place-copy{left:24px;right:24px;bottom:22px}.place h3{font-size:1.55rem;line-height:1.08;margin:0 0 8px}.place p{font-size:.96rem;line-height:1.35;margin:0}}



@media(max-width:780px){.slide img[alt*="FRAMELESS"]{object-position:center 78%}}

/* GOOGLE REVIEWS COMPONENT */
.google-reviews{background:linear-gradient(180deg,#fff 0%,#fbfaf6 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.google-reviews-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:end;margin-bottom:30px}
.google-rating-box{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:22px;background:#fff}
.google-rating-score{font-family:Georgia,'Times New Roman',serif;font-size:3rem;line-height:1;color:var(--navy)}
.google-stars{color:var(--gold);letter-spacing:.08em;font-size:1.15rem;margin-bottom:5px}
.google-rating-meta{color:var(--muted);line-height:1.45}
.google-rating-meta strong{color:var(--ink)}
.google-wordmark{font-weight:700;letter-spacing:.02em;color:var(--navy)}
.review-carousel{position:relative}
.review-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;min-height:215px;display:flex;flex-direction:column;justify-content:space-between}
.review-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.review-name{font-weight:700;color:var(--navy);font-size:1.08rem}
.review-source{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.review-stars{color:var(--gold);letter-spacing:.06em;margin:13px 0 14px}
.review-text{font-family:Georgia,'Times New Roman',serif;font-size:1.26rem;line-height:1.42;color:var(--ink);margin:0}
.review-dots{display:none;justify-content:center;gap:8px;margin-top:18px}
.review-dot{width:8px;height:8px;border-radius:50%;border:0;background:rgba(10,49,104,.22);padding:0}
.review-dot.active{background:var(--gold)}
@media(max-width:900px){.google-reviews-head{grid-template-columns:1fr;gap:22px}.review-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.review-track::-webkit-scrollbar{display:none}.review-card{flex:0 0 100%;scroll-snap-align:start;min-height:230px}.review-dots{display:flex}.google-rating-box{max-width:520px}}
@media(max-width:680px){.google-rating-score{font-size:2.55rem}.review-card{padding:22px;min-height:220px}.review-text{font-size:1.18rem}.google-rating-box{align-items:flex-start}.google-reviews-head{margin-bottom:22px}}



.site-header{position:sticky;top:0;z-index:60;background:rgba(247,243,234,.98);border-bottom:1px solid rgba(183,139,46,.25);backdrop-filter:blur(12px)}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:102px;padding:12px 0}
.site-header .brand-wrap{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0}
.site-header .brand-home{display:block}
.site-header .brand-logo{width:224px;height:auto}
.site-header .pronunciation{border-left:1px solid rgba(183,139,46,.35);padding-left:14px;max-width:180px;flex-shrink:0}
.site-header .pron-top{display:flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.3;font-size:16px;color:var(--navy)}
.site-header .speaker{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:42px;padding:6px;background:transparent;border:0;border-radius:50%;color:var(--navy)}
.site-header .speaker:hover{background:rgba(10,49,104,.07)}
.site-header .pron-top strong{color:var(--green);font-weight:700}
.site-header .phonetic{font-size:16px;font-weight:700;white-space:nowrap;color:var(--navy)}
.site-header .meaning{font-size:16px;color:var(--muted);margin-left:7px;font-weight:400}
.site-header .pron-bottom{line-height:1.35;padding-left:4px;white-space:nowrap}
.site-header .main-nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}
.site-header .main-nav>a{color:var(--navy);display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:700;line-height:1.25;white-space:nowrap}
.site-header .main-nav .active{color:#88631d;text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--gold);text-decoration-thickness:1px}
.site-header .main-nav .connect{padding:12px 20px;border:1px solid var(--gold);border-radius:999px;background:var(--white,#fff)}
.site-header .mobile-tools{display:none;align-items:center;gap:10px}
.site-header .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid rgba(10,49,104,.15);border-radius:50%;color:var(--navy);font-size:22px}
.site-header .mobile-nav{border-top:1px solid rgba(10,49,104,.15);padding:12px 0 20px;background:var(--cream)}
.site-header .mobile-nav[hidden]{display:none}
.site-header .mobile-nav a{display:block;min-height:48px;padding:10px 0;font-size:18px;font-weight:700;color:var(--navy)}
@media(max-width:1279px){
 .site-header .nav{min-height:94px;gap:15px}
 .site-header .brand-logo{width:205px}
 .site-header .main-nav{gap:15px}
 .site-header .main-nav>a{font-size:15px}
 .site-header .main-nav .connect{padding:10px 16px}
}
@media(max-width:1040px){
 .site-header .main-nav{display:none}
 .site-header .mobile-tools{display:flex}
 .site-header .nav{min-height:90px}
}
@media(max-width:680px){
 .site-header .nav{min-height:auto;padding:10px 0;gap:9px}
 .site-header .brand-wrap{gap:8px;min-width:0}
 .site-header .brand-logo{width:145px}
 .site-header .pronunciation{padding-left:8px;max-width:150px}
 .site-header .pron-top{font-size:14px;gap:4px}
 .site-header .speaker{min-width:32px;min-height:36px;padding:4px;font-size:16px}
 .site-header .phonetic,.site-header .meaning{font-size:14px}
 .site-header .pron-bottom{padding-left:2px}
 .site-header .menu-btn{width:44px;height:44px}
}
.site-footer{border-top:1px solid rgba(10,49,104,.13);padding:28px 0;color:var(--muted);font-size:1rem;background:var(--paper,#fbfaf6)}
.site-footer .foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
@media(max-width:680px){.site-footer .foot{align-items:flex-start;flex-direction:column;gap:8px}}


/* FINAL SHARED SOCIAL + LEGAL FOOTER */
.site-footer-expanded{border-top:1px solid var(--line);background:var(--cream);padding:0;color:var(--navy)}
.footer-main-row{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:30px 0 26px}
.footer-brand-block{font-size:15px;color:var(--muted);line-height:1.55}.footer-brand-block strong{color:var(--navy)}
.footer-tagline{font-family:var(--serif,Georgia,serif);font-size:21px;color:var(--navy);margin-top:4px}
.footer-social{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-social-label{font-weight:700;color:var(--navy);margin-right:2px}
.footer-social a{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:700;font-size:15px}.footer-social a:hover{color:var(--gold)}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:7px;font-family:Arial,sans-serif;font-size:20px;font-weight:800;color:var(--navy);line-height:1}.social-icon.social-in{font-size:13px;letter-spacing:-.04em}
.footer-legal-row{border-top:1px solid var(--line);background:#fff}.footer-legal-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}
.footer-legal-inner nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-legal-inner nav a{color:var(--navy)}.footer-legal-inner nav a:hover{color:var(--gold)}
@media(max-width:760px){.footer-main-row{display:block;padding:26px 0 22px}.footer-social{margin-top:20px;gap:12px 18px}.footer-social-label{width:100%}.footer-legal-inner{display:block;padding:18px 0;line-height:1.7}.footer-legal-inner nav{margin-top:10px;gap:8px 16px}}


/* HEADER SYNC: matches Bhraman-Tours.html */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,243,234,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.site-header .nav{width:min(calc(100% - 32px),var(--max));min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0}
.site-header .brand-wrap{display:flex;align-items:center;gap:22px;min-width:0;flex-shrink:0}
.site-header .brand-home{display:block}
.site-header .brand-logo{width:236px;height:auto;max-width:none;flex:none}
.site-header .pronunciation{border-left:1px solid rgba(183,139,46,.35);padding-left:20px;min-width:220px;max-width:none;flex-shrink:0}
.site-header .pron-top{display:flex;align-items:center;gap:8px;white-space:nowrap;line-height:1.3;color:var(--navy)}
.site-header .pron-top strong{font-size:20px;color:var(--green);font-weight:700}
.site-header .speaker{display:inline-flex;align-items:center;justify-content:center;min-width:auto;min-height:auto;border:0;background:transparent;color:var(--navy);font-size:18px;padding:4px;cursor:pointer}
.site-header .pron-bottom{padding-left:34px;margin-top:3px;white-space:nowrap;line-height:1.35}
.site-header .phonetic{font-weight:700;color:var(--navy);font-size:18px}
.site-header .meaning{color:var(--muted);font-size:18px;margin-left:8px;font-weight:400}
.site-header .main-nav{display:flex;align-items:center;justify-content:flex-end;gap:26px;min-width:0;font-size:16px;font-weight:700;color:var(--navy);white-space:nowrap}
.site-header .main-nav>a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;border-bottom:2px solid transparent;color:var(--navy);font-size:16px;font-weight:700;line-height:1.25;white-space:nowrap;text-decoration:none}
.site-header .main-nav>a:hover,.site-header .main-nav>a.active{color:#9a6e16;border-bottom-color:var(--gold)}
.site-header .main-nav .connect{border:1px solid var(--gold);border-radius:999px;padding:13px 22px;background:transparent;color:var(--navy)}
.site-header .mobile-tools{display:none;align-items:center;gap:10px}
.site-header .menu-btn{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:50%;width:46px;height:46px;font-size:22px;display:inline-flex;align-items:center;justify-content:center}
.site-header .mobile-nav{display:none}
.site-header .pron-status{position:absolute;left:-9999px}
@media(max-width:1279px){
 .site-header .main-nav{display:none}
 .site-header .mobile-tools{display:flex}
 .site-header .nav{min-height:96px}
 .site-header .mobile-nav{position:absolute;left:0;right:0;top:100%;width:min(calc(100% - 32px),var(--max));background:var(--cream);border-top:1px solid var(--line);padding:10px 0 18px}
 .site-header .mobile-nav:not([hidden]){display:grid}
 .site-header .mobile-nav a{padding:12px 4px;border-bottom:1px solid var(--line);font-weight:700;color:var(--navy);font-size:18px}
}
@media(max-width:680px){
 .site-header .nav{align-items:flex-start;min-height:104px;padding:12px 0;gap:9px}
 .site-header .brand-wrap{display:block;min-width:0}
 .site-header .brand-logo{width:214px}
 .site-header .pronunciation{border:0;padding:0;margin-top:2px;min-width:0;max-width:250px}
 .site-header .pron-top strong,.site-header .phonetic,.site-header .meaning{font-size:16px}
 .site-header .pron-bottom{padding-left:7px}
 .site-header .speaker{padding-left:0}
 .site-header .mobile-tools{padding-top:14px}
}


/* FINAL HEADER / NAV ALIGNMENT */
.site-header .nav{min-height:88px !important;padding:8px 0 !important;gap:20px !important}
.site-header .brand-wrap{gap:16px !important}
.site-header .brand-logo{width:236px !important}
.site-header .pronunciation{border-left:1px solid rgba(183,139,46,.35) !important;padding-left:14px !important;max-width:150px !important;min-width:0 !important}
.site-header .pron-top{display:flex !important;align-items:center !important;gap:6px !important;white-space:nowrap !important}
.site-header .pron-top strong{font-size:18px !important}
.site-header .speaker{min-width:30px !important;min-height:32px !important;padding:2px !important}
.site-header .pron-bottom{padding-left:0 !important;margin-top:1px !important;line-height:1.2 !important;white-space:nowrap !important}
.site-header .phonetic{display:block !important;font-size:14px !important;font-weight:700 !important;color:var(--navy) !important}
.site-header .meaning{display:none !important}
.site-header .main-nav{gap:22px !important}
.site-header .main-nav>a{font-size:15px !important;text-decoration:none !important;border-bottom:2px solid transparent !important;padding:10px 0 !important}
.site-header .main-nav>a.active{color:#9a6e16 !important;text-decoration:none !important;border-bottom-color:var(--gold) !important}
.site-header .main-nav>a.connect{border:1px solid var(--gold) !important;border-radius:999px !important;padding:11px 18px !important}
.site-footer-expanded .footer-brand-block .footer-email{margin-top:6px}
.site-footer-expanded .footer-brand-block .footer-email a{color:var(--navy);font-weight:700}
@media(max-width:980px){.site-header .brand-logo{width:210px !important}.site-header .main-nav{gap:14px !important}.site-header .main-nav>a{font-size:14px !important}}
@media(max-width:820px){.site-header .nav{min-height:82px !important}.site-header .brand-logo{width:205px !important}.site-header .pronunciation{border-left:0 !important;padding-left:0 !important;margin-top:2px !important;max-width:140px !important}.site-header .pron-top strong{font-size:16px !important}.site-header .phonetic{font-size:13px !important}}


/* FINAL SLEEK HEADER: preserve meaning of Bhraman while reducing vertical footprint */
@media(min-width:1280px){
  .site-header .nav{min-height:76px !important;padding:3px 0 !important;gap:18px !important}
  .site-header .brand-wrap{gap:14px !important}
  .site-header .brand-logo{width:220px !important}
  .site-header .pronunciation{padding-left:12px !important;max-width:190px !important;min-width:170px !important}
  .site-header .pron-top{gap:5px !important;line-height:1.15 !important}
  .site-header .pron-top strong{font-size:18px !important}
  .site-header .speaker{min-width:28px !important;min-height:28px !important;font-size:16px !important;padding:1px !important}
  .site-header .pron-bottom{display:flex !important;align-items:baseline !important;gap:6px !important;padding-left:0 !important;margin-top:0 !important;line-height:1.15 !important}
  .site-header .phonetic{display:inline !important;font-size:14px !important}
  .site-header .meaning{display:inline !important;font-size:14px !important;color:var(--muted) !important;margin-left:0 !important;font-weight:400 !important}
  .site-header .main-nav{gap:20px !important}
  .site-header .main-nav>a{font-size:15px !important;padding:8px 0 !important;min-height:38px !important}
  .site-header .main-nav>a.connect{padding:10px 17px !important}
}
@media(min-width:821px) and (max-width:1279px){
  .site-header .nav{min-height:80px !important;padding:5px 0 !important}
  .site-header .brand-logo{width:210px !important}
  .site-header .pronunciation{max-width:180px !important}
  .site-header .pron-bottom{display:flex !important;gap:5px !important;padding-left:0 !important;margin-top:0 !important}
  .site-header .meaning{display:inline !important;font-size:13px !important;color:var(--muted) !important;margin-left:0 !important}
}
@media(max-width:820px){
  .site-header .pron-bottom{display:flex !important;align-items:baseline !important;gap:5px !important;padding-left:0 !important;margin-top:1px !important;white-space:nowrap !important}
  .site-header .meaning{display:inline !important;font-size:13px !important;color:var(--muted) !important;margin-left:0 !important;font-weight:400 !important}
}


/* FINAL MASTER HEADER — identical across every Bhraman page */
.site-header{font-size:16px!important;position:sticky!important;top:0!important;z-index:80!important;background:rgba(247,243,234,.985)!important;border-bottom:1px solid rgba(183,139,46,.24)!important;backdrop-filter:blur(12px)!important}
.site-header .nav{width:min(calc(100% - 48px),1760px)!important;min-height:104px!important;height:104px!important;margin-inline:auto!important;padding:7px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px!important}
.site-header .brand-wrap{display:flex!important;align-items:center!important;gap:20px!important;min-width:0!important;flex-shrink:0!important}
.site-header .brand-home{display:block!important;flex:none!important}
.site-header .brand-logo{display:block!important;width:280px!important;max-width:none!important;height:auto!important;flex:none!important}
.site-header .pronunciation{border-left:1px solid rgba(183,139,46,.38)!important;padding-left:18px!important;margin:0!important;width:210px!important;min-width:210px!important;max-width:210px!important;flex:none!important}
.site-header .pron-top{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;line-height:1.15!important;margin:0!important}
.site-header .speaker{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--navy,#0a3168)!important;font-size:17px!important;cursor:pointer!important}
.site-header .pron-top strong{font-size:21px!important;line-height:1.15!important;color:var(--green,#0a704d)!important;font-weight:700!important}
.site-header .pron-bottom{display:flex!important;align-items:baseline!important;gap:7px!important;padding-left:0!important;margin-top:5px!important;line-height:1.2!important;white-space:nowrap!important}
.site-header .phonetic{display:inline!important;font-size:17px!important;line-height:1.2!important;font-weight:700!important;color:var(--navy,#0a3168)!important}
.site-header .meaning{display:inline!important;font-size:17px!important;line-height:1.2!important;font-weight:400!important;color:var(--muted,#646d79)!important;margin-left:0!important;width:auto!important}
.site-header .main-nav{font-size:16px!important;line-height:1.2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:25px!important;min-width:0!important;white-space:nowrap!important;color:var(--navy,#0a3168)!important}
.site-header .main-nav>a{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:9px 0 8px!important;border:0!important;border-bottom:2px solid transparent!important;text-decoration:none!important;color:var(--navy,#0a3168)!important;font-size:16px!important;line-height:1.2!important;font-weight:700!important;white-space:nowrap!important}
.site-header .main-nav>a:hover,.site-header .main-nav>a.active{color:#936918!important;border-bottom-color:var(--gold,#b78b2e)!important;text-decoration:none!important}
.site-header .main-nav>a.connect{border:1px solid var(--gold,#b78b2e)!important;border-radius:999px!important;padding:12px 21px!important;background:transparent!important;color:var(--navy,#0a3168)!important}
.site-header .mobile-tools{display:none!important;align-items:center!important;gap:10px!important}
.site-header .menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;border:1px solid rgba(10,49,104,.18)!important;border-radius:50%!important;background:transparent!important;color:var(--navy,#0a3168)!important;font-size:22px!important}
.site-header .mobile-nav{background:var(--cream,#f7f3ea)!important;border-top:1px solid rgba(10,49,104,.12)!important;padding:12px 0 18px!important}
.site-header .mobile-nav[hidden]{display:none!important}
.site-header .mobile-nav a{display:block!important;min-height:46px!important;padding:10px 0!important;font-size:17px!important;font-weight:700!important;color:var(--navy,#0a3168)!important;text-decoration:none!important}
@media(max-width:1450px){
 .site-header .main-nav{display:none!important}
 .site-header .mobile-tools{display:flex!important}
 .site-header .nav{width:min(calc(100% - 36px),1320px)!important}
}
@media(max-width:820px){
 .site-header .nav{height:auto!important;min-height:92px!important;padding:9px 0!important;gap:14px!important;align-items:center!important}
 .site-header .brand-logo{width:225px!important}
 .site-header .brand-wrap{gap:13px!important}
 .site-header .pronunciation{width:184px!important;min-width:184px!important;max-width:184px!important;padding-left:12px!important}
 .site-header .pron-top strong{font-size:18px!important}
 .site-header .phonetic,.site-header .meaning{font-size:15px!important}
 .site-header .speaker{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;font-size:15px!important}
}
@media(max-width:680px){
 .site-header .nav{width:calc(100% - 24px)!important;min-height:116px!important;height:auto!important;padding:10px 0 9px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:4px!important;align-items:center!important}
 .site-header .brand-wrap{display:contents!important}
 .site-header .brand-home{grid-column:1!important;grid-row:1!important;align-self:center!important}
 .site-header .brand-logo{width:188px!important;max-width:72vw!important}
 .site-header .mobile-tools{grid-column:2!important;grid-row:1!important;align-self:center!important;display:flex!important}
 .site-header .pronunciation{grid-column:1 / -1!important;grid-row:2!important;border-left:0!important;padding-left:0!important;width:auto!important;min-width:0!important;max-width:none!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto!important;align-items:center!important;justify-content:start!important;column-gap:8px!important}
 .site-header .pron-top{grid-column:1!important;display:flex!important;align-items:center!important;gap:5px!important}
 .site-header .pron-bottom{grid-column:2!important;margin-top:0!important;display:flex!important;gap:6px!important;align-items:baseline!important}
 .site-header .pron-top strong{font-size:17px!important}
 .site-header .phonetic,.site-header .meaning{font-size:15px!important}
 .site-header .menu-btn{width:44px!important;height:44px!important}
}
@media(max-width:390px){
 .site-header .brand-logo{width:170px!important}
 .site-header .pron-top strong{font-size:16px!important}
 .site-header .phonetic,.site-header .meaning{font-size:14px!important}
}


/* One master header component across every Bhraman page. */
.site-header{position:sticky!important;top:0!important;z-index:90!important;background:rgba(247,243,234,.985)!important;border-bottom:1px solid rgba(183,139,46,.24)!important;backdrop-filter:blur(12px)!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1.2!important}
.site-header .wrap.nav{width:min(1840px,calc(100% - 80px))!important;margin:0 auto!important;min-height:108px!important;height:108px!important;padding:10px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px!important}
.site-header .brand-wrap{display:flex!important;align-items:center!important;gap:18px!important;flex:0 0 auto!important;min-width:0!important}
.site-header .brand-home,.site-header .brand-wrap>a{display:flex!important;align-items:center!important;flex:0 0 auto!important}
.site-header .brand-logo{display:block!important;width:272px!important;height:auto!important;max-width:none!important;max-height:88px!important;object-fit:contain!important;margin:0!important}
.site-header .pronunciation{display:block!important;box-sizing:border-box!important;width:210px!important;min-width:210px!important;max-width:210px!important;border-left:1px solid rgba(183,139,46,.35)!important;padding:0 0 0 18px!important;margin:0!important;flex:0 0 210px!important}
.site-header .pron-top{display:flex!important;align-items:center!important;gap:7px!important;height:30px!important;white-space:nowrap!important;line-height:1.15!important;margin:0!important;padding:0!important}
.site-header .speaker{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border:0!important;background:transparent!important;border-radius:50%!important;padding:0!important;margin:0!important;color:#0a3168!important;font-size:17px!important;line-height:1!important;cursor:pointer!important}
.site-header .pron-top strong{font-family:Arial,Helvetica,sans-serif!important;font-size:19px!important;line-height:1.15!important;font-weight:700!important;color:#0a704d!important;margin:0!important}
.site-header .pron-bottom{display:flex!important;align-items:baseline!important;gap:7px!important;white-space:nowrap!important;line-height:1.2!important;padding:0!important;margin:5px 0 0 0!important;height:auto!important}
.site-header .phonetic{font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;line-height:1.2!important;font-weight:700!important;color:#0a3168!important;margin:0!important}
.site-header .meaning{display:inline!important;font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;line-height:1.2!important;font-weight:400!important;color:#646d79!important;margin:0!important}
.site-header .main-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:26px!important;margin-left:auto!important;min-width:0!important;white-space:nowrap!important;font-family:Arial,Helvetica,sans-serif!important}
.site-header .main-nav>a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:9px 0 8px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#0a3168!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}
.site-header .main-nav>a.active{color:#9b6b12!important;border-bottom-color:#b78b2e!important;text-decoration:none!important;box-shadow:none!important}
.site-header .main-nav>a.connect{min-height:46px!important;padding:11px 20px!important;border:1px solid #b78b2e!important;border-radius:999px!important;background:#fff!important;color:#0a3168!important}
.site-header .mobile-tools{display:none!important;align-items:center!important;gap:8px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important}
.site-header .menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border:1px solid rgba(10,49,104,.16)!important;border-radius:50%!important;background:#fff!important;color:#0a3168!important;font-size:22px!important;line-height:1!important;padding:0!important}
.site-header .mobile-nav{font-family:Arial,Helvetica,sans-serif!important}
@media (max-width:1500px) and (min-width:1300px){
 .site-header .wrap.nav{width:calc(100% - 56px)!important;gap:18px!important}
 .site-header .brand-wrap{gap:14px!important}
 .site-header .brand-logo{width:244px!important;max-height:80px!important}
 .site-header .pronunciation{width:186px!important;min-width:186px!important;max-width:186px!important;flex-basis:186px!important;padding-left:14px!important}
 .site-header .pron-top strong{font-size:18px!important}
 .site-header .phonetic,.site-header .meaning{font-size:15.5px!important}
 .site-header .main-nav{gap:17px!important}
 .site-header .main-nav>a{font-size:15px!important}
 .site-header .main-nav>a.connect{padding:10px 16px!important}
}
@media (max-width:1299px){
 .site-header .wrap.nav{width:calc(100% - 40px)!important;min-height:104px!important;height:104px!important;padding:8px 0!important;gap:16px!important}
 .site-header .brand-logo{width:226px!important;max-height:74px!important}
 .site-header .brand-wrap{gap:14px!important}
 .site-header .pronunciation{width:190px!important;min-width:190px!important;max-width:190px!important;flex-basis:190px!important;padding-left:14px!important}
 .site-header .pron-top strong{font-size:18px!important}
 .site-header .phonetic,.site-header .meaning{font-size:15px!important}
 .site-header .main-nav{display:none!important}
 .site-header .mobile-tools{display:flex!important;margin-left:auto!important}
 .site-header .mobile-nav:not([hidden]){display:block!important;width:calc(100% - 40px)!important;margin:0 auto!important;padding:8px 0 18px!important;border-top:1px solid rgba(10,49,104,.10)!important}
 .site-header .mobile-nav[hidden]{display:none!important}
 .site-header .mobile-nav a{display:block!important;min-height:44px!important;padding:10px 0!important;color:#0a3168!important;font-size:17px!important;font-weight:700!important;text-decoration:none!important}
}
@media (max-width:680px){
 .site-header .wrap.nav{width:calc(100% - 28px)!important;height:auto!important;min-height:118px!important;padding:8px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px 10px!important}
 .site-header .brand-wrap{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;align-items:start!important}
 .site-header .brand-logo{width:184px!important;max-height:62px!important}
 .site-header .pronunciation{width:230px!important;min-width:0!important;max-width:230px!important;flex-basis:auto!important;border-left:0!important;padding-left:0!important;margin-top:0!important}
 .site-header .pron-top{height:24px!important;gap:5px!important}
 .site-header .speaker{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;font-size:14px!important}
 .site-header .pron-top strong{font-size:16px!important}
 .site-header .pron-bottom{gap:5px!important;margin-top:1px!important}
 .site-header .phonetic,.site-header .meaning{font-size:14px!important}
 .site-header .mobile-tools{grid-column:2!important;grid-row:1!important;align-self:center!important;margin-top:7px!important}
 .site-header .menu-btn{width:42px!important;height:42px!important}
 .site-header .mobile-nav:not([hidden]){width:calc(100% - 28px)!important}
}
@media (max-width:420px){
 .site-header .brand-logo{width:168px!important;max-height:57px!important}
 .site-header .pronunciation{max-width:215px!important}
 .site-header .phonetic,.site-header .meaning{font-size:13.5px!important}
}


/* Homepage QC: keep full horizontal navigation on laptop/desktop widths. */
@media (min-width:1051px) and (max-width:1299px){
  .site-header .wrap.nav{width:calc(100% - 28px)!important;min-height:94px!important;height:94px!important;padding:7px 0!important;gap:12px!important}
  .site-header .brand-wrap{gap:10px!important}
  .site-header .brand-logo{width:205px!important;max-height:70px!important}
  .site-header .pronunciation{width:165px!important;min-width:165px!important;max-width:165px!important;flex-basis:165px!important;padding-left:10px!important}
  .site-header .pron-top{height:27px!important;gap:5px!important}
  .site-header .pron-top strong{font-size:17px!important}
  .site-header .speaker{width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;font-size:15px!important}
  .site-header .pron-bottom{gap:5px!important;margin-top:3px!important}
  .site-header .phonetic,.site-header .meaning{font-size:14px!important}
  .site-header .main-nav{display:flex!important;gap:13px!important;margin-left:auto!important}
  .site-header .main-nav>a{font-size:13.5px!important;min-height:38px!important;padding:7px 0 6px!important}
  .site-header .main-nav>a.connect{padding:9px 13px!important;min-height:40px!important}
  .site-header .mobile-tools{display:none!important}
  .site-header .mobile-nav{display:none!important}
}
@media (max-width:1050px){
  .site-header .main-nav{display:none!important}
  .site-header .mobile-tools{display:flex!important;margin-left:auto!important}
}


/* Homepage header impact refinement — approved desktop layout only */
@media (min-width:1181px){
  .site-header .nav{
    width:min(calc(100% - 36px),1840px)!important;
    min-height:116px!important;
    height:116px!important;
    padding:8px 0!important;
    gap:30px!important;
  }
  .site-header .brand-wrap{
    gap:22px!important;
  }
  .site-header .brand-logo{
    width:315px!important;
  }
  .site-header .pronunciation{
    width:238px!important;
    min-width:238px!important;
    max-width:238px!important;
    padding-left:20px!important;
  }
  .site-header .pron-top{
    gap:8px!important;
  }
  .site-header .speaker{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    font-size:19px!important;
  }
  .site-header .pron-top strong{
    font-size:23px!important;
  }
  .site-header .pron-bottom{
    gap:8px!important;
    margin-top:6px!important;
  }
  .site-header .phonetic{
    font-size:19px!important;
  }
  .site-header .meaning{
    font-size:19px!important;
  }
  .site-header .main-nav{
    gap:28px!important;
    margin-left:28px!important;
  }
  .site-header .main-nav>a{
    font-size:18px!important;
    min-height:44px!important;
    padding:10px 0 9px!important;
  }
  .site-header .main-nav>a.connect{
    padding:12px 22px!important;
  }
}
@media (min-width:1181px) and (max-width:1500px){
  .site-header .nav{gap:20px!important}
  .site-header .brand-logo{width:275px!important}
  .site-header .pronunciation{width:210px!important;min-width:210px!important;max-width:210px!important;padding-left:16px!important}
  .site-header .pron-top strong{font-size:21px!important}
  .site-header .phonetic,.site-header .meaning{font-size:17px!important}
  .site-header .main-nav{gap:18px!important;margin-left:18px!important}
  .site-header .main-nav>a{font-size:16px!important}
}


/* HOMEPAGE HEADER — FINAL VISUAL QC OVERRIDE */
@media (min-width: 1501px){
  .site-header .nav{
    width:100%!important; max-width:1900px!important; margin:0 auto!important;
    min-height:138px!important; padding:0 30px!important;
    display:flex!important; align-items:center!important; gap:0!important;
  }
  .site-header .brand-wrap{
    display:flex!important; align-items:center!important; gap:24px!important;
    flex:0 0 auto!important; min-width:0!important;
  }
  .site-header .brand-home{display:block!important; flex:0 0 auto!important; line-height:0!important;}
  .site-header .brand-logo{
    display:block!important; width:340px!important; height:auto!important;
    max-width:none!important; max-height:none!important; object-fit:contain!important;
  }
  .site-header .pronunciation{
    box-sizing:border-box!important; width:245px!important; min-width:245px!important; max-width:245px!important;
    flex:0 0 245px!important; margin:0!important; padding:0 0 0 22px!important;
    border-left:1px solid rgba(183,139,46,.36)!important;
  }
  .site-header .pron-top{display:flex!important; align-items:center!important; gap:10px!important; line-height:1!important;}
  .site-header .speaker{font-size:19px!important; line-height:1!important;}
  .site-header .pron-top strong{font-size:24px!important; line-height:1.08!important; color:var(--green)!important;}
  .site-header .pron-bottom{display:flex!important; align-items:baseline!important; gap:9px!important; margin-top:12px!important; white-space:nowrap!important;}
  .site-header .phonetic{font-size:20px!important; line-height:1.1!important; font-weight:700!important;}
  .site-header .meaning{font-size:20px!important; line-height:1.1!important; font-weight:400!important; color:var(--muted)!important;}
  .site-header .main-nav{
    display:flex!important; align-items:center!important; justify-content:flex-end!important;
    margin-left:auto!important; gap:28px!important; white-space:nowrap!important;
  }
  .site-header .main-nav>a{font-size:18px!important; line-height:1.2!important; font-weight:700!important;}
  .site-header .main-nav .connect{padding:16px 25px!important; font-size:18px!important;}
  .site-header .mobile-tools,.site-header .mobile-nav{display:none!important;}
}

@media (min-width:1181px) and (max-width:1500px){
  .site-header .nav{
    width:100%!important; max-width:none!important; margin:0!important;
    min-height:126px!important; padding:0 24px!important;
    display:flex!important; align-items:center!important; gap:0!important;
  }
  .site-header .brand-wrap{display:flex!important;align-items:center!important;gap:18px!important;flex:0 0 auto!important;}
  .site-header .brand-logo{width:285px!important;height:auto!important;max-width:none!important;max-height:none!important;}
  .site-header .pronunciation{
    width:205px!important;min-width:205px!important;max-width:205px!important;flex:0 0 205px!important;
    padding:0 0 0 16px!important;margin:0!important;border-left:1px solid rgba(183,139,46,.36)!important;
  }
  .site-header .pron-top{display:flex!important;align-items:center!important;gap:8px!important;}
  .site-header .speaker{font-size:17px!important;}
  .site-header .pron-top strong{font-size:20px!important;line-height:1.08!important;}
  .site-header .pron-bottom{display:flex!important;gap:7px!important;margin-top:9px!important;white-space:nowrap!important;}
  .site-header .phonetic,.site-header .meaning{font-size:17px!important;line-height:1.1!important;}
  .site-header .main-nav{display:flex!important;align-items:center!important;margin-left:auto!important;gap:18px!important;white-space:nowrap!important;}
  .site-header .main-nav>a{font-size:16px!important;line-height:1.2!important;font-weight:700!important;}
  .site-header .main-nav .connect{padding:13px 20px!important;font-size:16px!important;}
  .site-header .mobile-tools,.site-header .mobile-nav{display:none!important;}
}

/* Tablet/mobile retains the existing compact menu behaviour. */
@media (max-width:1180px){
  .site-header .main-nav{display:none!important;}
  .site-header .mobile-tools{display:flex!important;}
}


/* Homepage-only mobile QC: compact one-row branding without reducing impact. */
@media (max-width:680px){
  .site-header .wrap.nav{
    width:calc(100% - 24px)!important;
    min-height:78px!important;
    height:78px!important;
    padding:6px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  .site-header .brand-wrap{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .site-header .brand-home{flex:0 0 auto!important;}
  .site-header .brand-logo{
    width:146px!important;
    max-width:40vw!important;
    max-height:62px!important;
  }
  .site-header .pronunciation{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
    border-left:1px solid rgba(183,139,46,.28)!important;
    padding-left:8px!important;
    margin:0!important;
  }
  .site-header .pron-top{height:auto!important;gap:4px!important;line-height:1.05!important;}
  .site-header .speaker{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;font-size:13px!important;}
  .site-header .pron-top strong{font-size:15px!important;line-height:1.05!important;}
  .site-header .pron-bottom{display:flex!important;align-items:baseline!important;gap:4px!important;margin-top:4px!important;padding:0!important;white-space:nowrap!important;}
  .site-header .phonetic,.site-header .meaning{font-size:12.5px!important;line-height:1.1!important;}
  .site-header .mobile-tools{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }
  .site-header .menu-btn{width:40px!important;height:40px!important;font-size:20px!important;}
  .site-header .mobile-nav:not([hidden]){width:calc(100% - 24px)!important;margin:0 auto!important;}
}
@media (max-width:380px){
  .site-header .brand-logo{width:136px!important;max-width:39vw!important;}
  .site-header .pronunciation{padding-left:6px!important;}
  .site-header .pron-top strong{font-size:14px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:11.8px!important;}
  .site-header .menu-btn{width:38px!important;height:38px!important;}
}


/* Homepage mobile readability refinement: bigger mark, clearer Hindi word, better legibility. */
@media (max-width:680px){
  .site-header .wrap.nav{
    min-height:90px!important;
    height:90px!important;
    padding:8px 0!important;
    gap:10px!important;
  }
  .site-header .brand-wrap{
    gap:10px!important;
  }
  .site-header .brand-logo{
    width:186px!important;
    max-width:52vw!important;
    max-height:none!important;
    height:auto!important;
  }
  .site-header .pronunciation{
    padding-left:10px!important;
    min-width:102px!important;
  }
  .site-header .pron-top{gap:5px!important;}
  .site-header .speaker{
    width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;font-size:14px!important;
  }
  .site-header .pron-top strong{
    font-size:17px!important;
    line-height:1.05!important;
    letter-spacing:0!important;
  }
  .site-header .pron-bottom{
    gap:5px!important;
    margin-top:4px!important;
  }
  .site-header .phonetic{font-size:14px!important;line-height:1.1!important;}
  .site-header .meaning{font-size:14px!important;line-height:1.1!important;}
  .site-header .menu-btn{width:40px!important;height:40px!important;font-size:20px!important;}
}
@media (max-width:430px){
  .site-header .brand-logo{width:176px!important;max-width:51vw!important;}
  .site-header .pronunciation{min-width:96px!important;padding-left:8px!important;}
  .site-header .pron-top strong{font-size:16px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:13.5px!important;}
}
@media (max-width:380px){
  .site-header .wrap.nav{min-height:86px!important;height:86px!important;}
  .site-header .brand-logo{width:168px!important;max-width:50vw!important;}
  .site-header .pronunciation{min-width:88px!important;padding-left:7px!important;}
  .site-header .pron-top strong{font-size:15px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:13px!important;}
  .site-header .menu-btn{width:38px!important;height:38px!important;font-size:19px!important;}
}


/* Mobile brand refinement: replace tiny baked tagline with crisp live text. */
.mobile-logo-tagline{display:none}
@media (max-width:680px){
  .site-header .brand-home{position:relative!important;display:block!important;line-height:0!important;flex:0 0 auto!important;}
  .site-header .brand-logo{width:190px!important;max-width:52vw!important;max-height:none!important;height:auto!important;}
  .site-header .brand-home::after{
    content:"";position:absolute;left:34%;right:0;bottom:0;height:23%;
    background:rgb(247,243,234);z-index:1;pointer-events:none;
  }
  .site-header .mobile-logo-tagline{
    display:block;position:absolute;left:35%;right:0;bottom:4%;z-index:2;
    color:#0a3168;font-family:Arial,Helvetica,sans-serif;font-size:8.4px;
    line-height:1;font-weight:800;letter-spacing:.28px;white-space:nowrap;
    text-align:center;pointer-events:none;
  }
  .site-header .wrap.nav{min-height:94px!important;height:94px!important;}
  .site-header .pronunciation{min-width:100px!important;padding-left:9px!important;}
  .site-header .pron-top strong{font-size:17px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:14px!important;}
}
@media (max-width:430px){
  .site-header .brand-logo{width:184px!important;max-width:51vw!important;}
  .site-header .mobile-logo-tagline{font-size:8.1px;letter-spacing:.24px;}
  .site-header .pronunciation{min-width:96px!important;padding-left:8px!important;}
  .site-header .pron-top strong{font-size:16px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:13.5px!important;}
}
@media (max-width:380px){
  .site-header .wrap.nav{min-height:90px!important;height:90px!important;}
  .site-header .brand-logo{width:174px!important;max-width:50vw!important;}
  .site-header .mobile-logo-tagline{font-size:7.7px;letter-spacing:.2px;}
  .site-header .pronunciation{min-width:88px!important;padding-left:7px!important;}
  .site-header .pron-top strong{font-size:15px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:13px!important;}
}


@media (max-width:680px){
  .site-header .wrap.nav{width:calc(100% - 18px)!important;min-height:100px!important;height:100px!important;padding:7px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;}
  .site-header .brand-wrap{display:flex!important;align-items:center!important;gap:7px!important;flex:1 1 auto!important;min-width:0!important;}
  .site-header .brand-home{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:208px!important;max-width:53vw!important;flex:0 0 auto!important;line-height:1!important;position:relative!important;}
  .site-header .brand-home::after{display:none!important;content:none!important;}
  .site-header .brand-picture{display:block!important;width:100%!important;line-height:0!important;}
  .site-header .brand-logo{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;}
  .site-header .mobile-logo-tagline{display:block!important;position:static!important;width:100%!important;margin-top:3px!important;color:#0a3168!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12.4px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:.48px!important;white-space:nowrap!important;text-align:center!important;pointer-events:none!important;}
  .site-header .pronunciation{display:block!important;width:102px!important;min-width:102px!important;max-width:102px!important;flex:0 0 102px!important;border-left:1px solid rgba(183,139,46,.30)!important;padding:0 0 0 8px!important;margin:0!important;}
  .site-header .pron-top{display:flex!important;align-items:center!important;gap:4px!important;height:auto!important;line-height:1!important;}
  .site-header .speaker{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;font-size:13px!important;padding:0!important;}
  .site-header .pron-top strong{font-size:18px!important;line-height:1.05!important;}
  .site-header .pron-bottom{display:flex!important;align-items:baseline!important;gap:4px!important;margin-top:5px!important;padding:0!important;white-space:nowrap!important;}
  .site-header .phonetic,.site-header .meaning{font-size:14px!important;line-height:1.1!important;}
  .site-header .mobile-tools{display:flex!important;flex:0 0 auto!important;margin:0!important;padding:0!important;align-items:center!important;}
  .site-header .menu-btn{width:40px!important;height:40px!important;font-size:20px!important;}
}
@media (max-width:430px){
  .site-header .brand-home{width:202px!important;max-width:52vw!important;}
  .site-header .mobile-logo-tagline{font-size:12.2px!important;letter-spacing:.42px!important;}
  .site-header .pronunciation{width:98px!important;min-width:98px!important;max-width:98px!important;flex-basis:98px!important;padding-left:7px!important;}
  .site-header .pron-top strong{font-size:17.5px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:13.8px!important;}
}
@media (max-width:390px){
  .site-header .brand-home{width:192px!important;max-width:51vw!important;}
  .site-header .mobile-logo-tagline{font-size:12px!important;letter-spacing:.35px!important;}
  .site-header .pronunciation{width:92px!important;min-width:92px!important;max-width:92px!important;flex-basis:92px!important;padding-left:6px!important;}
  .site-header .pron-top strong{font-size:17px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:13.5px!important;}
  .site-header .menu-btn{width:38px!important;height:38px!important;font-size:19px!important;}
}


/* MOBILE HEADER V3: large unclipped wordmark + separate pronunciation row */
@media (max-width:680px){
  .site-header .wrap.nav{
    width:calc(100% - 24px)!important;
    min-height:116px!important;
    height:auto!important;
    padding:9px 0 10px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:5px!important;
    align-items:center!important;
  }
  .site-header .brand-wrap{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:5px!important;
    min-width:0!important;
    width:100%!important;
    align-items:start!important;
  }
  .site-header .brand-home{
    display:block!important;
    width:248px!important;
    max-width:100%!important;
    min-width:0!important;
    line-height:0!important;
    overflow:visible!important;
  }
  .site-header .brand-picture{display:block!important;width:100%!important;line-height:0!important;}
  .site-header .brand-logo{
    display:block!important;
    width:248px!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }
  .site-header .mobile-logo-tagline{
    display:block!important;
    width:100%!important;
    margin-top:3px!important;
    color:#0a3168!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12.5px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:.45px!important;
    white-space:nowrap!important;
    text-align:left!important;
  }
  .site-header .pronunciation{
    grid-row:2!important;
    display:grid!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border-left:0!important;
  }
  .site-header .pron-top{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    height:auto!important;
    line-height:1.05!important;
  }
  .site-header .speaker{
    width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;
    font-size:14px!important;line-height:1!important;
  }
  .site-header .pron-top strong{
    font-size:18px!important;
    line-height:1.05!important;
    color:#0a704d!important;
  }
  .site-header .pron-bottom{
    display:flex!important;
    align-items:baseline!important;
    gap:6px!important;
    margin-top:3px!important;
    padding-left:30px!important;
    white-space:nowrap!important;
  }
  .site-header .phonetic{font-size:14.5px!important;line-height:1.1!important;font-weight:700!important;}
  .site-header .meaning{font-size:14.5px!important;line-height:1.1!important;font-weight:400!important;}
  .site-header .mobile-tools{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
  }
  .site-header .menu-btn{width:42px!important;height:42px!important;font-size:20px!important;}
  .site-header .mobile-nav:not([hidden]){grid-column:1 / -1!important;width:100%!important;margin:4px 0 0!important;}
}
@media (max-width:430px){
  .site-header .brand-home,.site-header .brand-logo{width:238px!important;}
  .site-header .mobile-logo-tagline{font-size:12.2px!important;letter-spacing:.38px!important;}
}
@media (max-width:380px){
  .site-header .wrap.nav{min-height:112px!important;}
  .site-header .brand-home,.site-header .brand-logo{width:218px!important;}
  .site-header .mobile-logo-tagline{font-size:11.5px!important;letter-spacing:.26px!important;}
  .site-header .pron-top strong{font-size:17px!important;}
  .site-header .phonetic,.site-header .meaning{font-size:13.5px!important;}
}


@media (max-width:680px){
  .site-header .wrap.nav{
    width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .site-header .brand-home{
    overflow:visible!important;
  }
  .site-header .brand-picture{
    display:block!important;
    width:100%!important;
    overflow:visible!important;
  }
  .site-header .brand-logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}
@media (max-width:430px){
  .site-header .brand-home{width:234px!important;}
  .site-header .brand-logo{width:100%!important;}
}
@media (max-width:390px){
  .site-header .brand-home{width:220px!important;}
  .site-header .brand-logo{width:100%!important;}
}


/* CSS-first hero autoplay on mobile: works even when local-file JS is restricted. */
@media (max-width:900px){
  .stage .slide{opacity:0;animation:bhramanHeroCycle 24s infinite;transition:none!important;}
  .stage .slide:nth-child(1){animation-delay:0s;}
  .stage .slide:nth-child(2){animation-delay:6s;}
  .stage .slide:nth-child(3){animation-delay:12s;}
  .stage .slide:nth-child(4){animation-delay:18s;}
  .stage.manual .slide{animation:none!important;}
  .stage.manual .slide.active{opacity:1!important;}
  .dots .dot{animation:bhramanHeroDot 24s infinite;border:0;padding:0;}
  .dots .dot:nth-child(1){animation-delay:0s;}
  .dots .dot:nth-child(2){animation-delay:6s;}
  .dots .dot:nth-child(3){animation-delay:12s;}
  .dots .dot:nth-child(4){animation-delay:18s;}
  .dots.manual .dot{animation:none!important;}
  @keyframes bhramanHeroCycle{
    0%,22%{opacity:1;}
    25%,100%{opacity:0;}
  }
  @keyframes bhramanHeroDot{
    0%,22%{background:var(--gold);width:22px;}
    25%,100%{background:#c8c0b0;width:8px;}
  }
}