/* Journal article layout */
.art-hero{position:relative;min-height:54vh;background:var(--mid);color:var(--bone);overflow:hidden;display:flex;align-items:flex-end}
.art-hero .media{position:absolute;inset:0;background:center/cover no-repeat;opacity:.5;transform:scale(1.06);animation:kb 26s var(--ease) infinite alternate}
.art-hero .scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(24,29,41,.92),rgba(24,29,41,.3) 55%,rgba(24,29,41,.5))}
.art-hero .in{position:relative;width:100%;max-width:900px;margin:0 auto;padding:170px 48px 64px}
.art-hero .k{font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--peach)}
.art-hero h1{font-family:var(--disp);font-weight:700;font-size:clamp(36px,4.6vw,62px);line-height:1.04;letter-spacing:.05em;text-transform:uppercase;margin-top:18px;max-width:18ch;text-wrap:balance}
.art-hero .meta{display:flex;gap:26px;margin-top:22px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(246,241,231,.65)}
.art{max-width:720px;margin:0 auto;padding:80px 48px 0}
.art p{font-size:17px;line-height:1.85;color:rgba(51,41,31,.85);margin-bottom:26px;text-wrap:pretty}
.art h2{font-family:var(--disp);font-weight:700;font-size:24px;letter-spacing:.1em;text-transform:uppercase;margin:52px 0 20px}
.art .lead{font-size:20px;line-height:1.75;color:var(--esp)}
.art .pull{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 8px;margin:48px 0;font-family:var(--disp);font-weight:500;font-size:clamp(21px,2.4vw,27px);line-height:1.45;letter-spacing:.02em;text-transform:uppercase;text-align:center;text-wrap:balance}
.art .pull em{font-style:normal;color:var(--terra)}
.art ul{margin:0 0 26px 22px}
.art li{font-size:16.5px;line-height:1.8;color:rgba(51,41,31,.85);margin-bottom:10px}
.art .fig{margin:48px -90px}
.art .fig .ph{aspect-ratio:16/9}
@media(max-width:1020px){.art .fig{margin:40px 0}}
.art .note{background:var(--oat);border:1px solid var(--line);padding:26px 30px;font-size:15px;line-height:1.7;margin:0 0 26px}
.byline{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);margin-top:64px;padding-top:32px}
.byline .av{width:54px;height:54px;border-radius:50%;background:var(--wheat) center/cover no-repeat;flex:none}
.byline b{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;display:block}
.byline span{font-size:12px;color:rgba(51,41,31,.6)}
.related{max-width:1280px;margin:0 auto;padding:110px 48px 0}
