/* Homepage Media Coverage finish: preserve the existing stories and composition. */
#media {
  --media-ink: #2b1939;
  --media-muted: #75677e;
  --media-ease: cubic-bezier(.22, 1, .36, 1);
  scroll-margin-top: 12px;
}
#media .media-heading { margin-bottom: 42px; }
#media .media-heading h2 { font-weight: 800; letter-spacing: -2px; color: #21122e; }
#media .media-heading .gradient-text { animation: none; background-size: 100% 100%; }
#media .media-heading h2 span:after { height: 3px; bottom: -11px; opacity: .85; }
#media .media-heading p { margin-top: 27px; font-size: 14px; line-height: 1.7; font-weight: 400; color: #6d5e78; }
#media .media-grid { grid-template-columns: minmax(0, 1.44fr) minmax(0, 1fr); gap: 26px; }

/* Keep the existing photograph; a quieter overlay gives the story clear contrast. */
#media .featured-story { min-width: 0; min-height: 490px; border: 1px solid #62447852; border-radius: 27px; background: #120b24; box-shadow: 0 20px 48px #3b194f20, 0 4px 12px #2b12340b; }
#media .featured-story > img { object-position: center; animation-duration: 20s; }
#media .featured-story:before { background: linear-gradient(90deg, #0c0822fa 0%, #140a2ef2 42%, #140a2ea3 67%, #140a2e24 100%), linear-gradient(0deg, #120820e6, transparent 37%); }
#media .featured-story:after { content: ''; position: absolute; inset: 1px; z-index: 1; border: 1px solid #ffffff12; border-radius: 25px; pointer-events: none; }
#media .featured-story > div { width: 70%; max-width: 640px; padding: 36px; }
#media .featured-label { padding: 6px 12px; border: 1px solid #e6c8f257; border-radius: 8px; background: linear-gradient(110deg, #8927b7b3, #b445878c); color: #fff4fa; font-size: 10px; line-height: 1.5; font-weight: 600; letter-spacing: .7px; box-shadow: inset 0 1px 0 #ffffff1a; animation: none; }
#media .featured-story .story-meta { flex-wrap: wrap; gap: 7px 10px; margin: 23px 0 18px; color: #ddd0e8; font-size: 11px; font-weight: 500; }
#media .featured-story .story-meta .icon { color: #d29ce8; font-size: 15px; }
#media .featured-story .story-meta em { color: #e4b8ed; font-size: 10px; letter-spacing: .25px; }
#media .featured-story h3 { font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: -.65px; text-wrap: pretty; }
#media .featured-story h3 + p { margin-top: 18px; font-size: 14px; font-weight: 400; line-height: 1.75; color: #dfd3e7; }
#media .featured-story .pill { gap: 18px; margin-top: 25px; padding: 8px 9px 8px 20px; border: 1px solid #ffffff30; background: linear-gradient(105deg, #850ac7, #b218a3 63%, #e3832b); box-shadow: 0 7px 18px #10061820, inset 0 1px 0 #ffffff2b; font-size: 12px; font-weight: 600; transition: transform .45s var(--media-ease), border-color .3s ease; }
#media .featured-story .pill b { width: 30px; height: 30px; border: 1px solid #ffffff7a; background: #fff3f4ed; color: #8d238f; font-size: 24px; transition: transform .45s var(--media-ease); }
#media .featured-story .pill:hover { border-color: #ffffff82; }

