:root{
  --cream:#FBF7EE; --sand:#F2E8D2; --sand-deep:#E9DAB8;
  --maroon:#6E1423; --maroon-deep:#4C0C17;
  --gold:#C9A227; --gold-light:#E6C55A; --gold-deep:#A07417;
  --ink:#241B12; --muted:#7c6c54; --terracotta:#C2592E;
  --line:rgba(160,116,23,.28);
  --shadow:0 22px 60px -28px rgba(76,12,23,.45);
  --serif:'Cormorant Garamond',Georgia,serif;
  --label:'Marcellus',serif;
  --body:'Mukta','Segoe UI',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--gold-light);color:var(--maroon-deep)}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:.3px}
.eyebrow{font-family:var(--label);text-transform:uppercase;letter-spacing:.32em;font-size:.72rem;color:var(--gold-deep);display:inline-flex;align-items:center;gap:.7em}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
.eyebrow.center{justify-content:center}
.eyebrow.center::after{content:"";width:34px;height:1px;background:var(--gold)}
.eyebrow.gold{color:var(--gold-light)} .eyebrow.gold::before,.eyebrow.gold.center::after{background:var(--gold-light)}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px}
section{position:relative}
.topstrip{height:6px;background:repeating-linear-gradient(90deg,var(--gold) 0 14px,var(--maroon) 14px 16px,var(--gold-light) 16px 30px,var(--maroon) 30px 32px)}

/* NAV */
nav{position:sticky;top:0;z-index:60;background:rgba(251,247,238,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:.3s}
nav.scrolled{box-shadow:0 10px 30px -22px rgba(76,12,23,.5)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 26px;max-width:1280px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px}
.brand .mark{width:46px;height:46px;flex:0 0 auto}
.brand .wm{font-family:var(--serif);font-weight:700;font-size:1.5rem;line-height:1}
.brand .wm b{color:var(--maroon)} .brand .wm i{font-style:normal;color:var(--gold-deep)}
.brand .tl{font-family:var(--label);font-size:.56rem;letter-spacing:.26em;color:var(--muted);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:26px;font-size:.94rem;font-weight:500}
.nav-links a{position:relative;color:var(--ink);opacity:.85;transition:.2s}
.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--maroon)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--gold);transition:.25s}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-right{display:flex;align-items:center;gap:14px}
.lang{display:flex;gap:4px;border:1px solid var(--line);border-radius:99px;padding:4px;background:var(--cream)}
.lang button{font-family:var(--body);border:none;background:none;cursor:pointer;font-size:.82rem;padding:3px 9px;border-radius:99px;color:var(--muted);transition:.2s}
.lang button.on{background:var(--maroon);color:#fff}
.btn{font-family:var(--body);font-weight:600;font-size:.92rem;cursor:pointer;border:none;padding:11px 22px;border-radius:99px;transition:.25s;display:inline-flex;align-items:center;gap:8px}
.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));color:var(--maroon-deep);box-shadow:0 10px 24px -12px rgba(160,116,23,.8)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(160,116,23,.9)}
.btn-out{background:transparent;border:1.5px solid var(--maroon);color:var(--maroon)}
.btn-out:hover{background:var(--maroon);color:#fff}
.btn-light{background:rgba(255,255,255,.9);color:var(--maroon)}
.btn-light:hover{background:#fff}
.btn-ghost{background:rgba(110,20,35,.06);color:var(--maroon)}
.btn-ghost:hover{background:rgba(110,20,35,.12)}
.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px}
.hamburger span{width:26px;height:2px;background:var(--maroon);transition:.3s}

/* HERO (image) */
.hero{position:relative;min-height:clamp(540px,82vh,760px);display:flex;align-items:center;color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);animation:slowzoom 18s ease-out forwards}
@keyframes slowzoom{to{transform:scale(1)}}
.hero .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,10,18,.45) 0%,rgba(40,10,18,.25) 35%,rgba(76,12,23,.78) 100%)}
.hero .ov2{position:absolute;inset:0;background:radial-gradient(120% 80% at 20% 30%,rgba(201,162,39,.18),transparent 55%)}
.hero-in{position:relative;z-index:3;max-width:760px;padding:90px 26px;margin:0 auto;text-align:center;width:100%}
.hero h1{font-size:clamp(2.4rem,6vw,4.4rem);margin:16px 0 12px;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.hero h1 .em{font-style:italic;color:var(--gold-light)}
.hero .sub{font-size:clamp(1.05rem,2.2vw,1.3rem);max-width:620px;margin:0 auto 22px;opacity:.95;font-weight:400}
.hero .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;font-size:.86rem}
.hero .chips span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:5px 14px;border-radius:99px;backdrop-filter:blur(4px)}
.search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:99px;padding:7px 7px 7px 22px;max-width:560px;margin:0 auto 18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.search input{flex:1;border:none;outline:none;font-family:var(--body);font-size:1rem;color:var(--ink);background:none}
.search input::placeholder{color:#b09b78}
.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* page banner (interior pages) */
.pbanner{position:relative;color:#fff;min-height:340px;display:flex;align-items:center;overflow:hidden}
.pbanner .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.pbanner .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,10,18,.5),rgba(76,12,23,.82))}
.pbanner-in{position:relative;z-index:2;text-align:center;width:100%;padding:64px 26px}
.pbanner h1{font-size:clamp(2.1rem,5vw,3.4rem);margin:12px 0 8px;text-shadow:0 4px 24px rgba(0,0,0,.4)}
.pbanner p{max-width:600px;margin:0 auto;opacity:.94}
.crumb{font-family:var(--label);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;color:var(--gold-light)}

