.media-main{padding-top:64px;padding-bottom:70px}.media-heading{max-width:780px;margin-bottom:48px}.media-heading h1{font-size:clamp(2.6rem,6vw,4.8rem);letter-spacing:-.05em;color:var(--navy);margin-bottom:24px}.media-heading>p:last-child{font-size:1.125rem;color:var(--muted)}.media-main h2{font-size:1.65rem;color:var(--navy);margin-bottom:24px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.media-card{display:flex;flex-direction:column;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:4px;padding:30px;background:var(--paper);min-width:0}.media-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.875rem;color:var(--muted);margin-bottom:22px}.media-source{font-weight:700;color:var(--blue);margin-bottom:12px}.media-card h3{font-size:1.5rem;line-height:1.3;margin-bottom:16px;letter-spacing:-.02em}.media-card time{font-size:.875rem;color:var(--muted);margin-bottom:12px}.media-description{color:var(--muted);margin-bottom:24px}.media-card .text-link{margin-top:auto;align-self:flex-start}.media-main a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.partner-media{margin-top:60px}.media-note{font-size:.9375rem;color:var(--muted);max-width:800px}.media-endnote{margin-top:32px;margin-bottom:0}.site-header a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}@media(max-width:650px){.media-grid{grid-template-columns:1fr}.media-main{padding-top:40px}.media-card{padding:24px}.media-heading{margin-bottom:32px}}
.media-card{padding:0;overflow:hidden}.media-card-body{display:flex;flex-direction:column;padding:26px 30px 30px;flex:1}.media-visual{margin:0;background:#e9eef2}.media-visual>a{display:block;position:relative;aspect-ratio:16/9;background:var(--deep)}.media-visual img{display:block;width:100%;height:100%;object-fit:contain}.media-visual figcaption{padding:9px 16px;font-size:.8125rem;color:#425568;background:#edf2f6}.media-play{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;font-size:1.1rem;box-shadow:0 2px 12px #0005}.media-visual a:hover img{opacity:.9}.media-main .media-visual a:focus-visible{outline-offset:-4px;outline-color:#fff}.media-card:not(:has(.media-visual)){padding:30px}@media(max-width:650px){.media-card{padding:0}.media-card-body{padding:22px 24px 24px}.media-card:not(:has(.media-visual)){padding:24px}}
