:root{--navy:#043050;--gold:#BB9034;--gt:#8A6A1C;--ivory:#FDFCF8;--mist:#F4F1E8;--slate:#2B3A4D;--rule:#DDD6C2;--ar:1.524;color-scheme:light}
html[lang=hi]{--ar:1.178}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--ivory);color:var(--slate);font:17px/1.65 'Roboto',system-ui,sans-serif;padding-bottom:env(safe-area-inset-bottom,0px)}
html[lang=hi] body{line-height:1.85}
h1,h2,h3,.rc{font-family:'Roboto Condensed','Arial Narrow',sans-serif;color:var(--navy);text-transform:uppercase;font-weight:700;line-height:1.1;margin:0}
html[lang=hi] :is(h1,h2,h3,.btn,.lang,#mn,.rc,.go){font-family:'Noto Sans Devanagari','Roboto',sans-serif;text-transform:none;letter-spacing:0}
a{color:var(--gt)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* header: transparent over the hero, ivory with navy logo and menu once scrolled */
.hd{--bh:164px;--lh:132px;--hbg:transparent;--hfg:#FDFCF8;--hl:#D4AF5A;--pbg:#043050;position:fixed;top:0;left:0;right:0;z-index:20;padding-top:env(safe-area-inset-top,0px);background:var(--hbg);color:var(--hfg);transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
.hd.sc{--bh:84px;--lh:68px;--hbg:#FDFCF8;--hfg:#043050;--hl:#8A6A1C;--pbg:#FDFCF8;box-shadow:0 1px 14px rgba(4,48,80,.12)}
.hd.open:not(.sc){--hbg:#043050}
.bar{display:flex;align-items:center;gap:24px;height:var(--bh);transition:height .25s ease}
.logo{display:block;flex:none}
.logo img{display:none;height:var(--lh);width:auto;aspect-ratio:var(--ar);transition:height .25s ease}
.hd:not(.sc) .logo .wd,.hd.sc .logo .wl{display:block}
#mn{display:flex;align-items:center;gap:26px;margin-left:auto;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;font-weight:500}
#mn a{color:inherit;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
#mn a:hover,#mn a[aria-current=page]{border-color:var(--hl)}
#mn a.lang{border:1px solid currentColor;padding:5px 14px;border-radius:99px;letter-spacing:.04em;display:inline-flex;align-items:center;min-height:36px}
#mn a.lang:hover{background:var(--hl);border-color:var(--hl);color:#043050}
.mb{display:none;margin-left:auto;width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer;position:relative}
.mb span{position:absolute;left:11px;width:22px;height:2px;background:currentColor;transition:transform .25s ease,opacity .2s ease}
.mb span:nth-child(1){top:15px}.mb span:nth-child(2){top:21px}.mb span:nth-child(3){top:27px}
.hd.open .mb span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hd.open .mb span:nth-child(2){opacity:0}.hd.open .mb span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* hero (always navy so the transparent header stays readable) */
.hero{background:var(--navy);color:var(--ivory);padding:236px 0 80px}
.hero h1{color:var(--ivory);font-size:clamp(2.4rem,6.5vw,4.6rem);max-width:820px}
.hero .lead{font-size:1.2rem;max-width:640px;margin:22px 0 28px}
.hero .tag{color:#D4AF5A;font-family:'Roboto Condensed','Noto Sans Devanagari',sans-serif;font-size:1.5rem;margin:18px 0 0}
.hero .armlogo{display:block;height:210px;width:auto;aspect-ratio:var(--ar);margin:6px 0 4px}
.back{color:#D4AF5A;text-decoration:none;display:inline-block;margin-bottom:8px}
.btn{display:inline-block;background:var(--gold);color:var(--navy);font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:12px 28px;border:0;border-radius:2px;text-decoration:none;font-size:1rem;cursor:pointer}
.btn:hover{background:#D4AF5A}
.sec{padding:64px 0}
.sec h2{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:14px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.card{display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.85);border:1px solid var(--rule);border-radius:4px;padding:24px;text-decoration:none;color:var(--slate);transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--gold);transform:translateY(-3px)}
.card img{height:120px;width:auto;aspect-ratio:var(--ar);align-self:flex-start}
.card p{margin:0}.card .tag{color:var(--gt);font-weight:500}
.go{color:var(--gt);font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em;margin-top:auto;padding-top:6px}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}
.vals div{border-top:2px solid var(--gold);padding-top:10px}.vals h3{font-size:1.3rem}.vals p{margin:4px 0 0;font-size:.97rem}
.two{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:56px 0}
.two p{font-size:1.2rem;margin:0}
ul.svc{list-style:none;margin:0;padding:0}
ul.svc li{padding:12px 0 12px 28px;border-bottom:1px solid var(--rule);position:relative}
ul.svc li::before{content:"";position:absolute;left:3px;top:21px;width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}
.band{background:rgba(244,241,232,.88);padding:38px 0}
.band a{display:inline-block;margin:6px 20px 6px 0;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold)}
footer{background:var(--navy);color:var(--ivory);padding:40px 0 34px;font-size:.92rem}
footer .f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
footer img{height:84px;width:auto;aspect-ratio:var(--ar)}footer a{color:#D4AF5A}
@media (max-width:900px){
.hd{--bh:136px;--lh:112px}.hd.sc{--bh:64px;--lh:50px}.mb{display:block}
#mn{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 22px 16px;background:var(--pbg);box-shadow:0 10px 18px rgba(4,48,80,.15);font-size:1.1rem}
.hd.open #mn{display:flex}#mn a{padding:13px 0;min-height:48px;border-bottom:1px solid rgba(128,128,128,.25)}
#mn a.lang{align-self:flex-start;margin-top:14px;border-bottom:1px solid currentColor}
.hero{padding:180px 0 56px}.hero .armlogo{height:150px}
.cards{grid-template-columns:1fr 1fr}.vals{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr;gap:26px;padding:40px 0}}
@media (max-width:560px){.cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hd,.mb span,.bar,.logo img,.card{transition:none}html{scroll-behavior:auto}}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#043050;padding:10px 16px;z-index:50}.skip:focus{left:8px;top:8px}