.articles-page { background: #f8faf6; }
.articles-header { position: absolute; }
.main-nav .is-current::after { right: 0; }
.articles-intro { min-height: 760px; padding: 175px max(32px,calc((100vw - 1240px)/2)) 100px; display: flex; align-items: center; color: #fff; background: radial-gradient(circle at 86% 15%,rgba(20,131,149,.65),transparent 31%),linear-gradient(135deg,#063b3a,#062c3b 78%); }
.articles-intro-copy { max-width: 930px; }
.articles-intro h1 { max-width: 850px; margin-bottom: 36px; font-size: clamp(64px,7vw,108px); }
.articles-intro-copy > p:not(.eyebrow) { max-width: 790px; color: rgba(255,255,255,.75); font-family: "Source Serif 4",Georgia,serif; font-size: 21px; line-height: 1.65; }
.category-jump { margin-top: 52px; display: flex; gap: 14px; flex-wrap: wrap; }
.category-jump a { min-width: 220px; padding: 18px 20px; display: flex; justify-content: space-between; border: 1px solid rgba(255,255,255,.32); font-size: 13px; }
.category-jump a:hover { color: #083b39; background: #fff; }.category-jump span { opacity: .6; }
.article-library { background: #fbfcf8; }
.market-library { color: #fff; background: #073b40; }
.library-heading { margin-bottom: 65px; display: grid; grid-template-columns: 1fr .75fr; gap: 70px; align-items: end; }
.library-heading h2 { margin: 0; color: #123f3d; }.market-library .library-heading h2 { color: #fff; }
.library-heading > p { max-width: 530px; margin: 0 0 8px; color: #60746d; font-family: "Source Serif 4",Georgia,serif; font-size: 18px; line-height: 1.6; }.market-library .library-heading > p { color: rgba(255,255,255,.65); }
.article-list-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 44px 24px; }
.library-card { min-width: 0; }
.library-card > img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; background: #0b5871; }
.card-image-link { width: 100%; aspect-ratio: 3/2; display: block; overflow: hidden; background: #0b5871; }
.card-image-link img { width: 100%; height: 100%; object-fit: contain; }
.library-card img { transition: transform .35s,filter .35s; }
.library-card:hover img { transform: translateY(-4px); filter: brightness(1.08); }
.card-copy { padding-top: 19px; }
.card-copy > span { color: #31816b; font-size: 9px; font-weight: 600; letter-spacing: 1.35px; text-transform: uppercase; }.market-library .card-copy > span { color: #80bda6; }
.card-copy h3 { margin: 10px 0 12px; color: #173d3b; font-family: var(--display); font-size: 23px; font-weight: 500; line-height: 1.18; }.market-library .card-copy h3 { color: #fff; }
.card-copy a { display: block; color: #65766f; font-family: "Source Serif 4",Georgia,serif; font-size: 15px; line-height: 1.53; }.market-library .card-copy a { color: rgba(255,255,255,.63); }
.card-copy .article-teaser { display: block; color: #65766f; font-family: "Source Serif 4",Georgia,serif; font-size: 15px; font-weight: 400; line-height: 1.53; letter-spacing: 0; text-transform: none; }
.card-copy b { display: block; margin-top: 13px; color: #196a5b; font-family: var(--sans); font-size: 11px; font-weight: 600; }.market-library .card-copy b { color: #a8d1c0; }
.articles-information { padding: 30px 0; background: #e5f1e9; }
.articles-information p { max-width: 1040px; margin: 0; color: #536a63; font-size: 13px; line-height: 1.7; }
.republishing-section { background: #edf2e9; }
.republishing-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(55px,9vw,130px); align-items: start; }
.republishing-grid h2 { max-width: 540px; margin: 0; color: #123f3d; }
.republishing-copy { padding: 9px 0 9px 42px; border-left: 1px solid rgba(23,75,61,.24); color: #536a63; font-family: "Source Serif 4",Georgia,serif; font-size: 18px; line-height: 1.75; }
.republishing-copy p:last-child { margin-bottom: 0; }
.republishing-copy a { color: #176a5b; text-decoration: underline; text-underline-offset: 3px; }
@media(max-width:1100px){.article-list-grid{grid-template-columns:repeat(3,1fr)}.library-heading{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.article-list-grid{grid-template-columns:repeat(2,1fr)}.library-heading,.republishing-grid{grid-template-columns:1fr;gap:20px}.republishing-copy{padding:24px 0 0;border-left:0;border-top:1px solid rgba(23,75,61,.24)}.articles-intro{min-height:720px}}
@media(max-width:520px){.articles-intro{padding:145px 18px 75px}.articles-intro h1{font-size:54px}.articles-intro-copy>p:not(.eyebrow){font-size:18px}.category-jump a{width:100%}.article-list-grid{grid-template-columns:1fr;gap:45px}.card-copy h3{font-size:26px}}
