.news-detail-page .site-header { background: #191918; }.news-detail-page .desktop-nav a.active { color: #ed5153; }.detail-hero { padding: 175px 0 95px; background: #1b1b19; color: #fff; }.detail-hero h1 { max-width: 1020px; margin: 24px 0 0; font: 500 clamp(48px,6.4vw,92px)/.97 var(--serif); letter-spacing: -.06em; }.detail-hero h1 em { color: #e64b4f; font-weight: 500; }.detail-image { width: min(1240px,calc(100% - 80px)); height: min(560px,48vw); margin: 0 auto; transform: translateY(-1px); overflow: hidden; }.detail-image img { width: 100%; height: 100%; display: block; object-fit: cover; }.detail-layout { display: grid; grid-template-columns: 27% 1fr; padding: 95px 0 145px; }.detail-layout aside a { display: inline-block; padding-bottom: 7px; border-bottom: 1px solid var(--ink); font-size: 11px; font-weight: 800; letter-spacing: .04em; }.detail-copy { max-width: 665px; }.detail-copy p { margin: 0 0 25px; color: #57534e; font-size: 16px; line-height: 1.8; }.detail-copy .lead { color: var(--ink); font-size: 22px; line-height: 1.55; }
@media(max-width:800px) { .detail-hero { padding: 135px 0 70px; }.detail-hero h1 { font-size: clamp(43px,11.5vw,58px); }.detail-image { width: 100%; height: 310px; }.detail-layout { grid-template-columns: 1fr; gap: 48px; padding: 65px 0 85px; }.detail-copy p { font-size: 15px; }.detail-copy .lead { font-size: 19px; } }