/* trust strip */
.trust{background:var(--maroon-deep);color:#f3e6cf}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:26px;text-align:center}
.trust .n{font-family:var(--serif);font-size:2rem;color:var(--gold-light);font-weight:700}
.trust .l{font-size:.8rem;letter-spacing:.05em;opacity:.85}
.trust .d{position:relative}
.trust .d:not(:last-child)::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:rgba(230,197,90,.3)}

/* section + headings */
.sec{padding:84px 0}
.sec-head{text-align:center;max-width:720px;margin:0 auto 50px}
.sec-head h2{font-size:clamp(2rem,4.4vw,3rem);color:var(--maroon);margin:14px 0 12px}
.sec-head p{color:var(--muted);font-size:1.06rem}
.divider{display:flex;align-items:center;justify-content:center;gap:18px;padding:6px 0;color:var(--gold)}
.divider .ln{height:1px;width:min(180px,22vw);background:linear-gradient(90deg,transparent,var(--gold))}
.divider .ln.r{background:linear-gradient(90deg,var(--gold),transparent)}

/* photo temple cards */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tcard{border-radius:20px;overflow:hidden;background:var(--cream);border:1px solid var(--line);box-shadow:0 20px 46px -34px rgba(76,12,23,.55);transition:.3s;cursor:pointer}
.tcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(76,12,23,.6)}
.tcard .pic{height:210px;position:relative;overflow:hidden}
.tcard .pic img{width:100%;height:100%;object-fit:cover;transition:.5s}
.tcard:hover .pic img{transform:scale(1.06)}
.tcard .tag{position:absolute;top:12px;left:12px;background:rgba(40,10,18,.55);color:#fff;font-size:.72rem;padding:3px 12px;border-radius:99px;backdrop-filter:blur(3px);letter-spacing:.04em}
.tcard .body{padding:16px 18px 20px}
.tcard h3{font-size:1.4rem;color:var(--maroon);margin-bottom:3px}
.tcard .loc{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:5px;margin-bottom:10px}
.tcard .meta{display:flex;gap:6px;flex-wrap:wrap}
.tcard .meta span{font-size:.72rem;background:var(--sand);color:var(--gold-deep);padding:3px 9px;border-radius:6px}
.tcard .view{margin-top:14px;font-family:var(--label);font-size:.78rem;letter-spacing:.12em;color:var(--maroon);text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}

/* gradient (no-photo) temple cards */
.gcard .pic{display:flex;align-items:flex-end;justify-content:center}
.gcard .pic svg{position:absolute;bottom:0;width:120px;opacity:.92}

/* filters */
.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px}
.filters button{font-family:var(--body);cursor:pointer;border:1px solid var(--line);background:var(--cream);color:var(--maroon);padding:8px 18px;border-radius:99px;font-size:.9rem;font-weight:500;transition:.2s}
.filters button:hover,.filters button.on{background:var(--maroon);color:#fff;border-color:var(--maroon)}

/* feature cards */
.feat{background:linear-gradient(180deg,var(--sand),var(--cream))}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fcard{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:30px 26px;transition:.3s;position:relative;overflow:hidden}
.fcard:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:var(--shadow)}
.fcard .ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));margin-bottom:18px}
.fcard .ic svg{width:28px;height:28px;stroke:var(--gold-light);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fcard h3{font-size:1.4rem;color:var(--maroon);margin-bottom:8px}
.fcard p{color:var(--muted);font-size:.96rem}
.fcard .pills{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}
.fcard .pills span{font-size:.74rem;color:var(--gold-deep);background:var(--sand);padding:3px 10px;border-radius:6px}

/* photo service rows (alternating) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;margin-bottom:64px}
.split:last-child{margin-bottom:0}
.split.rev .media{order:2}
.split .media{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:5/4}
.split .media img{width:100%;height:100%;object-fit:cover}
.split .copy h2{font-size:clamp(1.7rem,3.6vw,2.5rem);color:var(--maroon);margin:12px 0 12px}
.split .copy p{color:var(--muted);margin-bottom:16px}
.split .list{list-style:none;display:grid;gap:10px;margin-bottom:20px}
.split .list li{display:flex;gap:10px;align-items:flex-start;font-size:.98rem}
.split .list li svg{flex:0 0 auto;margin-top:5px;stroke:var(--gold-deep);fill:none;stroke-width:2}

/* sponsor needs */
.needs{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.need{margin-bottom:18px}.need:last-child{margin-bottom:0}
.need .top{display:flex;justify-content:space-between;align-items:baseline;font-size:.94rem;margin-bottom:6px}
.need .top b{font-weight:600;color:var(--ink)} .need .top em{font-style:normal;color:var(--muted);font-size:.82rem}
.bar{height:9px;background:var(--sand-deep);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-light),var(--gold-deep))}

