:root {
  --navy:#0b1930; --muted:#4f5d71; --paper:#f4f5f7; --red:#b91532;
  --accent:#ff4961; --line:#dbe0e7; --white:#fff;
  font-family:Arial,Helvetica,sans-serif; color:var(--navy);
  background:var(--paper); font-synthesis:none;
}
* {box-sizing:border-box}
body {margin:0}
a {color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible {outline:3px solid #2576df;outline-offset:4px}
button {font:inherit}
img {max-width:100%;display:block}
h1,h2,h3,p {margin:0}
[hidden] {display:none!important}
.wrap {width:min(100% - 64px,1260px);margin-inline:auto}
.sr-only,.skip:not(:focus) {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus {position:absolute;z-index:5;top:8px;left:8px;background:#fff;padding:10px}
header {background:#fff;border-bottom:1px solid var(--line)}
.utility {background:var(--navy);color:#e4eaf2}
.utility-inner {min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;letter-spacing:.08em}
.utility i,.section-line i {display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--accent);vertical-align:2px}
.utility b {color:#ff8b9b}
.masthead {min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand {display:flex;align-items:center;gap:8px;flex:none}
.brand img {object-fit:contain}
.brand span {font-size:25px;letter-spacing:-.055em;font-weight:950;font-style:italic}
.brand em {color:var(--red)}
.brand small {display:block;margin-top:3px;font-size:8px;letter-spacing:.2em;font-style:normal}
nav {display:flex;align-items:center;gap:clamp(12px,2.3vw,34px);font-size:14px;font-weight:750}
nav a:hover,.text-link:hover,.social a:hover {text-decoration:underline;text-underline-offset:4px}
.video-link {flex:none;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;background:var(--navy);color:#fff;font-size:13px;font-weight:700}
.video-link span {color:#ff8b9b;font-size:10px}
.section-line {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 0 13px}
.section-line h2 {font-size:13px;text-transform:uppercase;letter-spacing:.13em}
.section-line time {font-size:12px;color:var(--muted)}
.front {display:grid;grid-template-columns:minmax(0,2.35fr) minmax(280px,1fr);gap:18px}
.lead {display:flex;align-items:flex-end;min-height:440px;position:relative;isolation:isolate;overflow:hidden;background:#142943;color:white}
.lead-photo,.lead::after {position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.lead-photo {object-fit:cover;object-position:57% center}
.lead::after {content:"";background:linear-gradient(90deg,rgba(5,13,27,.85),rgba(5,13,27,.47) 60%,transparent),linear-gradient(0deg,rgba(5,13,27,.93),transparent 85%)}
.lead-content {padding:clamp(24px,4vw,52px);max-width:760px}
.eyebrow {display:flex;gap:10px;align-items:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.eyebrow span:first-child {background:var(--red);color:#fff;padding:7px 10px}
.eyebrow span+span {color:#f0f3f8}
.lead h1 {font-size:clamp(36px,4.65vw,68px);font-weight:900;line-height:.99;letter-spacing:-.055em;margin:17px 0 14px;text-wrap:balance}
.lead p,.channel p {color:#e8edf3;line-height:1.5;max-width:490px;font-size:16px}
.button {display:inline-flex;align-items:center;gap:12px;padding:12px 15px;margin-top:21px;background:var(--red);color:#fff;font-size:13px;font-weight:800}
.button:hover {background:#970c25}
.brief {background:#fff;border-top:4px solid var(--red);display:flex;flex-direction:column;padding:24px clamp(17px,2.1vw,28px) 11px}
.brief-heading {padding:0 0 15px;border-bottom:1px solid var(--line)}
.brief-heading span,.kicker {color:var(--red);font-weight:800;letter-spacing:.14em;font-size:10px}
.brief h2 {font-size:clamp(27px,3vw,38px);letter-spacing:-.065em;margin-top:5px}
.brief ol {padding:0;margin:0;list-style:none;display:grid;flex:1}
.brief li+li {border-top:1px solid var(--line)}
.brief li a {height:100%;display:grid;grid-template-columns:28px 1fr 14px;align-items:center;gap:9px;padding:13px 0}
.brief li a>span {font-size:16px;font-weight:800;color:var(--red);align-self:center}
.brief li small {display:block;font-size:9px;font-weight:800;letter-spacing:.065em;color:var(--muted);margin-bottom:5px}
.brief li strong {font-size:16px;line-height:1.16;display:block;letter-spacing:-.02em}
.brief li b,.card-cta b,.text-link span {color:var(--red)}
.brief a:hover strong,.card a:hover h3 {color:var(--red)}
.news {margin:42px 0 0;scroll-margin-top:14px}
.news-heading {border-top:2px solid var(--navy);padding-top:18px;display:flex;align-items:end;justify-content:space-between;gap:10px}
.news-heading h2,.channel h2 {font-size:clamp(36px,5.2vw,62px);font-weight:900;letter-spacing:-.068em;line-height:1.02;margin-top:5px}
.text-link {font-size:13px;font-weight:800;padding-bottom:5px}
.filters {display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}
.filters button {background:#fff;border:1px solid var(--line);color:var(--navy);cursor:pointer;padding:8px 12px;font-weight:750;font-size:12px}
.filters button[aria-pressed=true] {background:var(--navy);color:#fff;border-color:var(--navy)}
.filters button:hover {border-color:var(--navy)}
.cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card {background:white;border:1px solid var(--line);min-width:0}
.card a {display:flex;flex-direction:column;height:100%}
.card img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#dbe3ee}
.card-body {padding:16px 17px;display:flex;flex-direction:column;flex:1}
.card-meta {display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;font-size:10px;color:var(--muted)}
.card-meta span {font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--red)}
.card h3 {font-size:clamp(19px,2.05vw,27px);letter-spacing:-.045em;line-height:1.1;margin:9px 0 8px}
.card p {font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:14px}
.card-cta {margin-top:auto;font-size:12px;font-weight:800}
.channel {margin:44px 0;background:var(--navy);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.channel-content {padding:clamp(24px,5vw,55px)}
.channel .kicker {color:#ff8b9b}
.channel p {margin-top:10px}
.channel-mark {position:absolute;right:8%;top:50%;translate:0 -50%;font-size:clamp(140px,25vw,340px);font-weight:900;color:#182943;z-index:-1}
footer {background:var(--navy);color:#fff}
.footer-inner {min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}
.footer-inner p {color:#c5cdd8;font-size:13px;margin-top:5px}
.social {display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
@media(max-width:950px) {
  .front {grid-template-columns:minmax(0,1.65fr) minmax(248px,1fr)}
  .lead {min-height:400px}
  .masthead {gap:13px}
  nav {font-size:12px}
}
@media(max-width:720px) {
  .wrap {width:calc(100% - 30px)}
  .masthead {display:grid;grid-template-columns:1fr auto;gap:0 10px;padding-top:4px;min-height:auto}
  .masthead nav {grid-row:2;grid-column:1/-1;gap:clamp(13px,4vw,30px);padding:11px 0 14px;flex-wrap:wrap;border-top:1px solid var(--line)}
  .brand img {width:52px;height:52px}
  .brand span {font-size:21px}
  .video-link {padding:9px;font-size:11px}
  .front {grid-template-columns:1fr;gap:12px}
  .lead {min-height:365px}
  .brief {padding-top:15px}
  .brief li a {min-height:65px}
  .cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card-body {padding:11px}
  .news,.channel {margin-top:28px}
  .footer-inner {align-items:start;flex-direction:column}
}
@media(max-width:365px) {
  .cards {grid-template-columns:1fr}
  .utility-inner {font-size:9px}
}
@media (min-width:721px) and (max-width:860px) {
  .masthead nav {flex-wrap:wrap;row-gap:8px}
}
