:root{
  --navy:#0a3168;--green:#0a704d;--gold:#b78b2e;--cream:#f7f3ea;
  --paper:#fbfaf6;--white:#fff;--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}

/* Exact Bhraman header system */
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;display:flex;align-items:center;justify-content:space-between;gap:22px}
.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 .active{color:var(--gold)}
.navlinks .connect{border:1px solid var(--gold);border-radius:999px;padding:10px 17px;background:#fff;color:var(--navy)}

/* Hero */
.hero{padding:36px 0 40px;background:linear-gradient(180deg,var(--cream),var(--paper))}
.hero-copy{max-width:920px;margin:0 auto;text-align:center}
.kicker{margin:0 0 10px;color:var(--gold);font-size:clamp(1.08rem,1.5vw,1.28rem);font-weight:700}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500}
h1{margin:0;color:var(--navy);font-size:clamp(2.8rem,5.2vw,5rem);line-height:.98;letter-spacing:-.035em}
.hero-sub{max-width:760px;margin:18px auto 0;color:var(--muted);font-size:clamp(1.12rem,1.7vw,1.32rem);line-height:1.52}
.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:700;font-size:1rem}
.primary{background:var(--navy);color:#fff}
.secondary{background:#fff;border:1px solid var(--gold);color:var(--navy)}

/* Compact hero image strip */
.hero-strip{margin-top:28px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;height:235px;border-radius:24px;overflow:hidden}
.hero-strip img{width:100%;height:100%;object-fit:cover}
.hero-strip .hero-main{object-position:center 58%}

.section{padding:66px 0}
.white{background:#fff}
.section h2{margin:0;color:var(--navy);font-size:clamp(2.35rem,4.3vw,4rem);line-height:1.02;letter-spacing:-.03em}
.intro{max-width:830px;margin:16px 0 0;color:var(--muted);font-size:clamp(1.12rem,1.7vw,1.3rem);line-height:1.52}

/* Services */
.service-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--line)}
.service-matrix article{background:#fff;padding:24px;min-height:195px}
.service-matrix .no{color:var(--gold);font-weight:700;font-size:.9rem}
.service-matrix h3{margin:22px 0 8px;color:var(--navy);font-size:1.46rem}
.service-matrix p{margin:0;color:var(--muted);font-size:1rem;line-height:1.48}

/* Fleet */
.fleet-list{margin-top:34px;display:grid;gap:20px}
.vehicle{display:grid;grid-template-columns:1.18fr .82fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;min-height:400px}
.vehicle.reverse{grid-template-columns:.82fr 1.18fr}
.vehicle.reverse .media{order:2}
.vehicle.reverse .copy{order:1}
.media{min-height:400px;background:#e8e6df}
.media img{width:100%;height:100%;object-fit:cover}
.range-media{display:grid;grid-template-columns:1fr 34%;gap:4px;background:#fff}
.copy{display:flex;flex-direction:column;justify-content:center;padding:38px}
.label{color:var(--gold);font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.copy h3{margin:9px 0 7px;color:var(--navy);font-size:clamp(2rem,3vw,3rem);line-height:1.02}
.tagline{margin:0 0 16px;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.16rem}
.desc{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.52}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.facts span{color:var(--muted);font-size:.96rem;line-height:1.35}
.facts strong{color:var(--navy)}

/* Guest experience */
.guest-panel{background:var(--navy);color:#fff;border-radius:30px;padding:48px}
.guest-panel .kicker{color:#d9bb72}
.guest-panel h2{color:#fff}
.guest-panel p{max-width:850px;color:rgba(255,255,255,.82);font-size:1.16rem;line-height:1.52}
.guest-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.guest-value{border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:18px}
.guest-value strong{display:block;color:#fff;font-size:1.16rem}
.guest-value span{display:block;margin-top:6px;color:rgba(255,255,255,.74);font-size:.98rem;line-height:1.4}

.quote{text-align:center;max-width:920px;margin:0 auto}
.quote h2{font-size:clamp(2.55rem,4.5vw,4.3rem)}
.quote em{display:block;margin-top:8px;color:var(--gold);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.55rem,2.4vw,2.2rem)}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:start}
.contact-copy p{color:var(--muted);font-size:1.18rem;line-height:1.52}
.contact-stack{display:grid;gap:12px}
.contact-card{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px}
.contact-card h3{margin:0;color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:1.38rem}
.contact-card p{margin:6px 0 0;color:var(--muted);font-size:1.02rem}
.callback{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.callback-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.callback input,.callback textarea{width:100%;border:1px solid rgba(10,49,104,.20);border-radius:13px;padding:13px 14px;background:#fff;font-size:1rem}
.callback textarea{min-height:95px;margin-top:10px;resize:vertical}

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

@media(max-width:1050px){
  .brand-logo{width:240px;max-width:31vw}
  .pronounce-line{font-size:.9rem}
  .navlinks{gap:16px;font-size:.94rem}
  .service-matrix{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .nav{min-height:auto;padding:11px 0;align-items:flex-start}
  .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}
  .hero-strip{height:190px}
  .vehicle,.vehicle.reverse{grid-template-columns:1fr}
  .vehicle.reverse .media{order:1}
  .vehicle.reverse .copy{order:2}
  .media{min-height:330px}
  .guest-values{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .wrap{width:min(calc(100% - 20px),var(--max))}
  .brand-logo{width:150px;max-width:46vw}
  .hero{padding-top:28px}
  .hero-strip{grid-template-columns:1fr;height:220px}
  .hero-strip img:not(:first-child){display:none}
  .service-matrix{grid-template-columns:1fr}
  .service-matrix article{min-height:auto}
  .media{min-height:260px}
  .range-media{grid-template-columns:1fr}
  .range-media img:last-child{display:none}
  .copy{padding:28px 22px}
  .facts{grid-template-columns:1fr}
  .guest-panel{padding:32px 22px}
  .callback-row{grid-template-columns:1fr}
}

/* V5 mobile-first refinement */
.mobile-carousel-dots{display:none}
@media(max-width:780px){
 .hero-strip{display:flex!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:10px!important;height:235px!important;border-radius:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-inline:contain}
 .hero-strip::-webkit-scrollbar{display:none}
 .hero-strip img,.hero-strip img:not(:first-child){display:block!important;flex:0 0 100%;width:100%;height:235px!important;object-fit:cover;scroll-snap-align:start}
 .mobile-carousel-dots{display:flex;justify-content:center;gap:8px;margin:10px 0 0}
 .mobile-carousel-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#b7aa94;opacity:.55}
 .mobile-carousel-dots button.active{width:22px;border-radius:999px;background:var(--gold);opacity:1}
}


@media(max-width:560px){
 .range-media{grid-template-columns:1fr 1fr!important;gap:4px;min-height:220px}
 .range-media img,.range-media img:last-child{display:block!important;width:100%;height:220px!important;object-fit:cover}
}


/* 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}}


/* 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:100px!important;height:100px!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;}
}


/* Chauffeur hero: desktop remains the three-image strip; mobile rotates all three images without JS dependency. */
@media (max-width:780px){
  .hero-strip{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:235px!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  .hero-strip img,
  .hero-strip img:not(:first-child){
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:235px!important;
    max-width:none!important;
    object-fit:cover!important;
    opacity:0;
    visibility:hidden;
    animation:chauffeurHeroCycle 18s infinite!important;
    will-change:opacity;
  }
  .hero-strip img:nth-child(1){animation-delay:0s!important}
  .hero-strip img:nth-child(2){animation-delay:6s!important}
  .hero-strip img:nth-child(3){animation-delay:12s!important}
  @keyframes chauffeurHeroCycle{
    0%,30%{opacity:1;visibility:visible}
    33.333%,100%{opacity:0;visibility:hidden}
  }
  .mobile-carousel-dots{
    display:flex!important;
    justify-content:center!important;
    gap:8px!important;
    margin:10px 0 0!important;
    min-height:9px!important;
  }
  .mobile-carousel-dots button{
    display:block!important;
    width:8px;
    height:8px!important;
    border:0!important;
    border-radius:999px!important;
    padding:0!important;
    background:#b7aa94;
    opacity:.5;
    pointer-events:none!important;
    animation:chauffeurDotCycle 18s infinite!important;
  }
  .mobile-carousel-dots button:nth-child(1){animation-delay:0s!important}
  .mobile-carousel-dots button:nth-child(2){animation-delay:6s!important}
  .mobile-carousel-dots button:nth-child(3){animation-delay:12s!important}
  @keyframes chauffeurDotCycle{
    0%,30%{width:22px;opacity:1;background:var(--gold)}
    33.333%,100%{width:8px;opacity:.5;background:#b7aa94}
  }
}
@media (prefers-reduced-motion:reduce) and (max-width:780px){
  .hero-strip img,.mobile-carousel-dots button{animation-timing-function:steps(1,end)!important}
}