/* News & Events page — warm editorial press archive */
.news-feature {display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,85px);align-items:center;padding:clamp(65px,8vw,110px) clamp(24px,9vw,140px);background:var(--cream);}
.news-feature-image {padding:12px;border:0;border-radius:17px;background:var(--cream);box-shadow:var(--shadow);}
.news-feature-image img {width:100%;max-height:570px;object-fit:contain;border-radius:9px;}
.news-feature-copy {position:relative;}
.news-tag {display:inline-block;padding:8px 14px;background:var(--plum);border-radius:999px;color:#fff;font-size:8px;letter-spacing:1.2px;}
.news-feature-copy .section-kicker {margin-top:24px;}
.news-feature h2 {font:500 clamp(35px,4.1vw,55px)/1.13 var(--serif);color:var(--plum);letter-spacing:-1px;margin:14px 0 20px;}
.news-feature h2 em {font-style:italic;color:var(--gold);}
.news-feature-copy>p:not(.section-kicker) {font-size:12px;line-height:1.95;color:var(--muted);}
.award-seal {display:inline-flex;align-items:center;gap:10px;margin-top:12px;color:var(--gold);font-size:20px;}
.award-seal span {font-size:8px;letter-spacing:1px;color:var(--plum);line-height:1.4;}.award-seal b {font-size:8px;}
.press-section {padding:clamp(70px,8vw,110px) clamp(24px,8vw,124px);background:var(--cream);}
.press-section .section-heading {display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px;}
.press-section .section-heading h2 {font:500 clamp(36px,4.2vw,58px)/1.12 var(--serif);color:var(--plum);margin:13px 0;}
.press-section .section-heading h2 em {font-style:italic;color:var(--gold);}
.press-section .section-heading>p {max-width:420px;color:var(--muted);font-size:12px;line-height:1.9;}
.press-stories {display:grid;gap:22px;}
.press-story {display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(18px,3vw,34px);border:0;border-radius:18px;background:var(--cream);}
.press-story-reverse .press-story-image {order:2;}.press-story-reverse .press-story-copy {order:1;}
.press-story-image {min-height:360px;display:flex;align-items:center;justify-content:center;padding:10px;background:var(--cream);border-radius:12px;overflow:hidden;}
.press-story-image img {width:100%;height:100%;max-height:560px;object-fit:contain;}
.press-story-copy {padding:12px 4px;}
.story-index {font-size:8px;letter-spacing:1.5px;color:var(--gold);font-weight:700;}
.press-story-copy h3 {font:500 clamp(26px,3vw,39px)/1.2 var(--serif);color:var(--plum);margin:13px 0;}
.press-story-copy p {font-size:12px;line-height:1.95;color:var(--muted);}
.press-story-copy .story-lead {font-size:13px;color:#514851;}
@media (max-width:760px){.news-feature {grid-template-columns:1fr;padding:60px 22px;gap:27px;}.news-feature-image img {max-height:380px;}.press-section {padding:65px 16px;}.press-section .section-heading {display:block;}.press-section .section-heading>p {margin-top:14px;}.press-story {grid-template-columns:1fr;padding:14px;gap:20px;}.press-story-reverse .press-story-image, .press-story-reverse .press-story-copy {order:initial;}.press-story-image {min-height:0;max-height:none;}.press-story-image img {height:auto;max-height:unset;}.press-story-copy {padding:5px 4px 10px;}.press-story-copy h3 {font-size:30px;}}

/* Match Olyvia warm-cream theme; no white frames or outlines */
body, .portfolio-intro, .role-list, .press-section {background:#FCF6EF!important;color:#37223D;}.role-feature, .press-story {background:#F5EDE4;border:0;box-shadow:none;}.news-feature-image, .press-story-image {background:#F5EDE4;border:0;box-shadow:none;}.role-highlight {background:#F5EDE4;border-left:2px solid #44999E;}.portfolio-intro, .role-list, .press-section {border:0;}.role-feature img, .press-story img {border:0;}


/* Shared Olyvia treatment: centered section titles, cream canvas, no white borders. */
body {background:#FCF6EF!important;color:#37223D;}
section h2, .portfolio-intro-new h2, .role-copy h2, .press-section h2 {text-align:center;}
.portfolio-intro, .role-list, .press-section {background:#FCF6EF!important;border:0!important;}
.role-feature, .press-story {background:#F5EDE4!important;border:0!important;box-shadow:none!important;}

/* Batch 1 refinement: News & Events editorial archive */
.news-events-page .news-feature {
  max-width:1440px;
  margin:0 auto;
  padding:clamp(64px,7vw,96px) clamp(24px,7vw,100px);
  gap:clamp(36px,6vw,88px);
}
.news-events-page .news-feature-image {
  padding:16px;
  border-radius:18px;
  background:#F5EDE4;
  box-shadow:0 14px 38px rgba(55,34,61,.055);
}
.news-events-page .news-feature-image img {
  display:block;
  width:100%;
  max-height:620px;
  object-fit:contain;
  border-radius:10px;
}
.news-events-page .news-feature-copy {max-width:570px;}
.news-events-page .news-feature h2 {text-align:left;line-height:1.17;margin:16px 0 22px;}
.news-events-page .news-feature-copy>p:not(.section-kicker) {font-size:13px;line-height:2;margin:0 0 15px;}
.news-events-page .press-section {
  max-width:1440px;
  margin:0 auto;
  padding:clamp(66px,7vw,96px) clamp(20px,5vw,72px) clamp(78px,8vw,110px);
}
.news-events-page .press-section .section-heading {
  align-items:end;
  gap:clamp(30px,6vw,90px);
  margin-bottom:clamp(34px,4vw,54px);
}
.news-events-page .press-section .section-heading h2 {text-align:left;}
.news-events-page .press-section .section-heading>p {max-width:470px;font-size:13px;line-height:2;margin:0 0 8px;}
.news-events-page .press-stories {gap:clamp(28px,3.2vw,44px);}
.news-events-page .press-story {
  grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);
  gap:clamp(34px,5vw,76px);
  align-items:center;
  padding:clamp(26px,3.4vw,48px);
  border-radius:22px;
  background:#F5EDE4;
  box-shadow:0 14px 38px rgba(55,34,61,.055);
}
.news-events-page .press-story-image {
  min-height:390px;
  padding:12px;
  border-radius:15px;
  background:#fffaf5;
}
.news-events-page .press-story-image img {
  display:block;
  width:100%;
  max-height:560px;
  object-fit:contain;
  border-radius:8px;
}
.news-events-page .press-story-copy {max-width:650px;padding:12px 0;}
.news-events-page .press-story-copy h3 {
  text-align:left;
  font-size:clamp(29px,3vw,40px);
  line-height:1.2;
  margin:16px 0 18px;
}
.news-events-page .press-story-copy p {font-size:13px;line-height:2.05;margin:0 0 15px;}
.news-events-page .press-story-copy .story-lead {font-size:14px;line-height:1.9;margin-bottom:18px;}
@media (max-width:900px){
  .news-events-page .press-story {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:25px;padding:24px;}
  .news-events-page .press-story-image {min-height:320px;}
}
@media (max-width:760px){
  .news-events-page .news-feature {grid-template-columns:1fr;padding:54px 20px 42px;gap:25px;}
  .news-events-page .news-feature-copy {max-width:none;}
  .news-events-page .news-feature h2 {text-align:left;font-size:clamp(34px,8vw,43px);}
  .news-events-page .news-feature-image {padding:10px;}
  .news-events-page .news-feature-image img {max-height:430px;}
  .news-events-page .press-section {padding:58px 16px 70px;}
  .news-events-page .press-section .section-heading {display:block;margin-bottom:28px;}
  .news-events-page .press-section .section-heading h2 {text-align:left;}
  .news-events-page .press-section .section-heading>p {margin:14px 0 0;font-size:12.5px;}
  .news-events-page .press-story {grid-template-columns:1fr;padding:15px;gap:20px;border-radius:17px;}
  .news-events-page .press-story-reverse .press-story-image, .news-events-page .press-story-reverse .press-story-copy {order:initial;}
  .news-events-page .press-story-image {min-height:0;padding:9px;}
  .news-events-page .press-story-image img {height:auto;max-height:none;}
  .news-events-page .press-story-copy {padding:4px 5px 9px;}
  .news-events-page .press-story-copy h3 {font-size:clamp(27px,7vw,34px);text-align:left;margin:12px 0 14px;}
  .news-events-page .press-story-copy p {font-size:12.5px;line-height:1.9;}
}


/* Batch 3 correction: remove News & Events wrapper styling only.
   Existing grid, typography, colors, and layout spacing are preserved. */
.news-events-page .press-story, 
.news-events-page .news-feature-image, 
.news-events-page .press-story-image  {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}
.news-events-page .press-story-copy  {
  padding: 0 !important;
}

/* Full-width layout override */
.news-events-page .news-feature, 
.news-events-page .press-section, 
.news-events-page .press-story  {
  width: 100% !important;
  max-width: 100% !important;
}
.news-events-page .news-feature, 
.news-events-page .press-section  {
  padding-left: 20px !important;
  padding-right: 20px !important;
}


/* Compact content width; News & Events backgrounds remain full bleed. */
.news-events-page .news-feature, 
.news-events-page .press-section  {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.news-events-page .news-feature > *, 
.news-events-page .press-section > *  {
  max-width: 1400px;
}
.news-events-page .press-stories  {
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}


/* News & Events hero: original media-interaction photograph blended into
   the warm editorial canvas, side-by-side with the page introduction. */
.news-events-page .news-hero-blended {
  isolation:isolate;position:relative;min-height:650px;
  padding:78px clamp(24px,7vw,110px) 118px;
  display:flex;align-items:center;overflow:hidden;
  background:radial-gradient(ellipse at 58% 52%,rgba(244,166,99,.22) 0%,rgba(244,166,99,.10) 27%,transparent 58%),#F8F7F3!important;
}
.news-events-page .news-hero-blended:after {
  content:"";position:absolute;z-index:0;pointer-events:none;
  width:54%;height:100%;right:0;top:0;
  background:linear-gradient(90deg,#F8F7F3 0%,rgba(248,247,243,.92) 8%,rgba(248,247,243,.25) 34%,rgba(248,247,243,0) 62%),
  linear-gradient(0deg,#F8F7F3 0%,rgba(248,247,243,0) 18%,rgba(248,247,243,0) 82%,#F8F7F3 100%);
}
.news-events-page .news-hero-copy {position:relative;z-index:3;width:54%;max-width:790px;}
.news-events-page .news-hero-copy .eyebrow {margin-top:22px;}
.news-events-page .news-hero-copy h1 {max-width:790px;font-size:clamp(52px,6.1vw,94px);line-height:1.05;margin:22px 0;}
.news-events-page .news-hero-copy .inner-lead {max-width:590px;}
.news-events-page .news-hero-photo {position:absolute;z-index:1;right:0;top:5%;width:62%;height:88%;overflow:hidden;pointer-events:none;}
.news-events-page .news-hero-photo img {
  width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.72) 28%,#000 48%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 10%,rgba(0,0,0,.72) 28%,#000 48%);
}
.news-events-page .news-hero-blended .inner-hero-mark {z-index:2;right:8%;top:6%;bottom:auto;color:rgba(55,34,61,.09);pointer-events:none;}
.news-events-page .news-hero-blended .news-hero-ticker {
  z-index:4;left:clamp(24px,7vw,110px);right:auto;width:min(54%,760px);
  bottom:35px;border-top:0;padding:12px 0;flex-wrap:wrap;
}
@media (max-width:900px){
  .news-events-page .news-hero-blended {min-height:590px;padding-top:65px;}
  .news-events-page .news-hero-copy {width:60%;}
  .news-events-page .news-hero-photo {width:60%;height:78%;top:10%;}
  .news-events-page .news-hero-copy h1 {font-size:clamp(48px,6.4vw,70px);}
  .news-events-page .news-hero-blended .news-hero-ticker {width:62%;}
}
@media (max-width:760px){
  .news-events-page .news-hero-blended {min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:54px 22px 32px;gap:20px;}
  .news-events-page .news-hero-copy {width:100%;max-width:none;}
  .news-events-page .news-hero-copy h1 {font-size:clamp(43px,11vw,62px);letter-spacing:-1.5px;}
  .news-events-page .news-hero-copy .inner-lead {font-size:12px;max-width:440px;}
  .news-events-page .news-hero-photo {position:relative;top:auto;right:auto;width:calc(100% + 44px);height:clamp(250px,62vw,390px);margin:0 -22px;overflow:hidden;}
  .news-events-page .news-hero-photo img {object-fit:cover;object-position:center center;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 14%,#000 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 14%,#000 100%);}
  .news-events-page .news-hero-blended:after {width:100%;height:38%;top:auto;bottom:0;background:linear-gradient(0deg,#F8F7F3 0%,rgba(248,247,243,0) 100%);}
  .news-events-page .news-hero-blended .inner-hero-mark {right:8%;top:4%;font-size:62px;}
  .news-events-page .news-hero-blended .news-hero-ticker {position:relative;left:auto;right:auto;bottom:auto;width:100%;padding:12px 0 0;gap:10px 13px;font-size:7px;}
}


/* News & Events spacing refinement */
.news-events-page .news-hero-blended  {
  margin-bottom: clamp(44px, 5.5vw, 78px);
}
.news-events-page .news-feature  {
  padding-top: clamp(82px, 9vw, 132px) !important;
  padding-bottom: clamp(82px, 9vw, 132px) !important;
  margin-bottom: clamp(42px, 5vw, 72px);
}
.news-events-page .press-section  {
  padding-top: clamp(82px, 9vw, 132px) !important;
  padding-bottom: clamp(90px, 10vw, 145px) !important;
}
.news-events-page .press-section .section-heading  {
  margin-bottom: clamp(48px, 5vw, 72px);
}
.news-events-page .press-stories  {
  gap: clamp(58px, 6vw, 92px) !important;
}
.news-events-page .press-story  {
  padding-top: clamp(24px, 3vw, 42px);
  padding-bottom: clamp(24px, 3vw, 42px);
}

/* Center the "In the news." heading and its supporting copy */
.news-events-page .press-section .section-heading  {
  display: block;
  text-align: center;
}
.news-events-page .press-section .section-heading > div  {
  width: 100%;
  text-align: center;
}
.news-events-page .press-section .section-heading .section-kicker, 
.news-events-page .press-section .section-heading h2  {
  text-align: center !important;
}
.news-events-page .press-section .section-heading > p  {
  max-width: 520px;
  margin: 12px auto 0;
  text-align: center;
}

@media  (max-width: 760px) {
  .news-events-page .news-hero-blended  { margin-bottom: 34px; }
  .news-events-page .news-feature  {
    padding-top: 66px !important;
    padding-bottom: 66px !important;
    margin-bottom: 34px;
  }
  .news-events-page .press-section  {
    padding-top: 68px !important;
    padding-bottom: 82px !important;
  }
  .news-events-page .press-section .section-heading  { margin-bottom: 38px; }
  .news-events-page .press-stories  { gap: 52px !important; }
  .news-events-page .press-story  { padding-top: 14px; padding-bottom: 14px; }
}


/* Fix the excessive blank space between the award feature and
   the centered "In the news." section. Keep image quality unchanged. */
.news-events-page .news-feature  {
  padding-bottom: 36px !important;
  margin-bottom: 0 !important;
}
.news-events-page .press-section  {
  padding-top: 36px !important;
}
@media  (max-width: 760px) {
  .news-events-page .news-feature  {
    padding-bottom: 28px !important;
    margin-bottom: 0 !important;
  }
  .news-events-page .press-section  {
    padding-top: 32px !important;
  }
}


/* Final small-gap adjustment only: bring "In the news." closer
   to the award feature above it. No image or quality changes. */
.news-events-page .news-feature  {
  padding-bottom: 8px !important;
  margin-bottom: 0 !important;
}
.news-events-page .press-section  {
  padding-top: 8px !important;
}
@media  (max-width: 760px) {
  .news-events-page .news-feature  {
    padding-bottom: 8px !important;
  }
  .news-events-page .press-section  {
    padding-top: 10px !important;
  }
}


/* Final water-awareness press feature: scoped to this new story only. */
.news-events-page .press-story-water-awareness  {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: clamp(38px, 5vw, 78px);
  align-items: center;
}
.news-events-page .press-story-water-awareness .press-story-image  {
  width: 100%;
  max-width: 560px;
  justify-self: center;
}
.news-events-page .press-story-water-awareness .press-story-image img  {
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
}
.news-events-page .press-story-water-awareness .press-story-copy  { max-width: 680px; }
.news-events-page .press-story-water-awareness .press-story-copy h3  { max-width: 650px; }
.news-events-page .press-story-water-awareness .press-story-copy p  {
  font-size: 13px;
  line-height: 2.05;
  margin-bottom: 15px;
}
.news-events-page .press-story-water-awareness .press-story-copy .story-lead  {
  font-size: 14px;
  line-height: 1.9;
}
.news-events-page .water-awareness-meta  {
  border-top: 1px solid rgba(55,34,61,.16);
  margin-top: 25px;
  padding-top: 20px;
  color: #62aeb1;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.35px;
  line-height: 1.8;
}
@media  (max-width: 900px) {
  .news-events-page .press-story-water-awareness  {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: 25px;
  }
}
@media  (max-width: 760px) {
  .news-events-page .press-story-water-awareness  { grid-template-columns: 1fr; gap: 20px; }
  .news-events-page .press-story-water-awareness .press-story-image  { max-width: 440px; }
  .news-events-page .press-story-water-awareness .press-story-image img  { max-height: none; }
}


/* Editorial title above the Dainik Jagran award feature.
   Match the centered portfolio title typography without changing portfolio files. */
.news-events-page .news-award-intro  {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(34px, 4vw, 58px) 24px clamp(22px, 2.8vw, 40px);
}
.news-events-page .news-award-editorial-title  {
  width: 100%;
  margin: 0;
  color: #37223d;
  font-family: var(--serif);
  font-size: clamp(42px, 5.2vw, 68px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.045em;
  text-align: center;
}
@media  (max-width: 760px) {
  .news-events-page .news-award-intro  {
    padding: 28px 18px 18px;
  }
  .news-events-page .news-award-editorial-title  {
    font-size: clamp(34px, 8vw, 48px);
    line-height: 1.05;
  }
}

.news-events-page .news-award-editorial-title em  {
  color: #44999e;
  font-style: italic;
}


/* Requested spacing correction: bring the award content closer to the
   centered “In the news.” title, and keep the press stories without
   the removed introductory label/description. */
.news-events-page .news-award-intro  {
  padding-bottom: 14px !important;
}
.news-events-page .news-feature  {
  padding-top: clamp(26px, 3vw, 40px) !important;
}
@media  (max-width: 760px) {
  .news-events-page .news-award-intro  {
    padding-bottom: 12px !important;
  }
  .news-events-page .news-feature  {
    padding-top: 24px !important;
  }
}


/* Requested News & Events body-copy readability + section separation.
   All h1/h2/h3 heading styles remain unchanged. */
.news-events-page .inner-lead,
.news-events-page .news-feature-copy > p:not(.section-kicker),
.news-events-page .press-section .section-heading > p,
.news-events-page .press-story-copy p,
.news-events-page .press-story-water-awareness .press-story-copy p  {
  font-size: 16px !important;
  line-height: 1.9 !important;
}
.news-events-page .press-story-copy .story-lead,
.news-events-page .press-story-water-awareness .press-story-copy .story-lead  {
  font-size: 17px !important;
  line-height: 1.85 !important;
}
/* Increase the visual breathing room between the award feature and press archive. */
.news-events-page .news-feature  {
  padding-bottom: 64px !important;
  margin-bottom: 0 !important;
}
.news-events-page .press-section  {
  padding-top: 64px !important;
}
@media  (max-width: 760px) {
  .news-events-page .inner-lead,
  .news-events-page .news-feature-copy > p:not(.section-kicker),
  .news-events-page .press-section .section-heading > p,
  .news-events-page .press-story-copy p,
  .news-events-page .press-story-water-awareness .press-story-copy p  {
    font-size: 14.5px !important;
    line-height: 1.85 !important;
  }
  .news-events-page .press-story-copy .story-lead,
  .news-events-page .press-story-water-awareness .press-story-copy .story-lead  {
    font-size: 15.5px !important;
  }
  .news-events-page .news-feature  {
    padding-bottom: 38px !important;
  }
  .news-events-page .press-section  {
    padding-top: 42px !important;
  }
}


/* Final subtle typography refinement for the News hero.
   Preserve the headline, copy position and overall visual design. */
.news-events-page .news-hero-copy .section-kicker,
.news-events-page .news-hero-copy .eyebrow  {
  font-size: 12px;
  font-weight: 700;
}
.news-events-page .news-hero-copy .inner-lead  {
  font-size: 14px;
  font-weight: 500;
}
.news-events-page .news-hero-blended .news-hero-ticker  {
  left: clamp(24px, 5vw, 82px);
  width: min(78%, 1120px);
  gap: 16px;
  flex-wrap: nowrap;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 500;
}
.news-events-page .news-hero-blended .news-hero-ticker i  {
  flex: 0 0 auto;
}
@media  (max-width: 900px) {
  .news-events-page .news-hero-blended .news-hero-ticker  {
    left: 24px;
    width: 72%;
    gap: 11px;
    font-size: 8px;
  }
}
@media  (max-width: 760px) {
  .news-events-page .news-hero-copy .section-kicker,
  .news-events-page .news-hero-copy .eyebrow  {
    font-size: 11px;
  }
  .news-events-page .news-hero-copy .inner-lead  {
    font-size: 13px;
  }
  .news-events-page .news-hero-blended .news-hero-ticker  {
    left: auto;
    width: 100%;
    flex-wrap: wrap;
    white-space: normal;
    gap: 10px 13px;
    font-size: 7.5px;
  }
}


/* Minimal fix: keep the existing ticker design and typography,
   but give the row enough horizontal room so it cannot wrap. */
.news-events-page .news-hero-blended .news-hero-ticker  {
  left: clamp(24px, 5vw, 82px) !important;
  right: clamp(24px, 5vw, 82px) !important;
  width: auto !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}
.news-events-page .news-hero-blended .news-hero-ticker span,
.news-events-page .news-hero-blended .news-hero-ticker i  {
  white-space: nowrap !important;
}
@media  (max-width: 760px) {
  .news-events-page .news-hero-blended .news-hero-ticker  {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .news-events-page .news-hero-blended .news-hero-ticker::-webkit-scrollbar  {
    display: none;
  }
}
