.article-back{background:#efe5da;border-bottom:1px solid var(--line)}.article-back>div{min-height:57px;display:flex;align-items:center;gap:25px}.article-back a,.article-back span,.copy-link{font-size:9px;text-transform:uppercase;letter-spacing:.13em}.article-back a{color:var(--brown);font-weight:700}.article-back span{color:var(--muted)}.copy-link{border:0;background:none;color:var(--brown);margin-left:auto}.article-head{padding:36px 0 65px}.article-feature{height:min(510px,55vw);min-height:330px;object-fit:cover}.article-heading{max-width:850px;padding:28px 0 0}.article-kicker{display:flex;gap:16px;color:var(--brown);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.article-heading h1{font:500 clamp(3.1rem,6vw,5.7rem)/.84 var(--serif);letter-spacing:-.045em;margin:16px 0 20px}.article-intro{font:18px/1.5 var(--sans);color:var(--muted);max-width:650px;margin-bottom:18px}.article-byline{font-size:10px;color:var(--muted)}.article-byline span{padding:0 7px;color:var(--brown)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:10%;align-items:start}.article-body{font-size:16px;line-height:1.7;color:#514b46}.article-body-wide{max-width:780px}.article-body p{margin:0 0 24px}.article-body h2{font:500 35px/1 var(--serif);color:var(--ink);margin:45px 0 15px}.toc{position:sticky;top:24px;background:#f0e7dd;padding:22px 20px;display:flex;flex-direction:column;gap:11px}.toc strong{text-transform:uppercase;color:var(--brown);font-size:10px;letter-spacing:.15em;margin-bottom:5px}.toc a{font-size:12px;color:var(--muted)}.toc a:hover{color:var(--brown)}.article-image{position:relative;border:0;padding:0;background:none;width:100%;display:block;cursor:zoom-in;margin:30px 0}.article-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-image span{position:absolute;left:-9999px}.article-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.article-image-pair .article-image{margin:0}.article-image-pair .article-image img{aspect-ratio:1.1}.article-share{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:55px;display:flex;justify-content:space-between;align-items:center}.article-share strong{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.article-share .copy-link{margin:0;border:1px solid #cfb8a3;padding:9px 13px}.article-next{display:flex;justify-content:space-between;gap:25px;padding:42px 0 90px}.article-next a{display:flex;flex-direction:column;gap:9px;max-width:48%}.article-next a:last-child{text-align:right}.article-next small{color:var(--brown);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.article-next strong{font:500 23px/1 var(--serif);color:var(--ink)}.related-articles{padding-bottom:90px}.related-articles h2{font:500 clamp(2.6rem,4vw,4rem)/.9 var(--serif);margin:0 0 25px}.related-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-article-grid a img{height:190px;margin-bottom:13px}.related-article-grid a span{display:block;color:var(--brown);text-transform:uppercase;letter-spacing:.13em;font-size:9px}.related-article-grid strong{display:block;font:500 23px/1 var(--serif);margin:8px 0 13px}.related-article-grid b{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--brown)}.article-cta{height:320px;position:relative;color:white;display:flex;align-items:center}.article-cta>img,.article-cta>span{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.article-cta>span{background:linear-gradient(90deg,rgba(12,9,7,.83),rgba(12,9,7,.22))}.article-cta>.container{position:relative}.article-cta h2{font:500 clamp(2.8rem,5vw,4.5rem)/.85 var(--serif);margin:0 0 20px}.article-cta .hero-actions{margin-top:16px}.article-lightbox{position:fixed;z-index:20;inset:0;background:rgba(15,11,8,.95);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.article-lightbox.is-open{opacity:1;visibility:visible}.article-lightbox figure{width:min(88vw,1200px);height:86vh;margin:0;display:flex;flex-direction:column;align-items:center}.article-lightbox figure img{width:100%;height:calc(100% - 22px);object-fit:contain}.article-lightbox figcaption{color:white;font-size:10px}.article-lightbox button{position:absolute;background:none;border:0;color:white;cursor:pointer}.article-lightbox-close{right:22px;top:16px;font-size:34px}.article-lightbox-prev,.article-lightbox-next{top:50%;font:300 48px var(--serif);padding:12px}.article-lightbox-prev{left:18px}.article-lightbox-next{right:18px}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,820px);justify-content:center;gap:0}.toc{position:static;order:-1;margin-bottom:28px;display:block;padding:0;background:#f0e7dd}.toc-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:none;padding:14px 16px;color:var(--brown);font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.14em}.toc-toggle span{font-size:18px;font-weight:400}.toc a{display:none;padding:0 16px 10px}.toc.is-open a{display:block}.toc.is-open .toc-toggle span{transform:rotate(45deg)}.article-body{max-width:820px}}
@media(max-width:767px){.article-back>div{min-height:70px;display:grid;grid-template-columns:1fr auto;gap:6px}.article-back span{grid-column:1/-1;grid-row:2;font-size:8px}.article-back .copy-link{grid-column:2;grid-row:1}.article-head{padding:25px 0 48px}.article-feature{height:290px;min-height:0}.article-heading{padding-top:23px}.article-kicker{gap:9px;font-size:8px}.article-heading h1{font-size:clamp(3rem,13vw,4.5rem)}.article-intro{font-size:15px}.article-body{font-size:15px;line-height:1.7}.article-body h2{font-size:31px;margin-top:36px}.toc{padding:17px 15px;margin-bottom:30px}.toc a{font-size:11px}.article-image-pair{gap:7px}.article-share{display:block}.article-share .copy-link{margin-top:15px}.article-next{display:block;padding:32px 0 62px}.article-next a{max-width:none;margin-bottom:27px}.article-next a:last-child{text-align:left}.related-articles{padding-bottom:70px}.related-article-grid{grid-template-columns:1fr;gap:25px}.related-article-grid a img{height:240px}.article-cta{height:auto;min-height:500px;padding:70px 0}.article-cta h2{font-size:clamp(3rem,13vw,4rem)}.article-lightbox figure{width:100%;height:75vh}}
@media(max-width:767px){.article-head{padding-top:22px}.article-feature{aspect-ratio:1.25;object-fit:cover}.article-heading h1{line-height:.88}.article-body{width:100%}}

/* Final blog-detail layout correction */
.article-back>div,.article-head,.article-layout{width:calc(100% - 48px);max-width:1320px;margin-inline:auto}
.article-head{display:flex;flex-direction:column}
.article-heading{order:1;width:100%}
.article-feature{order:2;width:100%;margin-top:28px}
.article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:64px}
.article-body{grid-column:1;grid-row:1;max-width:900px;width:100%;font-size:17px;line-height:1.78}
.article-body:only-child{grid-column:1 / -1}
.toc{grid-column:2;grid-row:1;position:sticky;top:110px;align-self:start;height:max-content;min-height:0;padding:20px 18px;gap:10px}
.toc-toggle{display:block;border:0;background:none;padding:0;color:var(--brown);font:600 10px var(--sans);text-align:left;text-transform:uppercase;letter-spacing:.15em}
.toc-toggle span{display:none}
.toc a{display:block;line-height:1.45}
.article-body h2{scroll-margin-top:120px}

@media (min-width:901px) and (max-width:1023px){
  .article-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .toc{grid-column:1;grid-row:1;position:static;margin-bottom:28px}
  .article-body{grid-column:1;grid-row:2;max-width:900px}
}

@media (max-width:900px){
  .article-back>div,.article-head,.article-layout{width:calc(100% - 40px)}
  .article-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .toc{grid-column:1;grid-row:1;position:static;order:0;margin-bottom:28px;padding:0;background:#f0e7dd}
  .article-body{grid-column:1;grid-row:2;max-width:900px;font-size:16px;line-height:1.75}
  .toc-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:14px 16px;text-align:left}
  .toc-toggle span{display:block;font-size:18px;font-weight:400;line-height:1;transition:transform .2s ease}
  .toc a{display:none;padding:0 16px 10px}
  .toc.is-open a{display:block}
  .toc.is-open .toc-toggle span{transform:rotate(45deg)}
}
