/* ============================================================
   Page-specific styles — Contact / Gallery / Articles
   (loads after styles.css; inherits all tokens)
   ============================================================ */

/* ---------- page header band ---------- */
.pagehead{position:relative;background:
  radial-gradient(120% 90% at 88% 0%,rgba(255,107,10,.14),transparent 55%),
  radial-gradient(90% 80% at 4% 100%,rgba(19,136,8,.10),transparent 55%),
  var(--paper);
  padding:clamp(48px,7vw,86px) 0 clamp(34px,5vw,56px);border-bottom:1px solid var(--line);overflow:hidden}
.pagehead .lotus-wm{position:absolute;right:-3%;top:50%;transform:translateY(-50%);width:min(40vw,320px);opacity:.05;pointer-events:none}
.pagehead .crumb{font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:14px;display:flex;gap:8px;align-items:center}
.pagehead .crumb a{color:var(--saffron-deep)}
.pagehead h1{font-family:var(--serif-en);font-weight:800;font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:-.015em;color:var(--ink)}
html[lang="hi"] .pagehead h1{font-family:var(--serif-hi);line-height:1.18}
.pagehead p{max-width:60ch;color:var(--ink-soft);font-size:clamp(15.5px,1.5vw,18px);margin-top:16px}

/* ---------- contact page ---------- */
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:start}
.contact-aside{display:flex;flex-direction:column;gap:14px}
.hours{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.hours .row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-soft);padding:7px 0;border-bottom:1px dashed var(--line)}
.hours .row:last-child{border-bottom:0}
.hours .row b{color:var(--ink)}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.help{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}
.help .ic{color:var(--saffron-deep);flex-shrink:0;margin-top:1px}
.help .t{font-weight:700;font-size:14px}
.help .d{font-size:12.5px;color:var(--muted)}
.mapph{height:230px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);position:relative;background:
  repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 12px,#fff 12px,#fff 24px)}
.mapph .pin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--ink-soft);font-weight:700}
.mapph .pin svg{color:var(--saffron)}

/* ---------- gallery page ---------- */
.gal-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.gal-filters button{padding:9px 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);
  font-family:inherit;font-size:14px;font-weight:600;color:var(--ink-soft);transition:.15s}
.gal-filters button:hover{border-color:var(--saffron)}
.gal-filters button.on{background:var(--saffron);color:#fff;border-color:var(--saffron)}
.gallery figure{transition:opacity .25s,transform .25s}
.gallery figure.hide{display:none}

/* ---------- articles index ---------- */
.art-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:34px;background:var(--card)}
.art-feature .img{position:relative;min-height:300px;overflow:hidden;background:var(--paper-2)}
.art-feature .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-feature .body{padding:clamp(26px,3vw,42px);display:flex;flex-direction:column;justify-content:center}
.art-feature .cat{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--saffron-deep);margin-bottom:14px}
.art-feature h2{font-family:var(--serif-en);font-weight:800;font-size:clamp(24px,2.8vw,36px);line-height:1.12;margin-bottom:12px}
html[lang="hi"] .art-feature h2{font-family:var(--serif-hi)}
.art-feature p{color:var(--ink-soft);font-size:15.5px;margin-bottom:20px}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.art-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s;cursor:pointer}
.art-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.art-card .img{aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.art-card .img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.art-card:hover .img img{transform:scale(1.05)}
.art-card .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.art-card .cat{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--saffron-deep)}
.art-card h3{font-family:var(--serif-en);font-weight:700;font-size:19px;line-height:1.22}
html[lang="hi"] .art-card h3{font-family:var(--serif-hi)}
.art-card p{font-size:14px;color:var(--ink-soft)}
.art-meta{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:10px;font-size:12.5px;color:var(--muted);font-weight:600}
.art-meta span{display:inline-flex;align-items:center;gap:5px}

