.blog-body{background:#fff;color:#064b35}.blog-header{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:22px 8vw;background:#f1eadc;border-bottom:1px solid #064b3520}.blog-brand{width:240px}.blog-brand img{width:100%;height:78px;object-fit:contain;mix-blend-mode:multiply}.blog-header nav{display:flex;gap:35px;font-size:17px;font-weight:650}.blog-header nav a{padding:12px 0}.blog-header [aria-current]{border-bottom:2px solid #9b7938}.blog-intro{padding:85px 8vw 70px;background:#f6f1e7}.blog-intro>p:first-child{font-size:17px;margin-bottom:24px;color:#795b25;font-weight:700}.blog-intro h1{font-size:clamp(55px,6.5vw,100px);line-height:1.06;letter-spacing:-.055em;max-width:950px}.blog-intro>p:last-child{font-size:20px;max-width:660px;margin-top:30px;color:#365344}.blog-index{padding-top:75px}.blog-index h2{font-size:34px;line-height:1.25;margin-top:20px;letter-spacing:-.035em}.article-link{display:inline-block;margin-top:20px;font-size:17px;font-weight:750}.image-note-blog{font-size:14px;color:#435a4d;margin-top:40px}.article-intro{padding:60px 8vw 55px;background:#f6f1e7}.back-link{font-size:16px;display:inline-block;margin-bottom:35px}.article-intro h1{font-size:clamp(42px,5vw,76px);line-height:1.12;letter-spacing:-.045em;max-width:1000px}.article-intro>p{font-size:21px;max-width:740px;color:#365344;margin-top:25px}.article-byline{font-size:16px;display:flex;gap:30px;margin-top:30px;color:#365344}.article-figure{margin:50px 8vw}.article-figure img{width:100%;max-height:650px;object-fit:cover;border-radius:6px}.article-figure figcaption{font-size:14px;color:#435a4d;margin-top:14px}.article-prose{width:min(760px,84vw);margin:65px auto 80px}.article-prose h2{font-size:32px;letter-spacing:-.025em;line-height:1.3;margin-bottom:20px}.article-prose p{font-size:19px;line-height:1.9;margin-bottom:24px;color:#244d3b}.article-prose section{margin-bottom:50px}.article-next{background:#f6f1e7;padding:35px;border-left:3px solid #a98239}.related-posts{padding:70px 8vw;background:#f6f1e7}.related-posts>h2{font-size:36px;letter-spacing:-.035em}.related-posts .journal-list{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.related-posts .journal-list a:first-child{border-top:0}.journal-list a:hover h3,.journal-feature:hover h2,.journal-feature:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.article-figure img{height:auto;max-height:none}.blog-index .journal-feature img{height:auto;aspect-ratio:16/10}
@media(max-width:700px){.blog-header{padding:15px 26px;gap:15px;flex-wrap:wrap}.blog-brand{width:200px}.blog-brand img{height:66px}.blog-header nav{font-size:16px;gap:25px;width:100%;justify-content:space-between}.blog-intro{padding:55px 26px}.blog-intro h1{font-size:48px}.blog-intro>p:last-child{font-size:18px}.blog-index h2{font-size:28px}.article-intro{padding:40px 26px}.article-intro h1{font-size:39px}.article-intro>p{font-size:18px}.article-byline{font-size:15px;flex-direction:column;gap:10px}.article-figure{margin:30px 26px}.article-figure img{aspect-ratio:4/3;object-fit:cover}.article-figure figcaption{font-size:14px}.article-prose{width:calc(100% - 52px);margin:45px auto 55px}.article-prose h2{font-size:28px}.article-prose p{font-size:18px;line-height:1.85}.article-next{padding:25px}.related-posts{padding:50px 26px}.related-posts .journal-list{grid-template-columns:1fr;gap:0}.image-note-blog{font-size:14px}}

/* All page surfaces span the viewport. */
.blog-header,.blog-intro,.article-intro,.journal-section,.related-posts{padding-inline:5vw}.article-figure{margin-inline:5vw}.article-prose{width:100%;max-width:none;margin-inline:0;padding-inline:5vw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 6vw}.article-prose section{max-width:none}.article-prose p{max-width:75ch}.article-next{grid-column:1/-1}.article-intro h1{max-width:none}.blog-intro h1{max-width:none}.article-figure img{max-height:620px;object-fit:cover}.blog-index .journal-feature img{object-position:85% center}.related-posts .journal-list{gap:6vw}
@media(max-width:700px){.blog-header,.blog-intro,.article-intro,.journal-section,.related-posts{padding-inline:26px}.article-figure{margin-inline:26px}.article-prose{display:block;padding-inline:26px;width:100%}.article-figure img{max-height:none}}