/* donation tiles */
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dtile{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:26px 22px;text-align:center;transition:.25s}
.dtile:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--shadow)}
.dtile .em{font-size:2rem}
.dtile h3{font-size:1.3rem;color:var(--maroon);margin:8px 0 6px}
.dtile p{font-size:.92rem;color:var(--muted);margin-bottom:14px}

/* CTA band */
.band{background:radial-gradient(120% 120% at 50% 0%,var(--maroon),var(--maroon-deep));color:#f6ecd6;text-align:center;overflow:hidden;position:relative}
.band .glow{position:absolute;bottom:-200px;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(201,162,39,.32),transparent 65%)}
.band .wrap{position:relative;z-index:2}
.band h2{font-size:clamp(2rem,5vw,3rem);color:#fff;margin-bottom:14px}
.band h2 .em{color:var(--gold-light);font-style:italic}
.band p{max-width:600px;margin:0 auto 26px;opacity:.92}
.band .btn-out{border-color:var(--gold-light);color:var(--gold-light)}
.band .btn-out:hover{background:var(--gold-light);color:var(--maroon-deep)}

/* contact */
.cform{display:grid;gap:14px;max-width:560px;margin:0 auto;background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}
.cform label{font-size:.84rem;color:var(--muted);font-weight:600;margin-bottom:-8px}
.cform input,.cform textarea,.cform select{font-family:var(--body);font-size:1rem;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);outline:none;transition:.2s}
.cform input:focus,.cform textarea:focus{border-color:var(--gold)}
.cinfo{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.cinfo .c{text-align:center;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--cream)}
.cinfo .c .em{font-size:1.6rem} .cinfo .c h4{font-family:var(--label);letter-spacing:.06em;color:var(--maroon);margin:8px 0 4px}
.cinfo .c p{font-size:.92rem;color:var(--muted)}

