/* Journal: extends the existing Boon Sanctuary design system. */
.journal-page h1,.journal-page h2,.journal-page h3{text-wrap:balance}
.journal-page .phero{height:70dvh;min-height:500px;max-height:800px}
.journal-page .phero-inner{width:min(1280px,88vw);padding:0 0 clamp(3rem,7vh,5rem)}
.journal-page .phero h1{font-size:clamp(3.2rem,7vw,6rem);letter-spacing:-.035em;max-width:14ch}
.journal-page .phero-sub{max-width:35rem;color:#EFEAE1;font-size:clamp(1.05rem,1.6vw,1.35rem)}
.journal-page .phero-scrim{background:linear-gradient(180deg,rgba(20,26,25,.55),rgba(20,26,25,.08) 35%,rgba(20,26,25,.85))}
.journal-intro{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;padding-bottom:2.3rem;border-bottom:1px solid var(--line)}
.journal-intro p{max-width:34rem}
.journal-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem);align-items:center;padding-top:clamp(2.5rem,6vw,5rem)}
.journal-feature+.journal-feature{margin-top:clamp(3.5rem,8vw,7rem);padding-top:clamp(3.5rem,8vw,7rem);border-top:1px solid var(--line)}
.journal-feature:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.journal-feature:nth-of-type(even) .journal-photo{order:2}
.journal-photo{display:block;overflow:hidden;aspect-ratio:4/3;background:var(--char)}
.journal-photo img{width:100%;height:100%;object-fit:cover;transition:transform 800ms var(--ease-out)}
.journal-photo:hover img{transform:scale(1.025)}
.journal-feature .d2{font-size:clamp(2rem,3.4vw,3.25rem);max-width:19ch}
.journal-meta{display:flex;gap:1rem;align-items:center;color:#625C51;font:400 .78rem/1.4 var(--sans);margin-bottom:1.4rem}
.journal-meta span+span{padding-left:1rem;border-left:1px solid var(--line)}
.journal-feature .body{margin:1.5rem 0 2rem;max-width:40ch}
.journal-link{display:inline-flex;align-items:center;gap:1.5rem;padding-bottom:.7rem;border-bottom:1px solid currentColor;font:500 .73rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.journal-link span{font-size:1.3rem;transition:transform .3s ease}
.journal-link:hover span{transform:translateX(4px)}
.journal-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:3rem}
.journal-cta .d2{max-width:16ch}.journal-cta .body{max-width:42ch;margin-top:1.4rem}
.journal-article .phero{height:76dvh;min-height:560px}
.journal-article .phero h1{max-width:22ch;font-size:clamp(2.6rem,5.1vw,4.8rem);line-height:1.06}
.journal-breadcrumb{display:flex;gap:.65rem;flex-wrap:wrap;color:#EFEAE1;font:400 .8rem/1.4 var(--sans);margin-bottom:2rem}
.journal-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.journal-reading{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,2.4fr);gap:clamp(3rem,8vw,8rem);align-items:start}
.journal-aside{position:sticky;top:7rem;color:#564E43;font:400 .83rem/1.7 var(--sans)}
.journal-aside .journal-label{font:400 1.2rem/1.4 var(--display);color:var(--tx);margin-bottom:1rem}
.journal-aside nav{display:flex;flex-direction:column;gap:.7rem;border-top:1px solid var(--line);padding-top:1.3rem}
.journal-aside a:hover{text-decoration:underline;text-underline-offset:4px}
.journal-aside .journal-link{margin-top:2rem;font-size:.67rem}
.journal-prose{max-width:66ch}
.journal-prose p{font:400 clamp(1rem,1.1vw,1.08rem)/1.85 var(--sans);color:#564E43;text-wrap:pretty}
.journal-prose>p:first-child{font:300 clamp(1.25rem,2vw,1.65rem)/1.65 var(--display);color:var(--tx);margin-bottom:3rem}
.journal-prose section{margin-top:2.7rem;scroll-margin-top:7rem}
.journal-prose h2{font:400 clamp(1.65rem,2.4vw,2.25rem)/1.16 var(--display);letter-spacing:-.025em;color:var(--tx);margin-bottom:1.15rem}
.journal-prose figure{margin:3rem 0}.journal-prose figure img{width:100%;height:auto}
.journal-prose figcaption{font:400 .76rem/1.6 var(--sans);color:#625C51;margin-top:.8rem}
.journal-prose a{text-decoration:underline;text-underline-offset:4px}
.journal-related{padding-top:3rem;border-top:1px solid var(--line);margin-top:3rem}
@media(max-width:760px){
 .journal-page .phero{height:66dvh;min-height:460px}
 .journal-intro{display:block}.journal-intro p{margin-top:1rem}
 .journal-feature,.journal-feature:nth-of-type(even){grid-template-columns:1fr;gap:1.8rem}
 .journal-feature:nth-of-type(even) .journal-photo{order:0}
 .journal-photo{aspect-ratio:4/3}.journal-feature .d2{max-width:23ch}
 .journal-feature .body{margin:1.1rem 0 1.5rem}
 .journal-cta .wrap{display:block}.journal-cta .btn-fill{margin-top:2rem}
 .journal-article .phero{height:auto;min-height:560px;padding-top:9rem}
 .journal-article .phero h1{font-size:clamp(2.4rem,8vw,3.3rem)}
 .journal-reading{grid-template-columns:1fr;gap:2rem}
 .journal-aside{position:static}.journal-aside nav{display:none}.journal-aside .journal-label{display:none}.journal-aside .journal-link{margin:0}
 .journal-prose>p:first-child{margin-bottom:2rem}.journal-prose section{margin-top:2.2rem}
}
@media(prefers-reduced-motion:reduce){.journal-photo img,.journal-link span{transition:none}.journal-photo:hover img{transform:none}}
.journal-page .phero-img img{top:0;height:100%;object-position:50% 28%}

.journal-photo picture,.journal-page .phero-img picture{display:block;width:100%;height:100%}
.journal-prose figure picture{display:block}