/* Media coverage
   Lightweight editorial layer for low-frequency company/brand updates.
   Reuses the existing token palette and keeps news separate from primary navigation.
*/

.media-coverage{
  padding:88px 0 92px;
  background:#fff;
}

.media-head{
  display:block;
  margin-bottom:30px;
}

.media-list{
  display:grid;
  gap:0;
}

.media-card + .media-card{
  border-top:0;
}

.media-kicker{
  display:grid;
  gap:8px;
}

.media-kicker .eyebrow{
  color:var(--brand);
}

.media-kicker h2{
  font-size:clamp(40px,4vw,56px);
}


.media-card{
  display:grid;
  grid-template-columns:minmax(150px,.28fr) minmax(0,1.72fr);
  gap:34px;
  padding:28px 0 30px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.media-meta{
  display:grid;
  align-content:start;
  gap:8px;
  color:var(--muted);
  font-size:var(--type-meta);
  line-height:var(--lh-meta);
}

.media-date{
  color:var(--ink);
  font-size:20px;
  line-height:1.25;
  font-weight:var(--weight-heading);
  letter-spacing:-.01em;
}

.media-meta span + span{
  padding-top:8px;
  border-top:1px solid var(--line);
}

.media-body{
  display:grid;
  gap:12px;
  min-width:0;
}

.media-title{
  font-size:clamp(25px,2.4vw,34px);
  line-height:1.28;
  letter-spacing:-.012em;
}

.media-summary{
  max-width:72ch;
  color:var(--muted);
  font-size:var(--type-body);
  line-height:1.85;
}

.media-action{
  width:max-content;
  min-height:44px;
  margin-top:4px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  color:var(--ink-2);
  font-size:var(--type-ui);
  font-weight:var(--weight-ui);
}

.media-action:hover,
.media-action:focus-visible{
  border-color:#F6BE8E;
  background:var(--brand-pale);
  color:var(--brand-strong);
}

.media-action span{
  color:var(--brand);
  transform:translateX(0);
  transition:transform .15s ease;
}

.media-action:hover span,
.media-action:focus-visible span{
  transform:translateX(3px);
}

.news-page{
  min-height:100vh;
  background:var(--brand-pale);
}

.news-header{
  position:sticky;
  top:0;
  z-index:20;
  min-height:calc(var(--header-h) + var(--safe-top));
  padding-top:var(--safe-top);
  background:rgba(255,255,255,.98);
  border-bottom:1px solid rgba(233,222,210,.9);
}

.news-header-in{
  width:min(var(--wrap),calc(100% - (var(--pad) * 2)));
  min-height:var(--header-h);
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.news-back{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  color:var(--ink-2);
  font-size:var(--type-ui);
  font-weight:var(--weight-ui);
}

.news-back:hover,
.news-back:focus-visible{
  border-color:#F6BE8E;
  background:var(--brand-pale);
  color:var(--brand-strong);
}

.news-main{
  width:min(1060px,calc(100% - (var(--pad) * 2)));
  margin-inline:auto;
  padding:70px 0 96px;
}

.news-list-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}

.news-list-head h1,
.news-article h1{
  font-size:clamp(40px,5vw,68px);
  line-height:1.1;
  letter-spacing:-.018em;
}

.news-list{
  display:grid;
  gap:12px;
}

.news-list-card{
  display:grid;
  grid-template-columns:minmax(130px,.25fr) minmax(0,1.75fr);
  gap:28px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 28px rgba(72,42,18,.035);
}

.news-list-card:hover{
  border-color:#F2C49A;
}

.news-list-meta{
  display:grid;
  align-content:start;
  gap:6px;
  color:var(--muted);
  font-size:var(--type-meta);
}

.news-list-meta strong{
  color:var(--ink);
  font-size:18px;
}

.news-list-body{
  display:grid;
  gap:10px;
}

.news-list-body h2{
  font-size:clamp(24px,3vw,34px);
  line-height:1.28;
}

.news-list-body p{
  color:var(--muted);
  font-size:var(--type-body);
  line-height:1.85;
}

.news-article{
  max-width:860px;
  margin-inline:auto;
  padding:70px 0 24px;
}

.news-article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:18px 0 30px;
  color:var(--muted);
  font-size:var(--type-meta);
  line-height:var(--lh-meta);
}

.news-article-summary{
  margin-bottom:34px;
  padding:23px 24px;
  border-left:4px solid var(--brand);
  border-radius:0 18px 18px 0;
  background:#fff;
  color:var(--ink-2);
  font-size:17px;
  line-height:1.85;
}

.news-article-copy{
  display:grid;
  gap:20px;
  color:var(--ink-2);
  font-size:17px;
  line-height:2;
}

.news-article-copy p{
  max-width:72ch;
}

.news-source{
  margin-top:38px;
  padding-top:22px;
  border-top:1px solid var(--line);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:var(--muted);
  font-size:var(--type-meta);
}

.news-source a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--ink-2);
  font-weight:var(--weight-ui);
}

.news-source a:hover,
.news-source a:focus-visible{
  border-color:#F6BE8E;
  background:var(--brand-pale);
  color:var(--brand-strong);
}

.news-footer{
  min-height:74px;
  display:grid;
  place-items:center;
  padding:18px calc(var(--pad) * 2) calc(18px + var(--safe-bottom));
  background:var(--dark);
  color:#EBDDD3;
  text-align:center;
  font-size:var(--type-meta);
}

@media(max-width:760px){
  .media-coverage{
    padding:66px 0 70px;
  }

  .media-head{
    grid-template-columns:1fr;
    gap:15px;
    margin-bottom:24px;
  }

  .media-card{
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 0 24px;
  }

  .media-meta{
    grid-template-columns:auto 1fr;
    align-items:end;
    gap:8px 14px;
  }

  .media-meta span + span{
    padding-top:0;
    border-top:0;
  }

  .media-date{
    font-size:18px;
  }

  .media-summary{
    font-size:var(--type-body);
    line-height:1.9;
  }

  .news-header-in{
    width:calc(100% - (var(--mobile-pad) * 2) - var(--safe-left) - var(--safe-right));
    min-height:66px;
  }

  .news-header .brand-wordmark{
    width:154px;
  }

  .news-main{
    width:calc(100% - (var(--mobile-pad) * 2));
    padding:52px 0 72px;
  }

  .news-list-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    margin-bottom:20px;
  }

  .news-list-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:21px;
    border-radius:18px;
  }

  .news-list-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px 12px;
    align-items:center;
  }

  .news-list-meta strong{
    font-size:17px;
  }

  .news-article{
    padding:52px 0 12px;
  }

  .news-article h1{
    font-size:clamp(36px,10vw,50px);
  }

  .news-article-meta{
    margin:15px 0 24px;
  }

  .news-article-summary{
    padding:18px 18px;
    margin-bottom:27px;
    font-size:16px;
    line-height:1.85;
  }

  .news-article-copy{
    font-size:16px;
    line-height:1.95;
  }

  .news-source{
    align-items:flex-start;
    flex-direction:column;
    padding-top:19px;
  }

  .news-footer{
    padding-inline:18px;
  }
}

@media(max-width:420px){
  .news-header .brand-wordmark{
    width:142px;
  }

  .news-back{
    padding-inline:10px;
  }

  .media-title{
    font-size:24px;
  }

  .news-list-card{
    padding:18px;
  }

  .news-article h1{
    font-size:35px;
  }
}

@media(prefers-reduced-motion:reduce){
  .media-action span{
    transition:none;
  }
}