/* =========================================================================
   Vahan — Newsroom
   Figma: JmFGyR5BxquecSttAjGEsh  ·  node 2115:6902  ·  1920 × 4432

   Loads on top of styles.css: nav, glows, header art and footer are the
   shared site pieces; everything below re-positions them at their newsroom
   coordinates or adds the sections unique to this page.
   ========================================================================= */

.page{ height:4432px; }

/* the hero wave starts directly under the nav on this page */
.header-bg{ top:88px; }

/* ===================== HERO ===================== */
.hero-title{ top:282px; }
.hero-sub{
  left:635.5px; top:402px;
  width:649px; height:72px;
}

/* Rectangle 4453 — the short rule under the sub-head */
.nr-rule{
  position:absolute;
  left:922px; top:550px;
  width:76px; height:2px;
}

/* ===================== FEATURED IN ===================== */
.nr-featured-label{
  position:absolute;
  left:635.5px; top:627px;
  width:649px;
  font-weight:600;
  font-size:24px;
  line-height:1.5;
  letter-spacing:-.456px;
  text-align:center;
  color:#000;
}

/* The row scrolls left to right. The set is duplicated in the markup and the
   84 px spacing is a per-item margin (not `gap`), so the two halves are
   exactly equal width and -50% → 0 loops without a seam. */
@keyframes nr-logo-scroll{
  0%   { transform:translateX(-50%); }
  100% { transform:translateX(0); }
}

.nr-featured{
  position:absolute;
  left:0; top:685px;
  width:1920px; height:224px;
  background:rgba(255,255,255,.32);
  display:flex; align-items:center; justify-content:center;
}
/* the band is full-bleed, but the marquee runs inside the 240 → 1680 content
   column the rest of the page sits in, fading out at both ends */
.nr-featured-view{
  width:1440px; height:100%;
  display:flex; align-items:center;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
          mask-image:linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
}
.nr-featured-track{
  display:flex; align-items:center;
  animation:nr-logo-scroll 26s linear infinite;
  will-change:transform;
}
.nr-logo{ flex:none; object-fit:contain; margin-right:84px; }
.nr-logo-et  { width:226px;     height:55.365px; }
.nr-logo-it  { width:105.521px; height:105.521px; }
.nr-logo-ent { width:181.348px; height:46.142px; }
.nr-logo-mit { width:157.697px; height:47.452px; }
.nr-logo-fort{ width:133px;     height:67px; }
.nr-logo-ndtv{ width:165px;     height:34px; }

/* ===================== shared section heading ===================== */
.nr-h2{
  position:absolute;
  left:486.4917px;
  width:950.0167px; height:70px;
  font-family:var(--display);
  font-weight:500;
  font-size:56px;
  line-height:70px;
  text-align:center;
  /* Figma sets these headings to Title Case rather than editing the copy */
  text-transform:capitalize;
  color:var(--brown);
}

/* ===================== IN THE PRESS ===================== */
/* full-bleed gradient band sitting behind the heading and the six cards */
.nr-band{
  position:absolute;
  left:0; top:909px;
  width:1920px; height:1355px;
  background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 1355' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(0 -334.27 171.11 0 960 2346.4)'><stop stop-color='rgb(255,164,97)' offset='0'/><stop stop-color='rgb(255,187,136)' offset='0.25'/><stop stop-color='rgb(255,210,176)' offset='0.5'/><stop stop-color='rgb(255,232,215)' offset='0.75'/><stop stop-color='rgb(255,255,255)' offset='1'/></radialGradient></defs></svg>");
  background-size:100% 100%;
}

.nr-press-title{ top:996px; }

.nr-card{
  position:absolute;
  width:459px; height:489px;
  background:var(--peach);
  border-radius:24px;
  padding:19.411px 24px;
  display:flex; flex-direction:column; justify-content:center; gap:37px;
  text-decoration:none;
  color:inherit;
  transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s cubic-bezier(.16,1,.3,1);
}
.nr-card:hover{
  transform:translateY(-8px);
  box-shadow:0 16px 36px rgba(249,118,25,.24), 0 4px 14px rgba(255,156,56,.18);
}
/* the section logos ship with their own white card, so they need no chrome */
.nr-card-logo{
  flex:none;
  width:411px; height:252px;
  border-radius:12px;
  overflow:hidden;
}
.nr-card-logo img{ width:100%; height:100%; object-fit:cover; }

