.news-page { color:#171519; background:#fff; }.news-container { width:min(1200px,calc(100% - 48px)); margin:0 auto; }.news-page .news-header { display:grid;height:88px;padding:0 40px;border-bottom:1px solid rgba(0,0,0,.12);grid-template-columns:1fr auto 1fr;align-items:center; }.news-page .brand__copy strong { color:#171519; }.news-page .brand__copy span { color:rgba(0,0,0,.45); }.news-page .search-link { justify-self:end; }.news-page .news-nav a.is-active { padding:10px 4px 8px;border-bottom:4px solid var(--yellow); }.news-intro { padding:70px 0 52px; }.news-intro .news-container { display:grid;grid-template-columns:1fr 440px;gap:40px;align-items:start; }.news-intro h1,.news-featured h2 { font-family:Oswald,sans-serif;font-weight:700;line-height:.96;text-transform:uppercase; }.news-intro h1 { font-size:56px; }.news-filters { display:flex;flex-wrap:wrap;gap:7px; }.news-filters button,.news-pagination button { min-height:25px;padding:4px 10px;border:1px solid rgba(0,0,0,.24);background:#fff;font:inherit;font-size:10px; }.news-filters .is-selected,.news-pagination .is-current { border-color:#171519;background:#171519;color:#fff; }.news-featured { padding:0 0 72px; }.news-featured article { display:grid;grid-template-columns:1fr 1fr;background:#f7f6f5; }.news-featured img { width:100%;height:369px;object-fit:cover; }.news-featured article > div { padding:48px; }.news-meta { font-size:9px;text-transform:uppercase; }.news-meta time { float:right;color:rgba(0,0,0,.55); }.news-featured h2 { margin-top:20px;font-size:36px; }.news-featured h2 + p { margin-top:26px;font-size:13px;line-height:1.4; }.news-archive { padding:0 0 110px; }.news-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.news-grid article { min-height:300px;padding:8px;outline:1px solid rgba(0,0,0,.12);outline-offset:-1px; }.news-grid article[class*="accent"] { outline-width:2px; }.news-grid .accent-purple { outline-color:#a44cb7; }.news-grid .accent-pink { outline-color:#e66799; }.news-grid .accent-orange { outline-color:#ff6d48; }.news-grid .accent-yellow { outline-color:#fdca15; }.news-grid img { width:100%;aspect-ratio:1.18;object-fit:cover; }.news-grid .news-meta { margin-top:12px; }.news-grid h3 { margin-top:9px;font-size:12px;line-height:1.25; }.news-pagination { display:flex;justify-content:center;gap:4px;margin-top:40px; }.news-pagination button[disabled] { color:rgba(0,0,0,.45); }.news-pagination span { padding:4px; }
@media(max-width:960px){.news-page .primary-nav{display:none}.news-page .news-header{padding:0 24px;grid-template-columns:1fr auto}.news-grid{grid-template-columns:repeat(2,1fr)}.news-intro .news-container{grid-template-columns:1fr}.news-filters{max-width:560px}.news-featured article{grid-template-columns:1fr}.news-featured img{height:410px}}@media(max-width:640px){.news-container{width:calc(100% - 40px)}.news-page .news-header{height:76px;padding:0 20px}.news-page .brand__copy{display:none}.news-intro{padding:50px 0 34px}.news-intro h1{font-size:46px}.news-featured{padding-bottom:54px}.news-featured img{height:260px}.news-featured article>div{padding:28px 24px}.news-featured h2{font-size:31px}.news-grid{grid-template-columns:1fr;gap:10px}.news-grid article{min-height:0;padding:10px}.news-grid h3{font-size:14px}.news-archive{padding-bottom:70px}.news-pagination{flex-wrap:wrap}.news-pagination button{font-size:11px}}
.news-intro .news-container,.news-featured .news-container { width:min(1280px,calc(100% - 48px)); }
.news-featured img { content:url("/public/assets/news.webp"); }
@media (max-width:960px) { .news-page .news-header.news-header { position:relative; height:132px; }.news-page .news-header .primary-nav { position:absolute; z-index:2; top:76px; right:0; left:0; display:flex; min-height:56px; padding:0 20px; overflow-x:auto; border-top:1px solid rgba(0,0,0,.12); background:#fff; align-items:center; gap:20px; white-space:nowrap; }.news-page .news-header .primary-nav a { flex:0 0 auto; }.news-page .news-header .primary-nav a.is-active { padding:8px 4px; } }
@media (max-width:640px) { .news-page .news-header.news-header { height:120px; }.news-page .news-header .primary-nav { top:76px; min-height:44px; padding:0 16px; gap:16px; font-size:13px; } }