.journal-feature{width:92vw;height:calc(100svh - 126px);min-height:650px;margin:2vw auto 0;border-radius:34px;overflow:hidden;position:relative;background:var(--b);color:#fff}
.journal-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72)}
.journal-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,10,16,.2),rgba(45,11,23,.3) 42%,rgba(45,11,23,.82)),linear-gradient(90deg,rgba(30,8,16,.36),transparent 65%)}
.journal-feature-top{position:absolute;z-index:2;inset:0;padding:4vw;display:flex;flex-direction:column;justify-content:flex-start}
.journal-feature-top .kicker{align-self:flex-end;color:#fff}
.journal-feature h1{font:300 clamp(72px,10vw,158px)/.72 'DM Sans',sans-serif;letter-spacing:-.085em;text-transform:uppercase;margin:1vw 0 0;max-width:930px;color:#fff}
.journal-feature h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.07em}
.journal-feature-bottom{position:absolute;z-index:2;left:4vw;right:4vw;bottom:3.5vw;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:7vw;align-items:end}
.journal-feature-bottom>p{max-width:430px;margin:0 0 0 auto;font-size:13px;line-height:1.65;color:rgba(255,255,255,.78)}
.journal-preview-rail{position:absolute;z-index:3;right:2vw;top:40%;width:152px;display:grid;gap:8px}.journal-preview-rail img{width:100%;aspect-ratio:16/8.5;object-fit:cover;border:1px solid rgba(255,255,255,.7);border-radius:14px}.journal-preview-rail div{background:var(--p);color:var(--b);border-radius:14px;padding:13px}.journal-preview-rail strong{display:block;font:400 25px/1 Georgia,serif}.journal-preview-rail span{display:block;font-size:8px;line-height:1.35;margin-top:5px}
.featured-article{max-width:650px;color:#fff}
.featured-article .kicker{color:rgba(255,255,255,.72);margin:0 0 14px}
.featured-article h2{font:300 clamp(27px,3vw,48px)/1 Georgia,serif;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
.featured-article span{display:inline-block;background:#fff;color:var(--b);padding:13px 18px;border-radius:99px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.journal-statement{padding:8vw 7vw 6vw;display:grid;grid-template-columns:.65fr 1.6fr .8fr;gap:5vw;align-items:end}
.journal-facts{display:flex;gap:30px}.journal-facts p{margin:0}.journal-facts strong{display:block;font:400 22px/1 Georgia,serif}.journal-facts span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--s);margin-top:8px}
.journal-statement h2{font:300 clamp(52px,7.3vw,112px)/.9 Georgia,serif;letter-spacing:-.06em;margin:0}
.journal-statement h2 em{color:var(--s);font-weight:400}.journal-statement>p:last-child{font-size:14px;line-height:1.7;color:var(--s);margin:0}
.journal-topics{width:86vw;margin:0 auto 8vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.journal-topics article:nth-child(2){transform:translateY(24px)}.journal-topics img{width:100%;aspect-ratio:1.32;object-fit:cover;border-radius:18px;filter:saturate(.72);display:block;margin-bottom:18px}.journal-topics .kicker{color:var(--s);margin:0 0 8px}.journal-topics h3{font:300 clamp(21px,2vw,31px)/1.05 Georgia,serif;margin:0}
.journal-wide-image{width:86vw;height:68vh;min-height:520px;margin:0 auto 8vw;border-radius:28px;overflow:hidden;position:relative;background:var(--b)}.journal-wide-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.journal-wide-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(50,12,25,.76))}.journal-wide-image>div{position:absolute;z-index:2;left:3vw;bottom:3vw;color:#fff}.journal-wide-image h2{font:300 clamp(42px,6vw,86px)/.88 Georgia,serif;letter-spacing:-.055em;margin:14px 0 0}
.journal-list{padding-top:5vw}.journal-list-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:4vw}.journal-list-head span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--s)}
.journal-list .journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw 2vw;align-items:start}
.journal-list .journal-card,.journal-list .journal-card:nth-child(even){margin-top:0;display:grid;grid-template-rows:auto auto minmax(2.1em,auto) 1fr auto;height:100%;padding-top:0;border-top:0}
.journal-list .journal-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin:0 0 22px;filter:saturate(.76)}
.journal-list .journal-card .kicker{margin:0 0 13px;min-height:1.4em}.journal-list .journal-card h2{font-size:clamp(27px,2.7vw,42px);line-height:1.02;margin:0 0 16px;text-wrap:balance}.journal-list .journal-card>p:not(.kicker){margin:0 0 24px}.journal-list .journal-card>span{align-self:end;justify-self:start;border-bottom:1px solid var(--b);padding-bottom:6px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.journal-empty{max-width:620px;font:300 clamp(25px,3vw,40px)/1.3 Georgia,serif;color:var(--s)}

@media(max-width:760px){
  .journal-feature{width:92vw;height:720px;min-height:0;margin-top:5vw;border-radius:22px}
  .journal-feature-top{padding:28px 24px}.journal-feature-top .kicker{align-self:flex-start}
  .journal-feature h1{font-size:clamp(54px,17vw,74px);line-height:.78;margin-top:28px}
  .journal-feature-bottom{left:24px;right:24px;bottom:24px;grid-template-columns:1fr;gap:22px}
  .journal-feature-bottom>p{display:none}.featured-article h2{font-size:30px;line-height:1.04;margin-bottom:18px}
  .journal-preview-rail{display:none}
  .journal-statement{padding:22vw 6vw 18vw;grid-template-columns:1fr;gap:30px}.journal-facts{gap:24px}.journal-statement h2{font-size:clamp(48px,14vw,68px);line-height:.95}.journal-statement>p:last-child{font-size:16px;max-width:34ch}
  .journal-topics{width:88vw;grid-template-columns:1fr;gap:12vw;margin-bottom:20vw}.journal-topics article:nth-child(2){transform:none}.journal-topics img{border-radius:14px}.journal-topics h3{font-size:30px}
  .journal-wide-image{width:88vw;height:62vh;min-height:440px;margin-bottom:20vw;border-radius:20px}.journal-wide-image>div{left:24px;bottom:24px}.journal-wide-image h2{font-size:45px}
  .journal-list{padding-top:14vw}.journal-list-head{display:grid}.journal-list-head span{line-height:1.7}
  .journal-list .journal-grid{grid-template-columns:1fr;gap:16vw}.journal-list .journal-card h2{font-size:36px}
}
