/* Shared publication grid: three columns, equal cards, explicit editorial previews. */
:is(.editorial #journal #journalGrid,.journal-page #articles){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px 26px;align-items:stretch}.journal-entry{min-width:0;height:100%}.journal-entry>a,.journal-entry-preview-body{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.journal-entry img,.journal-preview-visual{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}.journal-entry-copy{padding:20px 0 0;display:flex;flex-direction:column;flex:1}.journal-entry small{font-size:11px;line-height:1.7;display:block;opacity:.8}.journal-entry h3,.journal-entry h2{font-family:Golos,Arial,sans-serif;font-size:26px;line-height:1.16;letter-spacing:-.035em;margin:12px 0 14px;font-weight:650;min-height:2.32em;text-wrap:balance}.journal-entry p{font-size:15px;line-height:1.7;margin:0 0 20px;max-width:570px;min-height:5.1em}.journal-entry-more{font-size:13px;font-weight:500;margin-top:auto;min-height:26px;display:inline-flex;align-items:center}.journal-entry a:hover :is(h2,h3,.journal-entry-more){color:#bb7c52}.journal-entry a:focus-visible{outline:2px solid #bb7c52;outline-offset:5px}.journal-entry-preview .journal-entry-more{color:#505c69;font-weight:400}.journal-empty{font-size:15px;line-height:1.7;grid-column:1/-1}.journal-preview-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:22px;overflow:hidden;background:#142440;color:#ede7da}.journal-preview-visual small{font-size:9px;letter-spacing:.12em;font-weight:400;opacity:.75}.journal-preview-visual>span{font:650 clamp(20px,2.3vw,34px)/1.1 Golos,Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase;max-width:100%;overflow-wrap:anywhere;position:relative;z-index:1}.journal-preview-visual i{width:30px;height:2px;background:#bb7c52;display:block}.journal-preview-visual[data-tone=olive]{background:#62694e}.journal-preview-visual[data-tone=mineral]{background:#343e3d}.journal-preview-visual[data-tone=paper]{background:#e1dacb;color:#142440;box-shadow:inset 0 0 0 1px #14244024}.journal-page main{width:min(1400px,90%);max-width:none;padding:42px 0 70px}.journal-page .intro{max-width:950px}.journal-page .tools nav{flex-wrap:wrap}.journal-page .journal-entry-copy{padding-top:18px}
@media(max-width:1000px){:is(.editorial #journal #journalGrid,.journal-page #articles){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 22px}.journal-preview-visual>span{font-size:28px}}
@media(max-width:680px){:is(.editorial #journal #journalGrid,.journal-page #articles){grid-template-columns:1fr!important;gap:34px}.journal-entry h3,.journal-entry h2{font-size:27px;min-height:0}.journal-entry p{font-size:15px;min-height:0}.journal-preview-visual{padding:22px}.journal-preview-visual>span{font-size:30px}.journal-page main{padding-top:30px}.journal-page .tools nav{gap:8px 16px}}

/* C15/S06: published cards keep the original gentle lift across journal surfaces. */
.journal-entry-published>a{transition:transform .4s ease}
.journal-entry-published>a:focus-visible{transform:translateY(-5px)}
@media(hover:hover) and (pointer:fine){.journal-entry-published>a:hover{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.journal-entry-published>a{transition:none}.journal-entry-published>a:is(:hover,:focus-visible){transform:none}}

/* Keep the cover viewport fixed while the photograph gently moves inside it. */
.journal-entry-cover{display:block;flex:none;aspect-ratio:16/9;overflow:hidden}
.journal-entry-cover>img{height:100%;transition:transform .5s ease;transform-origin:center}
.journal-entry-published>a:focus-visible .journal-entry-cover>img{transform:scale(1.025)}
@media(hover:hover) and (pointer:fine){.journal-entry-published>a:hover .journal-entry-cover>img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.journal-entry-cover>img{transition:none}.journal-entry-published>a:is(:hover,:focus-visible) .journal-entry-cover>img{transform:none}}

/* Preview covers share the same motion without pretending to be published links. */
.journal-entry-preview-body{transition:transform .4s ease}
.journal-entry-cover>.journal-preview-visual{height:100%;transition:transform .5s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){.journal-entry-preview:hover .journal-entry-preview-body{transform:translateY(-5px)}.journal-entry-preview:hover .journal-preview-visual{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.journal-entry-preview-body,.journal-entry-cover>.journal-preview-visual{transition:none}.journal-entry-preview:hover :is(.journal-entry-preview-body,.journal-preview-visual){transform:none}}

/* Related stories use exactly the same 16:9 cards as the main journal. */
.journal-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;align-items:stretch}.journal-related-more,.journal-related-all{margin-top:24px;margin-right:24px;min-height:44px}.journal-related-grid .journal-entry h3{font-size:26px;line-height:1.16;letter-spacing:-.035em;font-weight:650}.journal-related-grid .journal-entry-cover img{aspect-ratio:16/9;object-fit:cover}.journal-related-grid .journal-entry-copy p{font-size:15px;line-height:1.7;margin:0 0 20px}.journal-related-grid .journal-entry-copy small{font-size:11px;line-height:1.7}.journal-related-grid .journal-entry-more{font-size:13px;font-weight:500}.journal-related-section .journal-entry-copy{padding-top:20px}
@media(max-width:1000px){.journal-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}}@media(max-width:680px){.journal-related-grid{grid-template-columns:1fr;gap:34px}.journal-related-grid .journal-entry h3{font-size:27px}}

.journal-context{font-size:13px;line-height:1.7}.journal-context[hidden]{display:none!important}
body:not(.master-page):not(.location-page) .journal-related-section{padding:54px 0!important;background:#ede7da!important;color:#142440}.journal-related-section>.lp-wrap{width:min(1320px,90%);margin-inline:auto}body:not(.location-page) .journal-related-section .lp-section-heading{margin-bottom:28px}body:not(.location-page) .journal-related-section .lp-kicker{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:18px}body:not(.location-page) .journal-related-section .lp-section-heading h2{font-size:clamp(30px,3.7vw,50px);line-height:1.1;letter-spacing:-.045em}
