.journal-intro{padding:calc(var(--nav-top) + var(--nav-height) + 48px) 0 42px;background:var(--scene-gradient)}
.journal-intro .eyebrow{font-size:12px;margin-bottom:24px}
.journal-intro .container>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:end}
.journal-intro h1{font-size:clamp(38px,4.4vw,78px);line-height:1.1;max-width:20ch}
.journal-intro .container>div>p{font-size:17px;line-height:1.8;max-width:48ch}
.journal-library{padding-top:36px}
.journal-index .journal-toolbar{margin:0;align-items:center;gap:20px;flex-wrap:wrap}
.journal-index .product-filter{flex-wrap:wrap;gap:8px}
.journal-index .filter{font-size:13px;min-height:44px;padding:10px 16px}
.journal-index .search-wrap{width:min(100%,300px);min-width:220px}
.journal-index .search-wrap input{min-height:48px;font-size:16px}
.journal-index .journal-results-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 24px;min-height:44px}
.journal-index .search-status{font-size:13px;line-height:1.7;margin:0}
.journal-index .all-articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.journal-index .journal-card{min-width:0;padding:22px;border:1px solid var(--glass-edge);border-radius:26px;background:var(--glass-frost);display:flex;flex-direction:column}
.journal-index .journal-card>a:first-child{display:block}
.journal-index .journal-card .article-image{aspect-ratio:4/3;margin:0 0 22px;border-radius:17px}
.journal-index .journal-card .article-meta{font-size:12px;line-height:1.6;margin:0 0 12px}
.journal-index .journal-card h2{font-size:clamp(23px,2vw,30px);line-height:1.3;letter-spacing:-.035em;max-width:none;overflow-wrap:anywhere}
.journal-index .journal-card .article-excerpt{font-size:15px;line-height:1.75;margin:14px 0 18px}
.journal-index .journal-card>.text-link{font-size:13px;min-height:44px;margin-top:auto;padding-top:16px}
.journal-index .journal-featured{grid-column:1/-1;padding:28px}
.journal-index .journal-featured>a:first-child{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(24px,4vw,64px);align-items:center}
.journal-index .journal-featured .article-image{margin:0;aspect-ratio:16/10}
.journal-featured-copy{min-width:0}
.journal-index .journal-featured .article-meta{margin-top:0}
.journal-index .journal-featured h2{font-size:clamp(27px,2.4vw,40px);line-height:1.2}
.journal-pagination{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:40px}
.journal-pagination>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.journal-pagination :is(a,span){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--glass-frost);font-size:14px}
.journal-pagination [aria-current]{background:linear-gradient(120deg,#e2d9f2,#deedf3);border-color:#b7a8ce}
.journal-noscript{padding:16px 0;font-size:14px}
@media(max-width:1000px){.journal-index .all-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-index .journal-featured>a:first-child{grid-template-columns:1fr 1fr}.journal-index .journal-toolbar{align-items:stretch}.journal-index .search-wrap{width:100%}}
@media(max-width:700px){.journal-intro{padding-top:calc(var(--nav-top) + var(--nav-height) + 30px);padding-bottom:32px}.journal-intro .container>div{grid-template-columns:1fr;gap:20px}.journal-intro .container>div>p{font-size:16px}.journal-library{padding-top:26px}.journal-index .filter{padding-inline:12px;font-size:12px}.journal-index .journal-card{padding:22px;border-radius:24px}.journal-index .all-articles{grid-template-columns:1fr;gap:20px}.journal-index .journal-featured{display:flex}.journal-index .journal-featured>a:first-child{display:block}.journal-index .journal-featured .article-image{margin-bottom:20px;aspect-ratio:16/10}.journal-index .journal-featured h2{font-size:28px}.journal-index .journal-featured .article-meta{margin-top:0}.journal-pagination{gap:14px}.journal-pagination>a{flex:1}.journal-pagination>div{order:2;width:100%}}
@media(hover:hover) and (pointer:fine){.journal-pagination a:hover{border-color:var(--accent)}}
@media(prefers-contrast:more),(forced-colors:active){.journal-index .journal-card,.journal-pagination :is(a,span){background:Canvas;border-color:CanvasText}.journal-pagination [aria-current]{outline:2px solid Highlight}}