/* ---------- single article ---------- */
.article{max-width:760px;margin:0 auto}
.article .cat{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--saffron-deep);margin-bottom:16px}
.article h1{font-family:var(--serif-en);font-weight:800;font-size:clamp(30px,4.4vw,50px);line-height:1.08;letter-spacing:-.01em}
html[lang="hi"] .article h1{font-family:var(--serif-hi);line-height:1.2}
.article .byline{display:flex;align-items:center;gap:12px;margin:22px 0 26px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.article .byline img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.article .byline .who{font-weight:700;font-size:14.5px}
.article .byline .when{font-size:12.5px;color:var(--muted)}
.article .hero-img{margin:8px 0 30px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.article .hero-img img{width:100%;display:block}
.article-body{font-size:17.5px;line-height:1.8;color:var(--ink-soft)}
.article-body p{margin-bottom:22px}
.article-body h2{font-family:var(--serif-en);font-weight:700;font-size:26px;color:var(--ink);margin:34px 0 14px}
html[lang="hi"] .article-body h2{font-family:var(--serif-hi)}
.article-body blockquote{border-left:4px solid var(--saffron);padding:6px 0 6px 22px;margin:26px 0;font-family:var(--serif-en);font-style:italic;font-size:21px;color:var(--ink)}
html[lang="hi"] .article-body blockquote{font-family:var(--serif-hi);font-style:normal}

/* reactions + share bar */
.reactbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:34px 0;padding:18px 0;border-block:1px solid var(--line)}
.react{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);
  background:var(--card);font-family:inherit;font-size:14px;font-weight:600;color:var(--ink-soft);transition:.15s}
.react:hover{border-color:var(--saffron)}
.react.on{background:var(--saffron-tint);border-color:var(--saffron);color:var(--saffron-deep)}
.react.dislike.on{background:#F3EEF8;border-color:var(--navy);color:var(--navy)}
.react svg{transition:transform .15s}
.react.on svg{transform:scale(1.15)}
.share{margin-left:auto;display:flex;align-items:center;gap:8px}
.share .lbl{font-size:12.5px;color:var(--muted);font-weight:600}
.share a,.share button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);
  display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:.15s;cursor:pointer}
.share a:hover,.share button:hover{background:var(--saffron);color:#fff;border-color:var(--saffron)}

/* comments */
.comments{max-width:760px;margin:0 auto;padding-top:8px}
.comments h3{font-family:var(--serif-en);font-weight:700;font-size:24px;margin-bottom:20px}
html[lang="hi"] .comments h3{font-family:var(--serif-hi)}
.cform{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:28px;box-shadow:var(--shadow)}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cform input,.cform textarea{padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:inherit;font-size:14.5px;background:var(--paper);width:100%}
.cform input:focus,.cform textarea:focus{outline:0;border-color:var(--saffron);background:#fff}
.cform textarea{min-height:90px;resize:vertical}
.cform .btn{align-self:flex-start}
.clist{display:flex;flex-direction:column;gap:16px}
.comment{display:flex;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.comment .av{width:42px;height:42px;border-radius:50%;background:var(--saffron-tint);color:var(--saffron-deep);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:16px}
.comment .cwho{font-weight:700;font-size:14.5px}
.comment .cwhen{font-size:12px;color:var(--muted);margin-left:8px;font-weight:500}
.comment .ctext{font-size:14.5px;color:var(--ink-soft);margin-top:4px}
.cempty{color:var(--muted);font-size:14px;font-style:italic}

@media(max-width:1000px){
  .contact-grid,.art-feature,.art-grid{grid-template-columns:1fr}
  .art-feature .img{min-height:240px}
}
@media(max-width:620px){
  .art-grid,.help-grid,.cform .row2{grid-template-columns:1fr}
  .share{margin-left:0;width:100%}
}

/* ---------- about page ---------- */
.about-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,56px);align-items:start}
.about-portrait{position:sticky;top:96px}
.about-portrait .frame{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);position:relative}
.about-portrait .frame::after{content:"";position:absolute;right:-14px;top:-14px;width:56%;height:56%;border:1.5px solid var(--saffron);border-radius:var(--radius);z-index:-1}
.about-portrait .frame img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:50% 16%}
.about-facts{margin-top:18px;display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow)}
.about-facts .fact .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.about-facts .fact .v{font-size:14.5px;font-weight:600;margin-top:2px}
.about-body .lede{font-family:var(--serif-en);font-style:italic;font-size:22px;color:var(--green-deep);margin-bottom:20px;font-weight:500}
html[lang="hi"] .about-body .lede{font-family:var(--serif-hi);font-style:normal}

