@layer components {
  .news-home {padding-top:54px;padding-bottom:75px;border-top:1px solid var(--line)}
  .news-section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}
  .news-section-heading h2 {font-size:48px;margin-top:15px}
  .news-section-heading>.text-link {font-size:13px;white-space:nowrap}
  .news-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}
  .news-card {min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:24px}
  .news-art {aspect-ratio:1.6;overflow:hidden;border-radius:5px;background:#ebece3;position:relative}
  .news-art img {height:100%;width:100%;object-fit:cover;object-position:center 55%;transition:transform .25s ease}
  .news-card[data-news-id="budstikka"] .news-art img {object-position:center 25%}
  .news-image-credit {position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 6px;border-radius:3px;background:rgb(247 245 239 / 94%);color:var(--ink);font-size:9px;line-height:1.4}
  .news-card-body {display:flex;flex-direction:column;flex:1;padding-top:20px}
  .news-meta {display:flex;flex-wrap:wrap;gap:6px 15px;justify-content:space-between;font-size:10px;line-height:1.5;color:var(--muted)}
  .news-meta>span {font-weight:700}
  .news-card h2,.news-card h3 {font-size:26px;letter-spacing:-.04em;line-height:1.13;margin:15px 0 13px}
  .news-card h2 a:hover,.news-card h3 a:hover {text-decoration:underline;text-underline-offset:4px}
  .news-card-body>p {font-size:13px;line-height:1.65;margin-bottom:24px}
  .news-card-footer {display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto}
  .news-note {font-size:10px;line-height:1.5;color:var(--muted)}
  .news-card-footer>.text-link {font-size:12px;gap:24px}
  .news-hero.brand-subhero {padding-bottom:45px}
  .news-hero>.text-link {font-size:13px;margin-top:23px}
  .news-list {padding-bottom:65px}
  .news-resources {display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding-top:40px;padding-bottom:65px;scroll-margin-top:30px}
  .news-resources h2 {font-size:35px;margin:18px 0}
  .news-resources p {font-size:14px;max-width:460px}
  .news-resources .text-link {font-size:13px;margin-top:25px}
  .news-story {max-width:1000px;padding-top:40px;padding-bottom:65px}
  .news-back {font-size:12px;text-decoration:underline;text-underline-offset:4px}
  .news-back span {margin-left:12px}
  .news-story-heading {max-width:790px;margin:48px auto 30px}
  .news-story-heading .news-meta {justify-content:flex-start}
  .news-story h1 {font-size:clamp(48px,6vw,78px);line-height:1.03;letter-spacing:-.055em;margin:22px 0}
  .news-standfirst {font-size:23px;line-height:1.45;letter-spacing:-.025em}
  .news-story-image {width:100%;height:auto;max-height:500px;object-fit:cover;object-position:center 55%;border-radius:5px}
  .news-story-copy {max-width:690px;margin:40px auto 0}
  .news-story-copy p {font-size:17px;line-height:1.8;margin-bottom:22px}
  .news-story-copy h2 {font-size:35px;line-height:1.1;margin:40px 0 22px}
  .news-story-copy .text-link {font-size:14px;margin:14px 30px 0 0}
}
@layer responsive {
  @media(max-width:1100px) {
    .brand-site .desktop-nav {gap:15px}
    .news-card h2,.news-card h3 {font-size:24px}
  }
  @media(max-width:760px) {
    .news-home {padding-top:38px;padding-bottom:40px}
    .news-section-heading {align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:27px}
    .news-section-heading h2 {font-size:39px}
    .news-grid {grid-template-columns:1fr;gap:32px}
    .news-resources {grid-template-columns:1fr;gap:38px;padding-top:32px;padding-bottom:40px}
    .news-resources h2,.news-story-copy h2 {font-size:30px}
    .news-story {padding-top:28px;padding-bottom:40px}
    .news-story-heading {margin-top:34px}
    .news-standfirst {font-size:20px}
    .news-story-copy {margin-top:27px}
    .news-story-copy p {font-size:16px}
  }
}