/* Consistent reading cards, with enough room for publication labels and headlines. */
#media .news-window { position: relative; min-width: 0; max-height: 490px; padding: 1px 4px 8px 1px; border-radius: 22px; overscroll-behavior: contain; mask-image: linear-gradient(#000 94%, transparent); -webkit-mask-image: linear-gradient(#000 94%, transparent); }
#media .news-window:focus-within { mask-image: none; -webkit-mask-image: none; }
#media .news-track { gap: 14px; }
#media .news-story { position: relative; isolation: isolate; min-width: 0; grid-template-columns: 112px minmax(0, 1fr) 30px; gap: 15px; min-height: 134px; padding: 13px; border: 1px solid #eee2f5; border-radius: 21px; background: linear-gradient(120deg, #fff, #fdfaff); box-shadow: 0 6px 18px #51206608, inset 0 1px 0 #fff; transition: transform .45s var(--media-ease), border-color .3s ease; }
#media .news-story:after { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; box-shadow: 0 12px 25px #6b367d12; opacity: 0; transition: opacity .45s var(--media-ease); pointer-events: none; }
#media .news-story > img { display: block; width: 112px; height: 102px; border: 1px solid #eee6f3; border-radius: 13px; background: #f5edf8; }
#media .news-story > div { min-width: 0; }
#media .news-story .story-meta { flex-wrap: wrap; gap: 5px 8px; color: #786780; font-size: 10px; line-height: 1.55; font-weight: 500; }
#media .news-story .story-meta em { padding: 2px 5px; border-radius: 4px; background: #f6edf9; color: #864393; font-size: 9px; line-height: 1.5; font-weight: 500; }
#media .news-story h3 { margin-top: 9px; font-size: 15px; line-height: 1.4; font-weight: 600; letter-spacing: -.15px; color: #352b40; }
#media .news-story > b { width: 30px; height: 30px; border: 1px solid #e9dcef; background: #f5edf9; color: #9344a6; font-size: 25px; transition: transform .45s var(--media-ease), background-color .3s ease; }
#media .news-story:hover, #media .news-story:focus-visible { border-color: #d8bfe6; transform: none; }
#media .news-story:hover:after, #media .news-story:focus-visible:after { opacity: 1; }
#media .news-story:hover > b { background: #efe2f5; color: #7d2796; }
#media .news-window:focus-visible, #media .news-story:focus-visible, #media .featured-story .pill:focus-visible { outline: 2px solid #a875b7; outline-offset: 3px; }

/* The original four highlights remain one connected, lightly raised strip. */
#media .media-strip { gap: 22px; margin-top: 23px; padding: 26px 28px; border: 1px solid #eee2f3; border-radius: 22px; background: linear-gradient(115deg, #fff, #fffafc 70%, #fffaf3); box-shadow: 0 12px 32px #57226b09, inset 0 1px 0 #fff; }
#media .media-strip article { min-width: 0; gap: 15px; }
#media .media-strip article + article { border-color: #e8dbef; padding-left: 22px; }
#media .media-strip .icon { width: 50px; height: 50px; border: 1px solid #ffffffa3; font-size: 22px; box-shadow: inset 0 2px 0 #ffffff8c, 0 5px 12px #662d7c05; animation: none; }
#media .media-strip h3 { color: #392645; font-size: 16px; font-weight: 600; letter-spacing: -.2px; }
#media .media-strip p { margin-top: 6px; color: var(--media-muted); font-size: 13px; line-height: 1.65; }

