/* PROJECT NEWS — newsroom prototype v28 */

.news-intro{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);gap:clamp(42px,7vw,105px);align-items:center;padding:clamp(50px,5.5vw,80px) 7% 0}
.news-intro__icon{width:min(100%,350px);justify-self:center}
.news-intro__icon img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}
.news-intro h1{margin:.25rem 0 1rem;font-family:var(--display);font-size:clamp(4.6rem,9vw,8.5rem);font-weight:400;line-height:.9;letter-spacing:-.045em}
.news-intro__lead{margin:0 0 1rem;color:rgba(255,255,255,.9);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.55}
.news-intro__copy>p:last-child{color:rgba(255,255,255,.52);line-height:1.65}
.kicker,.sidebar-label{color:var(--orange);font-family:var(--ui);font-size:.63rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

/* long, genuinely centered divider under the standard intro */
.news-intro.ruled-section::after{
  left:50%!important;right:auto!important;width:min(86%,1220px)!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 15%,rgba(255,102,0,.42) 50%,rgba(255,255,255,.08) 85%,transparent)!important;
}

.newsroom{max-width:1320px;margin:clamp(70px,7vw,105px) auto 0;padding:0 5.5% clamp(80px,8vw,120px)}
.newsroom__topline{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(255,102,0,.45) 16%,rgba(255,255,255,.08) 50%,transparent) 1}
.newsroom__topline h2{margin:.15rem 0 0;font-family:var(--display);font-size:clamp(2.6rem,4.4vw,4.6rem);font-weight:400;line-height:1}
.newsroom__topline>a{padding-bottom:.35rem;color:rgba(255,255,255,.5);font-family:var(--ui);font-size:.61rem;font-weight:700;letter-spacing:.1em;text-decoration:none}
.newsroom__topline>a:hover{color:var(--orange)}
.newsroom__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,310px);gap:clamp(36px,5vw,70px);align-items:start}