/* prose (about) */
.prose{max-width:760px;margin:0 auto}
.prose p{color:#4a3b28;font-size:1.08rem;margin-bottom:18px}
.prose h3{color:var(--maroon);font-size:1.6rem;margin:30px 0 10px}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.val{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:26px;text-align:center}
.val .em{font-size:1.8rem}.val h4{color:var(--maroon);font-size:1.25rem;margin:8px 0 6px}.val p{font-size:.92rem;color:var(--muted)}

/* FOOTER */
footer{background:#1c130c;color:#d9c9ac;padding:54px 0 0}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding-bottom:36px;border-bottom:1px solid rgba(217,201,172,.15)}
footer h4{font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--gold-light);margin-bottom:14px}
footer .foot-top a{display:block;font-size:.92rem;opacity:.8;padding:4px 0;transition:.2s}
footer .foot-top a:hover{opacity:1;color:var(--gold-light)}
.foot-brand .wm{font-family:var(--serif);font-size:1.6rem;font-weight:700}
.foot-brand .wm b{color:#fff} .foot-brand .wm i{font-style:normal;color:var(--gold-light)}
.foot-brand p{font-size:.9rem;opacity:.75;margin-top:10px;max-width:300px}
.foot-bot{text-align:center;padding:22px 0;font-size:.82rem;opacity:.6}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* mobile drawer */
.drawer{position:fixed;inset:0;z-index:90;background:rgba(28,19,12,.5);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.3s}
.drawer.open{opacity:1;pointer-events:auto}
.drawer .panel{position:absolute;right:0;top:0;height:100%;width:min(82%,320px);background:var(--cream);padding:28px 26px;transform:translateX(100%);transition:.35s;display:flex;flex-direction:column;gap:4px}
.drawer.open .panel{transform:none}
.drawer a{font-family:var(--serif);font-size:1.4rem;color:var(--maroon);padding:10px 0;border-bottom:1px solid var(--line)}
.drawer .close{align-self:flex-end;background:none;border:none;font-size:1.8rem;color:var(--maroon);cursor:pointer;margin-bottom:8px}

@media(max-width:980px){
  .nav-links,.lang{display:none}
  .hamburger{display:flex}
  .tgrid,.fgrid,.dgrid,.cinfo,.vals{grid-template-columns:repeat(2,1fr)}
  .split,.split.rev{grid-template-columns:1fr;gap:26px}
  .split.rev .media{order:0}
}
@media(max-width:600px){
  .wrap{padding:0 18px}.sec{padding:58px 0}
  .trust .wrap{grid-template-columns:repeat(2,1fr);gap:22px}.trust .d::after{display:none}
  .tgrid,.fgrid,.dgrid,.cinfo,.vals{grid-template-columns:1fr}
  .cta-row .btn{flex:1;justify-content:center}
  .nav-right>.btn-gold{display:none}
  .brand .tl{display:none}
  .foot-top{grid-template-columns:1fr 1fr}
}

/* Google Translate Styling Overrides to keep it clean and premium */
iframe.goog-te-banner-frame { display: none !important; }
body { top: 0 !important; }
.goog-logo-link { display: none !important; }
.goog-te-gadget { font-size: 0 !important; }
.goog-te-gadget .goog-logo-link { display: none !important; }
#google_translate_element { display: none !important; }
.goog-tooltip { display: none !important; }
.goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background-color: transparent !important; box-shadow: none !important; }
.skiptranslate { display: none !important; }
html { top: 0 !important; }

/* Mobile drawer language selector styling */
.drawer .lang {
  display: flex !important;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 4px;
  background: var(--cream);
  margin-top: auto; /* Push it to the bottom of the drawer */
  margin-bottom: 20px;
}
.drawer .lang button {
  font-family: var(--body);
  border: none;
  background: none;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 5px 12px;
  border-radius: 99px;
  color: var(--muted);
  transition: .2s;
  flex: 1;
  text-align: center;
}
.drawer .lang button.on {
  background: var(--maroon);
  color: #fff;
}