/* ---------- MCD page ---------- */
.mcd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mcd-stat{background:var(--ink);color:#fff;border-radius:var(--radius);padding:24px 22px;position:relative;overflow:hidden}
.mcd-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--saffron)}
.mcd-stat .n{font-family:var(--serif-en);font-weight:700;font-size:clamp(24px,2.6vw,34px);color:var(--saffron-bright);line-height:1}
.mcd-stat .l{font-size:13px;color:#d8cabb;margin-top:8px}
.mcd-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 8px}
.zone-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow)}
.zone-card h3{font-family:var(--serif-en);font-weight:700;font-size:18px;color:var(--saffron-deep);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
html[lang="hi"] .zone-card h3{font-family:var(--serif-hi)}
.zone-card ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.zone-card li{font-size:14px;color:var(--ink-soft);padding-left:16px;position:relative}
.zone-card li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--green)}
.zone-note{font-size:12.5px;color:var(--saffron-deep);font-weight:700;margin-top:12px}
.mcd-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,var(--saffron-tint),var(--green-tint));border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px;margin-top:30px}
.mcd-cta h3{font-family:var(--serif-en);font-weight:700;font-size:22px}
html[lang="hi"] .mcd-cta h3{font-family:var(--serif-hi)}
.mcd-cta p{font-size:14px;color:var(--ink-soft);margin-top:4px}

/* ---------- press page ---------- */
.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.press-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s}
.press-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.press-card .img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.press-card .img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.press-card:hover .img img{transform:scale(1.05)}
.press-card .src{position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 11px;border-radius:999px}
.press-card .body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.press-card .dt{font-size:12px;color:var(--muted);font-weight:600}
.press-card h3{font-family:var(--serif-en);font-weight:700;font-size:18px;line-height:1.22}
html[lang="hi"] .press-card h3{font-family:var(--serif-hi)}
.press-card p{font-size:14px;color:var(--ink-soft)}
.press-card .readmore{margin-top:auto;font-size:13px;font-weight:700;color:var(--saffron-deep)}

/* ---------- video page ---------- */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.video-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s}
.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.video-card .thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
.video-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
.video-card:hover .thumb img{transform:scale(1.05)}
.video-card .play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:rgba(232,98,10,.92);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px -6px rgba(0,0,0,.5);transition:.2s}
.video-card:hover .play{transform:scale(1.1);background:var(--saffron)}
.video-card .plat{position:absolute;top:10px;right:10px;background:rgba(20,10,0,.78);color:#fff;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px}
.video-card .vb{padding:18px 20px 20px}
.video-card h3{font-family:var(--serif-en);font-weight:700;font-size:17px;line-height:1.25}
html[lang="hi"] .video-card h3{font-family:var(--serif-hi)}
.video-card .vmeta{font-size:12.5px;color:var(--muted);margin-top:8px;font-weight:600}

/* ---------- news list ---------- */
.news-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--card)}
.news-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);transition:.15s}
.news-row:last-child{border-bottom:0}
.news-row:hover{background:var(--saffron-tint)}
.news-title{font-family:var(--serif-en);font-weight:600;font-size:16.5px;color:var(--ink);line-height:1.3}
html[lang="hi"] .news-title{font-family:var(--serif-hi)}
.news-plat{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:#EEF1F9;padding:5px 12px;border-radius:999px;white-space:nowrap}
.news-go{display:inline-flex;align-items:center;gap:8px;color:var(--saffron-deep);font-weight:600;font-size:12.5px}
.news-url{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:12px}
@media(max-width:1000px){.mcd-stats,.press-grid,.video-grid,.mcd-zones{grid-template-columns:repeat(2,1fr)}.about-split{grid-template-columns:1fr}.about-portrait{position:static}}
@media(max-width:620px){
  .mcd-stats,.press-grid,.video-grid,.mcd-zones{grid-template-columns:1fr}
  .news-row{grid-template-columns:1fr;gap:8px}
  .news-go{justify-content:flex-start}
  .news-url{display:none}
}

/* ---------- work page ---------- */
.work-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,56px);align-items:center}
.work-row.reverse .work-media{order:2}
.work-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--line)}
.work-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block}
.work-copy .eyebrow{margin-bottom:14px}
.work-points{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:11px}
.work-points li{font-size:15px;color:var(--ink-soft);padding-left:24px;position:relative}
.work-points li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:50%;background:var(--saffron)}
@media(max-width:860px){.work-row,.work-row.reverse{grid-template-columns:1fr}.work-row.reverse .work-media{order:0}}

/* ---------- team join + membership card ---------- */
.team-join{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:40px;
  background:linear-gradient(120deg,var(--saffron-tint),var(--green-tint));border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px}
.team-join h3{font-family:var(--serif-en);font-weight:700;font-size:22px}
html[lang="hi"] .team-join h3{font-family:var(--serif-hi)}
.team-join p{font-size:14px;color:var(--ink-soft);margin-top:4px}
.memcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow)}
.memcard h3{font-family:var(--serif-en);font-weight:700;font-size:21px;margin-bottom:14px}
html[lang="hi"] .memcard h3{font-family:var(--serif-hi)}