/* Content-led editorial feature. Preserve the approved navy, full portraits and gentle reveals. */
.content-matters{background:var(--ink);color:#f7faf8}
.content-matters-intro{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);grid-template-areas:"heading portrait" "copy portrait";column-gap:clamp(28px,4vw,64px);row-gap:26px;align-items:start}
.content-matters-heading{grid-area:heading;min-width:0}
.content-matters .eyebrow{color:#bcc7d1;margin-bottom:26px}
.content-matters h2{font-size:clamp(36px,3.9vw,62px);font-weight:var(--heading-weight);line-height:1.07;letter-spacing:-.045em;text-wrap:balance;margin:0}
.content-matters h2 span{display:block;text-wrap:balance}
.content-matters h2 .content-matters-emphasis{color:var(--green)}
.content-matters-portrait{grid-area:portrait;align-self:center;width:calc(100% + 40px);max-width:800px;justify-self:center}
.content-matters-lede{grid-area:copy;font-size:17px;line-height:1.8;color:#c3cdd6;max-width:600px;margin:0}
.content-matters-detail{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);column-gap:clamp(28px,4vw,64px);border-top:1px solid #ffffff29;padding-top:40px;margin-top:54px}
.content-matters-craft{max-width:430px}
.content-matters-craft h3{font-size:clamp(27px,2.5vw,38px);line-height:1.15;letter-spacing:-.035em;margin:0 0 24px}
.content-matters-craft p{font-size:16px;line-height:1.8;color:#c3cdd6;margin:0 0 18px}
.content-matters-craft p:last-child{color:#f7faf8;margin-bottom:0}
.content-matters-benefits{list-style:none;padding:0;margin:0}
.content-matters-benefits>li{padding:22px 0}
.content-matters-benefits>li:first-child{padding-top:0}
.content-matters-benefits>li:last-child{padding-bottom:0}
.content-matters-benefits>li+li{border-top:1px solid #ffffff29}
.content-matters-benefits h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0 0 9px}
.content-matters-benefits p{font-size:15px;line-height:1.75;color:#c3cdd6;margin:0;max-width:510px}
.content-matters-action{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:36px}
.content-matters-formats{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:0;color:#bcc7d1;font-size:12px;line-height:1.6}
.content-matters-formats>li{white-space:nowrap}
.content-matters-action .flux-button{min-width:210px}
@media(max-width:1000px) and (min-width:761px){
  .content-matters h2{font-size:36px}
  .content-matters-lede{font-size:16px}
  .content-matters-benefits h3{font-size:20px}
}
@media(max-width:760px){
  .content-matters-intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "portrait" "copy";row-gap:28px}
  .content-matters h2{font-size:clamp(36px,6.5vw,48px);max-width:620px}
  .content-matters-portrait{width:100%;max-width:620px;justify-self:center}
  .content-matters-lede{font-size:16px;max-width:620px}
  .content-matters-detail{grid-template-columns:minmax(0,1fr);row-gap:36px;margin-top:36px;padding-top:32px}
  .content-matters-craft{max-width:550px}
  .content-matters-craft h3{font-size:29px;margin-bottom:18px}
  .content-matters-craft p{font-size:15px}
  .content-matters-benefits h3{font-size:22px}
  .content-matters-benefits p{max-width:550px}
  .content-matters-action{align-items:flex-start;flex-direction:column;gap:30px;margin-top:36px}
  .content-matters-formats{gap:10px 22px;max-width:450px}
}
@media(max-width:360px){
  .content-matters h2{font-size:33px}
  .content-matters-craft h3{font-size:27px}
}