#media .is-revealed { animation: media-arrive .8s var(--media-ease) both; }
@keyframes media-arrive { from { opacity: .82; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body:not(.motion-paused) #media .news-story:hover { transform: translateX(3px); }
  body:not(.motion-paused) #media .news-story:hover > b { transform: translateX(1px); }
  body:not(.motion-paused) #media .featured-story .pill:hover { transform: translateY(-2px); }
}
.motion-paused #media .is-revealed { animation: none; }
.motion-paused #media .featured-story > img { animation-play-state: paused; }
.motion-paused #media .news-story, .motion-paused #media .news-story:after, .motion-paused #media .news-story > b, .motion-paused #media .pill, .motion-paused #media .pill b { transition: none; }
.motion-paused #media .news-story:hover { transform: none; }

@media (max-width: 1200px) {
  #media .media-grid { gap: 22px; }
  #media .featured-story { min-height: 470px; border-radius: 24px; }
  #media .featured-story:after { border-radius: 22px; }
  #media .featured-story > div { width: 75%; padding: 28px; }
  #media .featured-story h3 { font-size: 26px; line-height: 1.2; }
  #media .featured-story h3 + p { font-size: 13px; }
  #media .news-window { max-height: 470px; }
  #media .news-story { grid-template-columns: 90px minmax(0, 1fr) 25px; gap: 12px; padding: 12px; min-height: 128px; border-radius: 18px; }
  #media .news-story > img { width: 90px; height: 92px; border-radius: 11px; }
  #media .news-story h3 { font-size: 13px; line-height: 1.4; }
  #media .news-story .story-meta { font-size: 9px; }
  #media .news-story .story-meta em { font-size: 8px; }
  #media .news-story > b { width: 25px; height: 25px; font-size: 22px; }
  #media .media-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding: 24px; }
  #media .media-strip article:nth-child(3) { border-left: 0; padding-left: 0; }
  #media .media-strip h3 { font-size: 15px; }
  #media .media-strip p { font-size: 12px; }
}
@media (max-width: 900px) {
  #media .media-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #media .featured-story { min-height: 440px; }
  #media .featured-story > div { width: 72%; padding: 32px; }
  #media .featured-story h3 { font-size: 29px; }
  #media .featured-story h3 + p { font-size: 14px; }
  #media .news-window { max-height: 410px; }
  #media .news-story { grid-template-columns: 110px minmax(0, 1fr) 30px; gap: 17px; min-height: 122px; padding: 13px; }
  #media .news-story > img { width: 110px; height: 94px; }
  #media .news-story h3 { font-size: 15px; }
  #media .news-story .story-meta { font-size: 10px; }
  #media .news-story .story-meta em { font-size: 9px; }
  #media .news-story > b { width: 29px; height: 29px; font-size: 24px; }
}
@media (max-width: 600px) {
  #media .media-heading { margin-bottom: 29px; }
  #media .media-heading h2 { font-size: clamp(33px, 9vw, 42px); letter-spacing: -1.3px; }
  #media .media-heading p { max-width: 330px; margin: 24px auto 0; font-size: 12px; }
  #media .featured-story { min-height: 450px; border-radius: 22px; }
  #media .featured-story:after { border-radius: 20px; }
  #media .featured-story > img { object-position: 65% center; }
  #media .featured-story:before { background: linear-gradient(90deg, #120922f2, #170c2ae6 68%, #1c0d3273), linear-gradient(0deg, #120820ed, transparent 45%); }
  #media .featured-story > div { width: 100%; max-width: 440px; padding: 26px 24px; }
  #media .featured-story h3 { font-size: 25px; line-height: 1.25; letter-spacing: -.4px; }
  #media .featured-story .story-meta { margin: 21px 0 16px; font-size: 10px; }
  #media .featured-story h3 + p { font-size: 13px; line-height: 1.7; }
  #media .featured-story .pill { margin-top: 23px; }
  #media .news-window { max-height: 424px; padding-right: 3px; }
  #media .news-track { gap: 12px; }
  #media .news-story { grid-template-columns: 74px minmax(0, 1fr) 22px; gap: 11px; min-height: 128px; padding: 11px; border-radius: 17px; }
  #media .news-story > img { width: 74px; height: 88px; border-radius: 10px; }
  #media .news-story h3 { font-size: 12px; line-height: 1.45; letter-spacing: 0; margin-top: 7px; }
  #media .news-story .story-meta { font-size: 9px; gap: 4px; }
  #media .news-story .story-meta em { font-size: 8px; }
  #media .news-story > b { width: 22px; height: 25px; font-size: 21px; }
  #media .media-strip { grid-template-columns: 1fr; gap: 19px; padding: 23px; border-radius: 20px; margin-top: 18px; }
  #media .media-strip article { gap: 14px; }
  #media .media-strip article + article { border: 0; padding-left: 0; }
  #media .media-strip .icon { width: 44px; height: 44px; font-size: 21px; }
  #media .media-strip h3 { font-size: 15px; }
  #media .media-strip p { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #media .is-revealed, #media .featured-story > img { animation: none; }
  #media .news-story, #media .news-story:after, #media .news-story > b, #media .pill, #media .pill b { transition: none; }
  #media .news-story:hover, #media .news-story:hover > b, #media .featured-story .pill:hover { transform: none; }
}
@media (forced-colors: active) {
  #media .media-heading .gradient-text { background: none; color: CanvasText; }
  #media .news-window { mask-image: none; -webkit-mask-image: none; }
}
@media print {
  #media .media-grid { display: block; }
  #media .featured-story { min-height: 0; border-color: #bbb; background: #fff; color: #222; box-shadow: none; }
  #media .featured-story > img, #media .featured-story:before, #media .featured-story:after { display: none; }
  #media .featured-story > div { width: 100%; max-width: none; }
  #media .featured-story h3 + p, #media .featured-story .story-meta, #media .featured-story .story-meta em { color: #333; }
  #media .news-window { max-height: none; overflow: visible; mask-image: none; -webkit-mask-image: none; }
  #media .news-story, #media .media-strip { break-inside: avoid; background: #fff; box-shadow: none; }
  #media .news-story:after { display: none; }
  #media .is-revealed { animation: none; }
}