/* La Belle Place — editorial extension of the existing black and white site. */
.blog-index{max-width:1510px;margin:auto;padding:clamp(70px,9vw,150px) var(--gutter) 120px}
.blog-index-intro{max-width:950px}
.blog-index-intro>p:first-child{font-size:13px;letter-spacing:.08em;color:#aaa;margin:0 0 25px}
.blog-index-intro h1{font-size:clamp(58px,8vw,112px);line-height:.98;margin:0 0 35px}
.blog-index-intro>p:nth-of-type(2){max-width:690px;font-size:clamp(18px,2vw,25px);line-height:1.6;color:#d3d3d3;margin:0}
.blog-list{margin-top:clamp(110px,13vw,210px)}
.blog-list h2{font-size:clamp(32px,4vw,58px);margin-bottom:34px}
.blog-list ul{padding:0;margin:0;list-style:none;border-top:1px solid #555}
.blog-entry a{display:grid;grid-template-columns:190px minmax(0,1fr) 30px;align-items:center;gap:26px;padding:31px 0;border-bottom:1px solid #333}
.blog-entry a:hover{border-color:#fff}
.blog-guide-banner{max-width:1510px;margin:30px auto 0;padding:0 var(--gutter);font-size:15px}
.blog-guide-banner a{display:inline-block;border-bottom:1px solid #777;padding-bottom:7px}
.blog-entry img{display:block;width:190px;height:114px;object-fit:cover;background:#171717}
.blog-entry picture{display:block}
@media(max-width:700px){.blog-entry a>img{grid-column:1/-1}}
.blog-entry-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.blog-entry-date{font-size:13px;color:#aaa}
.blog-entry strong{font-family:Sifonn,sans-serif;font-size:clamp(23px,2.4vw,36px);font-weight:400;line-height:1.25}
.blog-entry-summary{max-width:65ch;font-size:15px;line-height:1.5;color:#ccc}
.blog-entry-credit{font-size:11px;line-height:1.4;color:#aaa}
.blog-entry-arrow{font-size:24px;text-align:right}
.blog-empty{padding:35px 0;border-bottom:1px solid #333;color:#aaa}
.blog-guide-link{margin:80px 0 0;max-width:580px;font-size:17px;line-height:1.65;color:#c8c8c8}
.blog-guide-link a{text-decoration:underline}
.blog-hero{border-bottom:1px solid #333;padding:75px var(--gutter) 90px}
.blog-hero-inner{max-width:1100px;margin:auto}
.blog-back{font-size:14px;margin:0 0 85px}
.blog-back a{border-bottom:1px solid #777;padding-bottom:7px}
.blog-hero h1{max-width:1050px}
.blog-lede{font-size:clamp(18px,2vw,25px);line-height:1.6;color:#ddd;max-width:780px;margin:0}
.blog-date{font-size:13px;color:#aaa;margin:35px 0 0}
.blog-official-route{max-width:1100px;margin:35px auto 0;padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #555}
.blog-official-route p{font-size:15px;line-height:1.5;color:#ddd;margin:0}
.blog-official-route a{white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.blog-cover{max-width:1100px;margin:70px auto 0;padding:0 var(--gutter)}
.blog-cover img{display:block;width:100%;height:clamp(310px,55vw,650px);object-fit:cover;object-position:center 35%;background:#171717}
.blog-cover figcaption{font-size:12px;line-height:1.5;color:#a9a9a9;margin-top:12px}
.blog-cover figcaption a{text-decoration:underline;text-underline-offset:3px}
.blog-reading{padding-top:100px}
.blog-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;margin:0 0 28px;border-top:1px solid #444}
.blog-facts dl>div{padding:20px 0;border-bottom:1px solid #333}
.blog-facts dt{font-size:12px;letter-spacing:.04em;color:#aaa;margin-bottom:7px}
.blog-facts dd{font-size:19px;line-height:1.4;margin:0}
.article-body .blog-facts>p{font-size:13px;line-height:1.6;color:#aaa}
.blog-reference-link{font-size:16px}
.blog-question{padding:20px 0;border-top:1px solid #333}
.blog-question h3{margin:0 0 12px}
.blog-question p{margin-bottom:0}
.blog-caution{font-size:15px!important;color:#aaa!important}
@media(max-width:700px){.blog-index{padding-top:75px}.blog-index-intro h1{font-size:clamp(48px,12vw,70px)}.blog-list{margin-top:115px}.blog-entry a{grid-template-columns:minmax(0,1fr) 24px;gap:16px;padding:27px 0}.blog-entry picture{grid-column:1/-1}.blog-entry img{width:100%;height:210px}.blog-entry-copy{grid-column:1;min-width:0;gap:10px}.blog-entry-date{font-size:12px}.blog-entry strong{font-size:clamp(22px,6vw,28px)}.blog-entry-summary{font-size:14px;line-height:1.5}.blog-entry-credit{font-size:11px}.blog-entry-arrow{grid-column:2;font-size:21px}.blog-hero{padding-top:45px;padding-bottom:55px}.blog-back{margin-bottom:60px}.blog-official-route{margin-top:24px;display:block}.blog-official-route a{display:inline-block;margin-top:14px;white-space:normal}.blog-cover{margin-top:40px}.blog-cover img{height:430px}.blog-reading{padding-top:55px}.blog-facts dl{grid-template-columns:1fr}}