.journal-preview{padding:clamp(90px,12vw,180px) var(--pad);max-width:var(--max);margin:auto}
.journal-preview-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:40px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:36px}
.journal-preview-head h2,.journal-hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em;margin:24px 0 0}
.journal-preview-head>p{max-width:430px;color:var(--bone);line-height:1.65;margin:0}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);margin-top:48px}
.journal-card{min-height:390px;padding:34px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .3s ease,color .3s ease}
.journal-card>span{font-size:.68rem;font-weight:700;letter-spacing:.15em;color:#fff}
.journal-card h3{font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.02;letter-spacing:-.04em;margin:72px 0 22px}
.journal-card h3:first-child{margin-top:20px}
.journal-card p{color:var(--bone);line-height:1.6;margin:0 0 40px}
.journal-card b{margin-top:auto;font-size:.72rem;letter-spacing:.11em;font-weight:500}
.journal-card:hover{background:var(--blue);color:#fff}.journal-card:hover p{color:rgba(255,255,255,.86)}.journal-card:hover>span{color:#fff}
.journal-all{display:flex;justify-content:space-between;align-items:center;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);padding:24px 0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.journal-all span{font-size:1.25rem}.journal-page{background:var(--bg);color:var(--text)}
.journal-shell{width:min(1240px,calc(100% - 44px));margin:auto}.journal-nav{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.journal-nav a{color:inherit;text-decoration:none}.journal-nav .brand{font-weight:700;font-size:1.25rem}.journal-nav .back{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.journal-hero{padding:clamp(90px,14vw,190px) 0 80px;border-bottom:1px solid var(--line)}
.journal-hero .eyebrow,.article-meta{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.journal-hero p{max-width:680px;color:var(--bone);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.6;margin:38px 0 0}.journal-list{padding:60px 0 140px}.journal-list .journal-grid{margin-top:0}
.article{width:min(820px,calc(100% - 44px));margin:auto;padding:110px 0 150px}.article h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.06em;margin:28px 0 36px}
.article .lead{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.5;color:#d8d8d8;border-bottom:1px solid var(--line);padding-bottom:54px;margin-bottom:64px}
.article h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.04em;margin:72px 0 22px}.article h3{font-size:1.3rem;margin:38px 0 12px}
.article p,.article li{font-size:1.04rem;line-height:1.85;color:var(--bone)}.article ul{padding-left:20px}.article-callout{border:1px solid #555;padding:28px 30px;margin:42px 0}.article-callout strong{display:block;color:var(--bone);font-size:1.25rem;margin-bottom:8px}
.article-figure{margin:48px 0 72px}.article-figure img{display:block;width:100%;height:auto;background:#eee}.article-hero-image img{aspect-ratio:16/10;object-fit:cover}.article-inline-image{width:min(620px,100%);margin-left:auto;margin-right:auto}.article-inline-image img{aspect-ratio:4/5;object-fit:cover}.article-figure figcaption{margin-top:12px;font-size:.7rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#090909}
.article-cta{background:var(--blue);padding:44px;margin-top:90px}.article-cta h2{margin:0 0 18px;color:#fff}.article-cta p{color:rgba(255,255,255,.8)}.article-cta a{display:inline-block;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:5px;margin-top:8px}
@media(max-width:850px){.journal-preview-head{grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr}.journal-card{min-height:300px}.journal-card h3{margin-top:44px}.journal-hero{padding-top:110px}}
@media(max-width:520px){.journal-preview{padding:84px 22px}.journal-preview-head h2,.journal-hero h1{font-size:14vw}.journal-card{padding:26px;min-height:280px}.journal-shell{width:calc(100% - 36px)}.article{width:calc(100% - 36px);padding-top:80px}.article-figure{margin:36px 0 52px}.article-hero-image img{aspect-ratio:4/5}.article-cta{padding:30px 24px}}

/* Standalone journal and article pages: white editorial surface, black type. */
.journal-page{background:#fff;color:#090909}
.journal-page .journal-nav,.journal-page .journal-hero{border-color:#d8d8d8}
.journal-page .journal-hero .eyebrow,.journal-page .article-meta{color:#090909}
.journal-page .journal-hero p,.journal-page .article p,.journal-page .article li,.journal-page .article .lead{color:#090909}
.journal-page .journal-grid{border-color:#d8d8d8}
.journal-page .journal-card{color:#090909;border-color:#d8d8d8}
.journal-page .journal-card>span,.journal-page .journal-card p{color:#090909}
.journal-page .article-callout{border-color:#090909}
.journal-page .article-callout strong{color:#090909}
.journal-page .article-cta p{color:#fff}
.journal-page .journal-card:hover,.journal-page .journal-card:hover>span,.journal-page .journal-card:hover p{color:#fff}