.journal-page { background: var(--surface); color: var(--foreground); }
.journal-page .section-kicker { letter-spacing: 0; }
.journal-hero { min-height: 610px; padding: calc(var(--header-height) + 32px) 8vw 76px; display: flex; align-items: end; color: var(--card); background: var(--hero-scrim),url('Assets/images/heroes/pages/journal-hero.webp') center/cover; }
.journal-hero__content { width: min(780px,100%); }
.journal-hero .section-kicker { color: var(--line); }
.journal-hero h1 { margin: 28px 0 24px; font: 500 clamp(54px,7vw,98px)/1.15 var(--font-subheading); }
.journal-hero h1 em { color:var(--accent-text); font-weight: 500; }
.journal-hero p { max-width: 600px; margin: 0; color: var(--line); font-size: 16px; }
.journal-hero__topics { margin-top: 38px; display: flex; flex-wrap: wrap; gap: 9px; }
.journal-hero__topics a { min-height: 42px; padding: 0 15px; display: inline-flex; align-items: center; border: 1px solid var(--surface-glass); border-radius: 5px; color: var(--card); font-size: 10px; font-weight: 700; text-decoration: none; transition: background .2s ease,border-color .2s ease; }
.journal-hero__topics a:hover,.journal-hero__topics a:focus-visible { background: var(--card); border-color: var(--card); color: var(--foreground); }
.journal-hero__topics a:focus-visible,.journal-story summary:focus-visible,.journal-cta a:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }

.journal-intro { padding: 90px 9vw; display: grid; grid-template-columns: 1fr .8fr; gap: 9vw; align-items: end; background: var(--card); }
.journal-intro h2 { margin: 28px 0 0; font: 500 clamp(42px,5vw,72px)/1.15 var(--font-subheading); }
.journal-intro h2 em,.journal-cta h2 em { color:var(--accent-text); font-weight: 500; }
.journal-intro > p { max-width: 480px; margin: 0; color: var(--text-muted); font-size: 14px; }

.journal-story { min-height: 590px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); scroll-margin-top: 92px; }
.journal-story--reverse .journal-story__image { order: 2; }
.journal-story__image { min-height: 590px; background-position: center; background-size: cover; }
.journal-story__image--light { background-image: url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1300&q=86'); }
.journal-story__image--garden { background-image: url('https://images.unsplash.com/photo-1598902108854-10e335adac99?auto=format&fit=crop&w=1300&q=86'); }
.journal-story__image--space { background-image: url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1300&q=86'); }
.journal-story__copy { padding: 76px 8vw; display: flex; flex-direction: column; justify-content: center; background: var(--surface); }
.journal-story--reverse .journal-story__copy { background: var(--surface-soft); }
.journal-story__meta { display: flex; gap: 18px; color:var(--accent-text); font-size: 10px; font-weight: 700; }
.journal-story__meta span + span { color: var(--text-muted); }
.journal-story h2 { max-width: 560px; margin: 20px 0 22px; font: 500 clamp(34px,4vw,54px)/1.15 var(--font-subheading); }
.journal-story__lead { max-width: 560px; margin: 0; color: var(--text-muted); font-size: 14px; line-height: 1.7; }
.journal-story details { max-width: 580px; margin-top: 28px; border-top: 1px solid var(--line); }
.journal-story summary { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; color: var(--foreground); font-size: 11px; font-weight: 700; cursor: pointer; }
.journal-story summary::-webkit-details-marker { display: none; }
.journal-story summary span { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--text-muted); border-radius: 50%; font-size: 17px; transition: transform .2s ease; }
.journal-story details[open] summary span { transform: rotate(45deg); }
.journal-story__body { padding: 4px 0 12px; color: var(--text-muted); font-size: 13px; line-height: 1.75; }
.journal-story__body p { margin: 0 0 16px; }

.journal-cta { padding: 96px 9vw; display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: end; color: var(--card); background: var(--foreground); }
.journal-cta .section-kicker { color: var(--text-muted); }
.journal-cta h2 { margin: 28px 0 0; font: 500 clamp(40px,5vw,70px)/1.15 var(--font-subheading); }
.journal-cta a { min-height: 48px; padding: 0 20px; display: inline-flex; align-items: center; gap: 12px; border-radius: 5px; background: var(--button-bg); color: var(--button-fg); font-size: 11px; font-weight: 700; text-decoration: none; transition: transform .2s ease; }
.journal-cta a:hover,.journal-cta a:focus-visible { transform: translateY(-2px); }

@media(max-width:900px){
    .journal-intro,.journal-story,.journal-cta { grid-template-columns: 1fr; }
    .journal-intro { gap: 28px; }
    .journal-story--reverse .journal-story__image { order: 0; }
    .journal-story__image { min-height: 420px; }
    .journal-story__copy { padding: 62px 8vw 70px; }
    .journal-cta { align-items: start; }
    .journal-cta a { width: fit-content; }
}
@media(max-width:620px){
    .journal-hero { min-height: 550px; padding: calc(var(--header-height) + 30px) 6vw 60px; }
    .journal-hero h1 { font-size: 54px; }
    .journal-hero__topics { display: grid; grid-template-columns: 1fr 1fr; }
    .journal-intro,.journal-story__copy,.journal-cta { padding-right: 6vw; padding-left: 6vw; }
    .journal-story__image { min-height: 310px; }
    .journal-story h2 { font-size: 37px; }
    .journal-cta a { width: 100%; justify-content: center; }
}
@media(prefers-reduced-motion:reduce){.journal-hero__topics a,.journal-story summary span,.journal-cta a{transition-duration:.01ms!important}}
@media(min-width:801px){
 .journal-hero,.journal-intro,.journal-story__copy,.journal-cta{padding-right:var(--page-gutter);padding-left:var(--page-gutter)}
 .journal-intro{gap:var(--layout-gap)}
}