.blog-hero{min-height:720px;min-height:90svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-bottom:100px;background:linear-gradient(90deg,rgba(16,22,19,.94),rgba(16,22,19,.76) 45%,rgba(16,22,19,.36)),linear-gradient(0deg,rgba(16,22,19,.68),transparent 70%),url('../assets/photos/wall-interior.jpg') center/cover}
.blog-hero .section-top{align-self:stretch;margin-bottom:auto}
.blog-overline{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:90px 0 24px}
.blog-hero h1{font-size:clamp(64px,7.5vw,132px);max-width:1080px}
.blog-hero-lead{max-width:580px;margin:37px 0 32px;color:#c7d0c5;font-size:16px;line-height:1.8}
.blog-list{padding-bottom:140px}
.blog-list-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px;margin:72px 0 65px}
.blog-list-heading h2{font-size:clamp(51px,5.5vw,99px)}
.blog-list-heading p{max-width:370px;color:#62685f;font-size:14px;line-height:1.85}
.blog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.blog-card{display:block;background:#f5f2eb;color:var(--ink);border:1px solid #d8d7ce;transition:transform .45s var(--ease),border-color .45s var(--ease)}
.blog-card:hover{transform:translateY(-5px);border-color:#9d8d75}
.blog-card-image{height:250px;overflow:hidden;background:#d7d3c8}
.blog-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .8s var(--ease),filter .8s var(--ease)}
.blog-card:hover img{transform:scale(1.04);filter:saturate(.9)}
.blog-card-copy{padding:24px 28px 30px;display:flex;flex-direction:column;align-items:flex-start;min-height:290px}
.blog-card-copy>span{color:#87735e;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.blog-card h2{font-weight:400;letter-spacing:-.045em;line-height:1.13;font-size:clamp(25px,2.55vw,37px);margin:19px 0}
.blog-card p{font-size:12px;line-height:1.75;color:#62685f;max-width:540px}
.blog-card b{font-weight:400;border-bottom:1px solid #8c806f;padding-bottom:8px;display:flex;gap:20px;margin-top:auto;font-size:11px}
.blog-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr}
.blog-card-featured .blog-card-image{height:440px}
.blog-card-featured .blog-card-copy{min-height:440px;padding:40px}
.blog-card-featured h2{font-size:clamp(38px,4.2vw,69px);max-width:660px}
.blog-index-cta{border-top:1px solid #bfc1b9;margin-top:75px;padding-top:27px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.blog-index-cta p{max-width:540px;font-size:clamp(20px,2.2vw,32px);line-height:1.4;letter-spacing:-.04em}
.blog-footer{margin-left:var(--nav);background:#151a17;border-top:1px solid #465047;display:flex;justify-content:space-between;gap:24px;padding:35px var(--pad);color:#9ca79d;font-size:10px;letter-spacing:.04em}
.blog-footer a:first-child{font-size:15px;color:var(--paper);letter-spacing:.16em}
.blog-footer a:hover{color:var(--accent)}
.blog-article-hero{padding-top:126px;padding-bottom:0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;color:#a6b0a7;font-size:10px;letter-spacing:.06em}
.breadcrumbs a:hover{color:var(--accent)}
.article-hero-text{padding:75px 0 60px;max-width:1120px}
.article-hero-text .eyebrow{color:var(--accent)}
.article-hero-text h1{font-size:clamp(51px,5.9vw,105px);line-height:1.01;margin:25px 0 32px;max-width:1100px}
.article-hero-text>p{max-width:690px;color:#ccd3c9;font-size:17px;line-height:1.8}
.article-cover{height:560px;margin:0 calc(-1 * var(--pad));position:relative}
.article-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}
.article-cover figcaption{position:absolute;bottom:20px;right:var(--pad);padding:8px 12px;background:rgba(18,24,20,.65);color:#e2e6df;font-size:9px;letter-spacing:.03em;max-width:440px}
.article-reading{padding-top:95px;padding-bottom:130px}
.article-grid{display:grid;grid-template-columns:minmax(170px,260px) minmax(0,760px);justify-content:space-between;gap:65px}
.article-grid aside{align-self:start;border-top:1px solid #9fa49b;padding-top:17px;font-size:11px;color:#777e74;line-height:1.6}
.article-grid aside>span{font-size:10px;color:#8b775f;letter-spacing:.12em}
.article-grid aside ol{padding-left:16px;margin:26px 0 32px}
.article-grid aside li{padding-left:5px;margin-bottom:16px}
.article-grid aside a:hover{color:#7b5e44;text-decoration:underline;text-underline-offset:3px}
.article-content section{scroll-margin-top:110px;border-top:1px solid #b5bcb1;padding:20px 0 58px}
.article-content section>span,.article-answer>span{font-size:10px;color:#89745d;letter-spacing:.1em;text-transform:uppercase}
.article-content h2{font-size:clamp(31px,3vw,49px);line-height:1.15;letter-spacing:-.05em;font-weight:400;margin:19px 0 22px}
.article-content p,.article-content li{color:#4e584d;font-size:15px;line-height:1.9}
.article-content p+p{margin-top:18px}
.article-content ul{padding-left:20px;margin:20px 0 0}
.article-content li{padding-left:6px;margin-bottom:9px}
.article-content a:not(.text-link){text-decoration:underline;text-underline-offset:4px;text-decoration-color:#aa9277}
.article-content a:hover{color:#8b6b50}
.article-answer{background:#e1e2d9;padding:32px 36px;margin:10px 0 65px}
.article-answer h2{font-size:clamp(25px,2.5vw,37px)}
.article-action{border-top:1px solid #9fa49b;padding-top:27px;display:flex;justify-content:space-between;align-items:end;gap:30px}
.article-action p{max-width:415px;font-size:18px;line-height:1.55;letter-spacing:-.025em}
.article-action .text-link{flex-shrink:0}
.related-reading{padding-top:100px;padding-bottom:130px}
.related-reading h2{margin:75px 0 62px;font-size:clamp(54px,5.4vw,92px)}
.related-links{border-top:1px solid var(--line)}
.related-links a{display:grid;grid-template-columns:140px 1fr 25px;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);transition:color .3s var(--ease)}
.related-links a:hover{color:var(--accent)}
.related-links span{font-size:10px;color:#9da89d;letter-spacing:.1em;text-transform:uppercase}
.related-links strong{font-size:clamp(19px,2.3vw,33px);font-weight:400;letter-spacing:-.035em}
.related-links b{font-size:19px;font-weight:400}
@media(max-width:850px){.blog-footer{flex-wrap:wrap}.blog-list-heading{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr;gap:35px}.article-grid aside{border-bottom:1px solid #9fa49b;padding-bottom:18px}.article-grid aside ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}}
@media(max-width:600px){.blog-hero{min-height:680px;min-height:100svh}.blog-hero h1{font-size:clamp(43px,10.8vw,67px)}.blog-overline{margin-top:45px}.blog-hero-lead{font-size:13px;line-height:1.7}.blog-list-heading{margin:46px 0}.blog-list-heading h2{font-size:clamp(46px,10.5vw,67px)}.blog-cards{grid-template-columns:1fr}.blog-card-featured{display:block}.blog-card-featured .blog-card-image,.blog-card-image{height:260px}.blog-card-featured .blog-card-copy,.blog-card-copy{padding:23px;min-height:275px}.blog-card-featured h2,.blog-card h2{font-size:29px}.blog-index-cta{display:block;margin-top:45px}.blog-index-cta .text-link{margin-top:25px}.blog-footer{display:grid;grid-template-columns:1fr 1fr;padding:30px var(--pad)}.blog-article-hero{padding-top:105px}.article-hero-text{padding:45px 0}.article-hero-text h1{font-size:clamp(40px,9.4vw,58px)}.article-hero-text>p{font-size:14px}.article-cover{height:330px}.article-cover figcaption{left:var(--pad);right:var(--pad);font-size:8px}.article-reading{padding-top:55px}.article-grid aside ol{display:block}.article-content section{padding-bottom:43px}.article-content h2{font-size:31px}.article-content p,.article-content li{font-size:13px;line-height:1.8}.article-answer{padding:23px;margin-bottom:45px}.article-action{display:block}.article-action p{font-size:17px}.article-action .text-link{margin-top:24px}.related-reading{padding-top:75px}.related-reading h2{margin:45px 0}.related-links a{grid-template-columns:1fr 20px;gap:12px}.related-links span{grid-column:1/-1}.related-links strong{font-size:21px}}
