.blog-list{padding-top:0}
.blog-entry{display:grid;grid-template-columns:140px minmax(0,1fr) 44px;gap:4%;align-items:start;padding:40px 0;border-top:1px solid var(--line)}
.blog-entry:last-child{border-bottom:1px solid var(--line)}
.blog-category{color:var(--wine);font-size:12px;font-weight:800;padding-top:8px}
.blog-entry h2{font-size:clamp(26px,3.2vw,42px);line-height:1.16;letter-spacing:-.045em;font-weight:600;max-width:27ch}
.blog-entry p{margin-top:18px;max-width:57ch;color:var(--reading);font-size:15px;line-height:1.8}
.blog-entry:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.blog-entry .arrow-icon{margin-top:8px;width:28px;height:28px}
.blog-meta{display:block;margin-top:18px;color:var(--muted);font-size:12px;font-weight:500}
.blog-article-hero h1{font-size:clamp(52px,7.4vw,106px);max-width:22ch;text-transform:uppercase}
.blog-article-hero .blog-meta{color:inherit}
.blog-reading{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:9%;align-items:start}
.blog-contents{position:sticky;top:120px;font-size:12px}
.blog-contents h2{font-size:13px;margin-bottom:18px;font-weight:800}
.blog-contents ol{padding-left:18px;margin:0}
.blog-contents li{padding:0 0 15px 7px;line-height:1.65;color:var(--reading)}
.blog-contents a:hover{text-decoration:underline;text-underline-offset:4px}
.blog-prose{max-width:710px}
.blog-prose section+section{margin-top:48px}
.blog-prose h2{font-size:clamp(25px,3vw,36px);line-height:1.2;font-weight:600;letter-spacing:-.04em;margin-bottom:20px;scroll-margin-top:120px}
.blog-prose p{font-size:17px;line-height:1.85;color:var(--reading)}
.blog-related{margin-top:72px;border-top:1px solid var(--line);padding-top:32px}
.blog-related h2{font-size:25px;margin-bottom:18px}
.blog-related a{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}
.blog-related a:hover{text-decoration:underline}
@media(min-width:601px) and (max-width:1000px){.header-caption{display:none}.nav{gap:20px}.blog-reading{gap:6%}}
@media(max-width:600px){.blog-entry{grid-template-columns:minmax(0,1fr) 28px;gap:15px;padding:30px 0}.blog-category{grid-column:1/-1;padding-top:0}.blog-entry h2{font-size:29px}.blog-entry p{font-size:14px}.blog-entry .arrow-icon{width:24px;height:24px}.blog-article-hero h1{font-size:clamp(42px,11.5vw,68px);line-height:1.08;overflow-wrap:normal}.blog-reading{grid-template-columns:1fr;gap:36px}.blog-contents{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.blog-prose p{font-size:16px}.blog-prose section+section{margin-top:36px}.blog-related{margin-top:48px}}