.nr-card-text{
  width:100%;
  display:flex; flex-direction:column; gap:18px;
}
.nr-card-title{
  font-size:24px;
  line-height:normal;
  letter-spacing:-.456px;
  color:#000;
  /* every card shows two lines, longer headlines trail off */
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.nr-card-date{
  font-size:14px;
  line-height:normal;
  letter-spacing:-.266px;
  color:rgba(43,24,10,.54);
}
.nr-card-read{
  display:flex; align-items:center; gap:8px;
  font-weight:600;
  font-size:16px;
  line-height:normal;
  letter-spacing:-.304px;
  color:var(--brown);
}
.nr-card-read img{
  flex:none;
  width:15px; height:7.26px;
  transition:transform .25s ease;
}
.nr-card:hover .nr-card-read img{ transform:translateX(4px); }

/* ===================== PRESS RELEASES ===================== */
.nr-releases-title{ top:2344px; }

.nr-release{
  position:absolute;
  left:243px;
  width:1462px; height:291px;
  background:rgba(249,118,25,.08);
  border-radius:24px;
  padding:24px 72px;
  display:flex; flex-direction:column; justify-content:center; gap:28px;
}
.nr-release-date{
  font-size:18px;
  line-height:normal;
  letter-spacing:-.342px;
  color:#000;
}
.nr-release-body{
  display:flex; flex-direction:column; gap:38px;
}
.nr-release-copy{
  display:flex; flex-direction:column; gap:8px;
}
.nr-release-title{
  font-weight:600;
  font-size:32px;
  line-height:normal;
  letter-spacing:-.608px;
  color:#000;
}
.nr-release-desc{
  font-size:24px;
  line-height:normal;
  letter-spacing:-.456px;
  color:#000;
}
.nr-release-more{
  align-self:flex-start;
  display:flex; align-items:center; gap:16px;
  font-weight:500;
  font-size:24px;
  line-height:normal;
  letter-spacing:-.456px;
  color:#f97619;
  text-decoration:none;
}
.nr-release-more img{
  flex:none;
  width:31px; height:15px;
  transition:transform .25s ease;
}
.nr-release-more:hover img{ transform:translateX(5px); }

/* ===================== PAGINATION ===================== */
.pager{
  position:absolute;
  left:828px; top:3125px;
  width:265px; height:46.1091px;
  display:flex; align-items:center; gap:5.7636px;
}
.pager-nav{
  width:51.8727px; height:46.1091px;
  border-radius:34.582px;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  transition:opacity .2s ease;
}
.pager-nav:hover{ opacity:.8; }
.pager-prev{ opacity:.5; }
.pager-nav img{ width:23.0545px; height:23.0545px; }
.pager-num{
  width:46.1091px; height:46.1091px;
  border-radius:34.582px;
  display:flex; align-items:center; justify-content:center;
  font-size:20.1727px;
  line-height:28.818px;
  color:#18181b;
  cursor:pointer;
  transition:background .2s ease;
}
.pager-num:not(.active):hover{ background:#ffe8d6; }
.pager-num.active{ background:#f97316; }

/* ===================== MEDIA KIT / MEDIA INQUIRIES ===================== */
.nr-media{
  position:absolute;
  top:3286px;
  border-radius:36px;
  overflow:hidden;
}
.nr-media-kit{
  left:240px;
  width:699px; height:448px;
}
.nr-media-inq{
  left:983px;
  width:697px; height:451px;
  background:linear-gradient(180deg, rgb(251,209,176) 0%, rgb(246,192,159) 100%);
}

.nr-media-bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  object-position:left center;
}

.nr-media-title{
  position:absolute;
  left:65px; top:73px;
  width:562px;
  font-family:var(--display);
  font-weight:500;
  font-size:60px;
  line-height:68px;
  color:#fff;
}
.nr-media-sub{
  position:absolute;
  left:65px; top:160px;
  width:574px;
  font-weight:500;
  font-size:28px;
  line-height:normal;
  color:#fff;
}
.nr-media-btn{
  position:absolute;
  left:65px; top:293px;
  width:330px; height:73px;
  display:flex; align-items:center; justify-content:center;
  border-radius:10px;
  background:#fff;
  filter:drop-shadow(0 0 1.659px rgba(128,115,115,.23));
  font-weight:600;
  font-size:28px;
  line-height:normal;
  letter-spacing:-.532px;
  color:#000;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .2s ease;
}
.nr-media-btn:hover{ transform:translateY(-2px); }

.nr-media-inq .nr-media-title,
.nr-media-inq .nr-media-sub{ left:62px; color:var(--brown); }
.nr-media-inq .nr-media-btn{ left:62px; width:250px; }
/* grain photo over the peach gradient, per the Figma "392 1" layer */
.nr-media-inq .nr-media-bg{ opacity:.49; object-position:center; }

@media (prefers-reduced-motion:reduce){
  .nr-featured-track{ animation:none; }
}

/* ===================== FOOTER ===================== */
.footer{ top:3832px; }
.footer-copy { top:544.5850px; }
.footer-legal{ top:543.4463px; }