.news-page { background: #07090d; }
.news-main { padding-top: var(--header); overflow: hidden; }
.news-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); min-height: min(760px,calc(100svh - var(--header))); padding: clamp(64px,9vw,130px) var(--pad); align-items: center; gap: clamp(40px,7vw,120px); isolation: isolate; }
.news-hero:before { content: ''; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 78% 45%,rgba(227,6,19,.2),transparent 27%),linear-gradient(125deg,#080b11 0%,#0c1018 58%,#141017 100%); }
.news-hero:after { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .18; background: repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#768196 calc(12.5% - 1px),#768196 12.5%); mask-image: linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent); }
.news-hero-copy { max-width: 980px; }
.news-hero h1 { margin: 24px 0 30px; font-size: clamp(68px,9.2vw,154px); line-height: .82; letter-spacing: -.04em; }
.news-hero h1 em { color: #e30613; font-style: italic; }
.news-hero-copy>p { max-width: 58ch; margin: 0; color: #c8d0df; font-size: clamp(18px,1.55vw,23px); line-height: 1.55; }
.news-hero-mark { position: relative; display: grid; place-items: center; width: min(32vw,430px); aspect-ratio: 1; justify-self: end; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.news-hero-mark:before,.news-hero-mark:after { content: ''; position: absolute; border: 1px solid rgba(227,6,19,.46); border-radius: 50%; }
.news-hero-mark:before { inset: 12%; transform: rotate(22deg) scaleY(.72); }
.news-hero-mark:after { inset: 28%; border-color: rgba(255,255,255,.2); }
.news-hero-mark strong { font-family: var(--heading-font); font-size: clamp(90px,12vw,180px); letter-spacing: -.08em; line-height: 1; }
.news-hero-mark>span { position: absolute; top: 11%; left: 4%; color: #f07178; font: 700 11px/1 Text,Arial,sans-serif; letter-spacing: .2em; transform: rotate(-12deg); }
.news-hero-mark i { position: absolute; right: 5%; bottom: 16%; width: 23%; height: 3px; background: #e30613; transform: rotate(-34deg); box-shadow: 0 0 25px rgba(227,6,19,.75); }
.news-feature,.press-section,.social-section { padding: clamp(72px,9vw,140px) var(--pad); }
.news-feature { background: #f2f3f5; color: #0a0c11; }
.press-section { background: #0a0d13; }
.social-section { background: #111a2d; }
.section-heading { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: clamp(20px,3vw,48px); margin-bottom: clamp(38px,5vw,72px); }
.section-number { padding-top: 6px; color: #e30613; font: 700 12px/1 Text,Arial,sans-serif; letter-spacing: .15em; }
.section-heading h2 { margin: 14px 0 0; font-size: clamp(52px,7vw,112px); line-height: .84; letter-spacing: -.035em; }
.section-heading h2 em { color: #000aed; font-style: italic; }
.press-section .section-heading h2 em { color: #e30613; }
.social-section .section-heading h2 em { color: #86a2ff; }
.featured-story { display: grid; grid-template-columns: minmax(220px,.36fr) minmax(0,1fr); min-height: 470px; color: #fff; background: #101d39; border: 1px solid rgba(16,29,57,.12); transition: transform .35s ease,box-shadow .35s ease; }
.featured-story:hover { transform: translateY(-7px); box-shadow: 0 24px 55px rgba(8,12,25,.18); }
.story-source-block { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(28px,4vw,60px); overflow: hidden; background: #000aed; }
.story-source-block:after { content: 'U'; position: absolute; right: -12%; bottom: -18%; color: rgba(255,255,255,.1); font: 700 clamp(240px,28vw,440px)/.8 var(--heading-font); }
.story-source-block>span { position: relative; z-index: 1; font: 700 clamp(48px,6vw,92px)/.9 var(--heading-font); letter-spacing: -.05em; }
.story-source-block small { position: relative; z-index: 1; font: 700 10px/1.3 Text,Arial,sans-serif; letter-spacing: .17em; }
.story-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px,5vw,76px); }
.story-meta,.press-card-head { display: flex; justify-content: space-between; gap: 22px; align-items: start; }
.story-meta strong,.press-card-head strong { font: 700 12px/1.35 Text,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.story-meta time,.press-card-head time { display: block; color: #9badcb; font: 600 10px/1.35 Text,Arial,sans-serif; letter-spacing: .1em; white-space: nowrap; }
.story-copy h3 { max-width: 19ch; margin: 42px 0 25px; font: 700 clamp(36px,4.2vw,68px)/.94 var(--heading-font); text-transform: uppercase; letter-spacing: -.02em; }
.story-copy p { max-width: 58ch; margin: 0; color: #cbd5e8; font-size: clamp(16px,1.25vw,19px); line-height: 1.55; }
.story-link,.card-action { display: inline-block; margin-top: 38px; color: #9fb5ff; font: 700 11px/1.3 Text,Arial,sans-serif; letter-spacing: .12em; }
.press-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid #29303c; border-left: 1px solid #29303c; }
.press-card { position: relative; display: flex; flex-direction: column; min-height: 440px; padding: clamp(28px,3.5vw,52px); color: #fff; border-right: 1px solid #29303c; border-bottom: 1px solid #29303c; background: #0c1017; overflow: hidden; transition: background .3s ease,transform .3s ease; }
.press-card:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 3px; background: #e30613; transition: width .35s ease; }
.press-card:hover { z-index: 1; background: #131923; transform: translateY(-4px); }
.press-card:hover:before { width: 100%; }
.press-card-head { align-items: center; }
.press-card-head>div { flex: 1; }
.source-mark { display: grid; place-items: center; flex: 0 0 58px; height: 58px; border: 1px solid #465066; color: #fff; font: 700 19px/1 var(--heading-font); }
.press-card h3 { margin: 52px 0 24px; font: 700 clamp(27px,2.7vw,43px)/1 var(--heading-font); text-transform: uppercase; letter-spacing: -.015em; }
.press-card p { max-width: 52ch; margin: 0; color: #aeb8ca; font-size: 15px; line-height: 1.58; }
.press-card .card-action { margin-top: auto; padding-top: 34px; color: #ef777d; }
.social-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.social-card { position: relative; display: flex; flex-direction: column; min-height: 380px; padding: clamp(30px,4vw,60px); color: #fff; border: 1px solid rgba(255,255,255,.18); background: linear-gradient(145deg,rgba(64,99,207,.19),rgba(7,10,17,.62)); transition: border-color .3s ease,transform .3s ease; }
.social-card:hover { border-color: #88a4ff; transform: translateY(-5px); }
.social-card.team-channel { background: linear-gradient(145deg,rgba(227,6,19,.17),rgba(7,10,17,.62)); }
.social-platform { color: #9eb3f6; font: 700 10px/1.4 Text,Arial,sans-serif; letter-spacing: .14em; }
.social-card>strong { max-width: 16ch; margin: 54px 0 22px; font: 700 clamp(32px,3.5vw,55px)/.95 var(--heading-font); }
.social-card p { max-width: 50ch; margin: 0; color: #bdc9df; font-size: 15px; line-height: 1.58; }
.social-card>span:last-child { margin-top: auto; padding-top: 38px; color: #a9bbfa; font: 700 11px/1.3 Text,Arial,sans-serif; letter-spacing: .12em; }
.news-close { padding: clamp(75px,10vw,150px) var(--pad); background: #f2f3f5; color: #090b10; }
.news-close>p { max-width: 21ch; margin: 20px 0 36px; font: 700 clamp(44px,6vw,96px)/.92 var(--heading-font); text-transform: uppercase; }
.news-close .secondary-back { color: #213d85; }
.featured-story:focus-visible,.press-card:focus-visible,.social-card:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
@media(max-width:900px) { .news-hero { grid-template-columns: 1fr; min-height: auto; } .news-hero-mark { width: min(68vw,360px); justify-self: center; } .featured-story { grid-template-columns: 1fr; } .story-source-block { min-height: 200px; } .press-grid,.social-grid { grid-template-columns: 1fr; } }
@media(max-width:600px) { .news-hero { padding-top: 54px; } .news-hero h1 { font-size: clamp(58px,19vw,88px); } .section-heading { grid-template-columns: 42px minmax(0,1fr); } .section-heading h2 { font-size: clamp(47px,15vw,72px); } .story-meta { display: grid; } .story-copy h3 { margin-top: 30px; } .press-card { min-height: 410px; } }
@media(prefers-reduced-motion:reduce) { .featured-story,.press-card,.social-card { transition: none; } }