/* Blog landing page: a distinct editorial layout using the site's existing palette. */
body .local-journal{background:#f7f5f0;color:#21373a}
.local-journal .blog-hero{background:#104c50;color:#fff;position:relative;overflow:hidden}
.local-journal .blog-hero:before{content:"";position:absolute;width:48rem;height:48rem;right:-22rem;top:-25rem;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 8rem rgba(255,255,255,.025),0 0 0 16rem rgba(255,255,255,.02);pointer-events:none}
.local-journal .lj-masthead{padding-top:clamp(9rem,15vw,13rem);padding-bottom:clamp(3rem,6vw,5rem);position:relative}
.local-journal .lj-title{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:end}
body main#main.local-journal .lj-title h1{color:#fff!important;font-size:clamp(3.6rem,8.8vw,8.5rem)!important;line-height:.92!important;letter-spacing:-.065em;max-width:11ch}
.local-journal .lj-title h1 em{color:#aee5d9;font-style:normal}
body main#main.local-journal .lj-title>p{color:#d1e5e1;max-width:33ch;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}
.local-journal .lj-feature{position:relative;padding-bottom:clamp(4rem,7vw,7rem)}
body .local-journal .lj-feature-layout{grid-template-columns:1fr;background:#fff;border-radius:1.25rem;box-shadow:0 1.5rem 4rem rgba(3,31,35,.2)}
.local-journal .lj-feature-photo{order:2}
.local-journal .lj-feature-photo img{display:block;width:100%;height:100%;min-height:20rem;aspect-ratio:1.4;object-fit:cover}
.local-journal .lj-feature-copy{order:1;padding:clamp(2rem,5vw,5rem);align-items:flex-start}
body main#main.local-journal .lj-feature-copy .lj-label{color:#007f8b!important}
body main#main.local-journal .lj-feature-copy h2{font-size:clamp(2.4rem,4.2vw,4.7rem)!important;letter-spacing:-.045em;line-height:1.03!important;max-width:13ch}
body main#main.local-journal .lj-feature-copy>p:not(.lj-label){color:#4b5563;font-size:1.03rem;line-height:1.7;max-width:42ch}
.local-journal .lj-feature-copy .button{margin-top:2rem}
.local-journal .lj-footnote{margin-top:2rem;border-top:1px solid #e2e8e8;padding-top:1rem;width:100%}
.local-journal .lj-reading{padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(5rem,8vw,8rem)}
.local-journal .lj-section-head{border:0;padding:0;margin-bottom:2rem}
body main#main.local-journal .lj-section-head h1{font-size:clamp(2.8rem,5vw,5rem)!important;line-height:1.05!important;letter-spacing:-.045em;max-width:14ch}
.local-journal .filters{padding-bottom:1.5rem;border-bottom:1px solid #d6dedb;margin-bottom:2.5rem}
body .local-journal .filter{border-radius:99px!important;min-height:2.75rem;padding:.6rem 1.1rem}
body .local-journal .filter[aria-pressed="true"]{background:#104c50!important;border-color:#104c50!important;color:#fff!important}
.local-journal .lj-stories{counter-reset:blog-card;gap:1.5rem}
body .local-journal .journal-card{counter-increment:blog-card;background:#fff;border:1px solid #e2e8e8;border-radius:1rem;overflow:hidden;box-shadow:0 .75rem 2rem rgba(16,76,80,.04);transition:transform .25s ease,box-shadow .25s ease}
.local-journal .journal-card:hover{transform:translateY(-4px);box-shadow:0 1.25rem 2.5rem rgba(16,76,80,.11)}
.local-journal .journal-card a{display:block;height:100%;text-decoration:none}
.local-journal .lj-story-image{border-radius:0}
body .local-journal .lj-story-image img{display:block;aspect-ratio:16/10;object-fit:cover}
.local-journal .lj-story-copy{padding:1.5rem 1.5rem 1.75rem}
.local-journal .lj-story-copy:before{content:"0" counter(blog-card) "  /  STORY";display:block;margin-bottom:1rem;color:#007f8b;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
body main#main.local-journal .lj-story-copy h3{font-size:clamp(1.5rem,2vw,2.1rem)!important;line-height:1.14!important;letter-spacing:-.025em}
body main#main.local-journal .lj-story-copy p{color:#4b5563}
body .local-journal .lj-story-copy .lj-read{background:none!important;border:0!important;color:#007f8b!important;padding:0;margin-top:1.5rem;min-height:1.5rem}
.local-journal .lj-story-copy .lj-read:after{content:"↗";font-size:1.2rem;line-height:1}
body .local-journal .lj-perspective{border-radius:0;background:#104c50;color:#fff;padding-block:clamp(4rem,8vw,8rem)}
.local-journal .lj-perspective-inner{gap:2rem}
.local-journal .lj-symbol{color:#aee5d9;line-height:.8}
body main#main.local-journal .lj-perspective .lj-label{color:#aee5d9!important}
body main#main.local-journal .lj-perspective h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)!important;letter-spacing:-.045em}
body main#main.local-journal .lj-perspective p:not(.lj-label){color:#d1e5e1}
body .local-journal .lj-perspective .lj-read{background:none!important;border-bottom:1px solid #aee5d9!important;color:#fff!important}
.local-journal .lj-local{padding-block:clamp(4rem,7vw,7rem)}
body main#main.local-journal .lj-local h2{font-size:clamp(2.6rem,4.5vw,4.5rem)!important;letter-spacing:-.04em}
@media(min-width:48rem){.local-journal .lj-title{grid-template-columns:1.5fr .65fr}.local-journal .lj-feature-layout{grid-template-columns:1fr 1fr!important}.local-journal .lj-stories{gap:2rem}.local-journal .lj-story-copy{padding:2rem}.local-journal .lj-perspective-inner{grid-template-columns:.65fr 2fr}}
@media(max-width:47.99rem){.local-journal .lj-feature-photo img{min-height:16rem}.local-journal .lj-feature-copy{padding:2rem}.local-journal .lj-symbol{font-size:5rem}}
@media(prefers-reduced-motion:reduce){.local-journal .journal-card{transition:none}.local-journal .journal-card:hover{transform:none}}
/* The article grid is now the complete Blog page. */
body .local-journal .lj-reading{padding-top:clamp(9rem,15vw,12rem)}
@media(max-width:47.99rem){
  body .local-journal .lj-stories{display:grid;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - .75rem)/2);gap:.75rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:1rem}
  body .local-journal .lj-stories>.journal-card{min-width:0;scroll-snap-align:start}
  body .local-journal .lj-story-copy{padding:1rem}
  body main#main.local-journal .lj-story-copy h3{font-size:1.25rem!important}
  body .local-journal .lj-story-copy .lj-read{font-size:.75rem}
}