/* Main feed: no Box Hell. Entries are separated primarily by faded rules. */
.news-card{padding:8px 0 36px;margin-bottom:36px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(255,102,0,.32),rgba(255,255,255,.08) 52%,transparent) 1}
.news-card__meta{margin:0 0 .45rem;color:var(--orange);font-family:var(--ui);font-size:.59rem;font-weight:700;letter-spacing:.1em}
.news-card h3{margin:0 0 20px;font-family:var(--display);font-size:clamp(2rem,3.2vw,3.25rem);font-weight:400;line-height:1.02}
.news-card h3 a{color:#fff;text-decoration:none}.news-card h3 a:hover{color:var(--orange)}
.news-card__body{display:grid;grid-template-columns:minmax(180px,34%) minmax(0,1fr);gap:24px;align-items:start}
.news-card__visual{display:grid;place-items:center;min-height:180px;padding:22px;background:radial-gradient(circle,rgba(255,102,0,.08),transparent 65%),#060606;border:1px solid rgba(255,255,255,.065)}
.news-card__visual img{display:block;max-width:130px;max-height:130px;object-fit:contain}
.news-card__excerpt p{margin:0 0 .9rem;color:rgba(255,255,255,.58);line-height:1.6}
.news-card__excerpt p:first-child{color:rgba(255,255,255,.78)}
.news-card footer{display:flex;justify-content:space-between;gap:20px;margin-top:18px;align-items:center}
.news-card footer span,.news-card footer a{font-family:var(--ui);font-size:.58rem;font-weight:700;letter-spacing:.09em}
.news-card footer span{color:rgba(255,255,255,.34)}.news-card footer a{color:var(--orange);text-decoration:none}

/* Sidebar */
.news-sidebar{position:sticky;top:24px}
.sidebar-block{padding:0 0 26px;margin-bottom:28px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(255,102,0,.28),rgba(255,255,255,.07),transparent) 1}
.sidebar-search form{display:grid;grid-template-columns:1fr 46px;margin-top:12px}
.sidebar-search input{min-width:0;padding:13px 14px;color:#ddd;background:#0b0b0b;border:1px solid rgba(255,255,255,.1);border-right:0;font:inherit}
.sidebar-search button{border:0;background:var(--orange);color:#000;font-size:1.3rem;cursor:pointer}
.featured-update__image{display:grid;place-items:center;min-height:160px;margin:12px 0 16px;background:radial-gradient(circle,rgba(255,102,0,.1),transparent 65%),#070707}
.featured-update__image img{width:112px;height:112px;object-fit:contain}
.featured-update__project{margin:0;color:var(--orange);font-family:var(--ui);font-size:.58rem;font-weight:700;letter-spacing:.1em}
.featured-update h3{margin:.35rem 0 .6rem;font-family:var(--display);font-size:1.65rem;font-weight:400;line-height:1.08}
.featured-update h3 a{color:#fff;text-decoration:none}.featured-update>p:last-child{margin:0;color:rgba(255,255,255,.45);font-size:.9rem;line-height:1.5}
.sidebar-links{display:grid;margin-top:10px}.sidebar-links a{padding:9px 2px;color:rgba(255,255,255,.7);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.045)}.sidebar-links span{margin-right:8px;color:var(--orange);font-size:.55rem}.sidebar-links a:hover{color:#fff;padding-left:6px}
.archive-tree{margin-top:10px}.archive-tree details{margin:.4rem 0}.archive-tree summary{cursor:pointer;color:rgba(255,255,255,.75);font-family:var(--ui);font-size:.72rem;font-weight:700;letter-spacing:.06em}.archive-tree a{display:block;margin:.55rem 0 .55rem 20px;color:rgba(255,255,255,.45);font-size:.9rem;text-decoration:none}.archive-tree a:hover{color:var(--orange)}.archive-tree a span{float:right}
.sidebar-rss{display:flex;align-items:center;gap:14px;padding:14px;color:#fff;text-decoration:none;background:linear-gradient(90deg,rgba(255,102,0,.055),transparent)}
.sidebar-rss img{width:58px;height:58px;object-fit:contain}.sidebar-rss span{display:grid;gap:4px}.sidebar-rss small{color:var(--orange);font-family:var(--ui);font-size:.55rem;font-weight:700;letter-spacing:.1em}.sidebar-rss strong{font-family:var(--display);font-size:1.25rem;font-weight:400}

/* Established W5 closing desk */
.news-desk{padding:clamp(65px,7vw,100px) 7% 48px;background:radial-gradient(ellipse at 50% 15%,rgba(255,102,0,.06),transparent 52%)}
.news-desk__heading{text-align:center;margin-bottom:44px}.news-desk__heading h2{margin:.2rem 0 0;font-family:var(--display);font-size:clamp(3rem,5vw,5rem);font-weight:400}
.news-desk__grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:auto}
.news-desk__grid>a{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;color:#fff;text-align:center;text-decoration:none;border-right:1px solid rgba(255,255,255,.08);background:#070707}
.news-desk__grid>a:last-child{border-right:0}.news-desk__grid>a:hover{background:linear-gradient(180deg,rgba(255,102,0,.08),transparent 74%),#080808}
.news-desk__grid img{width:116px;height:116px;object-fit:contain;margin-bottom:18px}.news-desk__grid span{color:var(--orange);font-family:var(--ui);font-size:.59rem;font-weight:700;letter-spacing:.11em}.news-desk__grid strong{margin-top:1rem;font-family:var(--display);font-size:1.8rem;font-weight:400}.news-desk__grid small{max-width:220px;margin-top:.45rem;color:rgba(255,255,255,.44);font-size:.86rem;line-height:1.4}

@media(max-width:900px){
 .news-intro{grid-template-columns:1fr}.news-intro__icon{width:min(250px,60vw)}
 .newsroom__layout{grid-template-columns:1fr}.news-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.sidebar-block{margin:0}
 .news-desk__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .news-intro,.news-desk{padding-inline:28px}.newsroom{padding-inline:28px}
 .newsroom__topline{display:block}.newsroom__topline>a{display:inline-block;margin-top:16px}
 .news-card__body{grid-template-columns:1fr}.news-card__visual{min-height:150px}
 .news-card footer{align-items:flex-start;flex-direction:column}
 .news-sidebar{grid-template-columns:1fr}
 .news-desk__grid{grid-template-columns:1fr}.news-desk__grid>a{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
 .news-intro.ruled-section::after{width:calc(100% - 56px)!important}
}


/* =========================================================
   V29 — NEWSROOM POLISH
   ========================================================= */

/* Match the long, centered W5 section dividers used on the other main pages. */
.news-intro.ruled-section::after {
  left: 50% !important;
  right: auto !important;
  width: min(92%, 1380px) !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.08) 10%,
    rgba(255,102,0,.42) 50%,
    rgba(255,255,255,.08) 90%,
    transparent 100%
  ) !important;
}

/* Search: one intentional horizontal control instead of an input/button
   being stretched apart by inherited/global form rules. */
.sidebar-search form {
  display: flex !important;
  width: 100%;
  margin-top: 12px;
  align-items: stretch;
}

.sidebar-search input[type="search"] {
  display: block;
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0 !important;
  height: 46px;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  color: rgba(255,255,255,.78) !important;
  background: #0b0b0b !important;
  box-shadow: none !important;
  font-family: var(--body);
  font-size: .9rem;
  line-height: 46px;
  appearance: none;
  -webkit-appearance: none;
}

.sidebar-search input[type="search"]::placeholder {
  color: rgba(255,255,255,.32);
  opacity: 1;
}

.sidebar-search input[type="search"]:focus {
  border-color: rgba(255,102,0,.55) !important;
  background: #0d0d0d !important;
}

.sidebar-search button {
  display: grid !important;
  flex: 0 0 46px;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--orange) !important;
  color: #050505 !important;
  box-shadow: none !important;
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
}

.sidebar-search button:hover,
.sidebar-search button:focus-visible {
  background: #fff !important;
  color: #000 !important;
}

@media (max-width: 650px) {
  .news-intro.ruled-section::after {
    width: calc(100% - 56px) !important;
  }
}


/* =========================================================
   V30 — SEARCH + DIVIDER, FOR REAL THIS TIME xD
   ========================================================= */

/* Keep the search label for screen readers, but never display it visually.
   This local definition prevents page/global CSS from overriding the utility. */
.sidebar-search .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* The search control owns the entire sidebar width. */
.sidebar-search form {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.sidebar-search input[type="search"] {
  flex: 1 1 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.sidebar-search button {
  flex: 0 0 46px !important;
}

/* The stubborn line visible in the screenshot is the newsroom topline rule,
   not the intro's ruled-section pseudo-element. Make THAT line a full,
   centered fade beneath the whole heading row. */
.newsroom__topline {
  position: relative;
  border-bottom: 0 !important;
  border-image: none !important;
  padding-bottom: 26px !important;
  margin-bottom: 40px !important;
}

.newsroom__topline::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(96%, 1260px);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.08) 10%,
    rgba(255,102,0,.42) 50%,
    rgba(255,255,255,.08) 90%,
    transparent 100%
  );
}

/* Also keep the page-intro divider centered independently. */
.news-intro.ruled-section::after {
  left: 50% !important;
  right: auto !important;
  width: min(92%, 1380px) !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 650px) {
  .newsroom__topline::after,
  .news-intro.ruled-section::after {
    width: 100% !important;
  }
}


/* =========================================================
   V31 — YES, *THAT* DIVIDER :P
   The line directly beneath the Project News intro.
   ========================================================= */

.news-intro.ruled-section {
  position: relative !important;
}

/* Neutralize any inherited ruled-section geometry and draw the divider from
   the actual horizontal center of the intro section. */
.news-intro.ruled-section::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(1220px, calc(100% - 80px)) !important;
  max-width: none !important;
  height: 1px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.055) 7%,
    rgba(255,255,255,.10) 28%,
    rgba(255,102,0,.48) 50%,
    rgba(255,255,255,.10) 72%,
    rgba(255,255,255,.055) 93%,
    transparent 100%
  ) !important;
}

/* Give the line the same breathing room beneath the intro as the other
   main-page intros instead of letting it crowd the next section. */
.news-intro {
  padding-bottom: clamp(54px, 5vw, 76px) !important;
}

@media (max-width: 650px) {
  .news-intro.ruled-section::after {
    width: calc(100% - 56px) !important;
  }
}