/* The article cover belongs to the lower hero layer; reading stays on paper. */
.article.article-page{width:100%;max-width:none;margin:0;padding:0;min-height:75svh;isolation:isolate;overflow:clip}
.article-hero{position:relative;display:grid;place-items:center;min-height:clamp(520px,72svh,780px);padding:190px 40px 136px;isolation:isolate;background:#72827c}
.article-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.article-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#17232126,#17232161 46%,#1723214d)}
.article-hero-copy{width:min(100%,960px);text-align:center;color:#fff;text-shadow:0 2px 18px #12221b66;position:relative;z-index:1}
.article-hero-category{display:inline-block;font-size:12px;letter-spacing:.18em;margin-bottom:17px;text-underline-offset:5px}
.article-hero-category:hover{text-decoration:underline}
.article-page .article-hero h1{font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.5;letter-spacing:.025em;margin:0;text-wrap:balance;overflow-wrap:anywhere}
.article-hero-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 13px;margin-top:25px;font-size:13px;letter-spacing:.03em;font-variant-numeric:tabular-nums}
.article-hero-meta .sample{color:#fff;background:#ffffff26;border:1px solid #ffffff69;text-shadow:none;padding:1px 9px}
.article-content-layer{position:relative;z-index:2;isolation:isolate;background:#fff;margin-top:-36px;padding-top:1px}
.article-content-layer:before,.article-content-layer:after{content:"";position:absolute;pointer-events:none;left:-12%;width:124%;height:72px;top:-38px;background:#fff;z-index:-1;border-radius:46% 54% 0 0 / 95% 100% 0 0;transform:rotate(2deg);transform-origin:center}
.article-content-layer:after{top:-51px;left:-10%;width:125%;height:82px;background:#ffffff70;transform:rotate(-3deg);z-index:-2}
.article-page .article-content-inner{position:relative;width:min(760px,calc(100% - 64px));max-width:none;min-height:0;margin:auto;padding:28px 0 65px}
.article-content-inner .breadcrumbs{font-size:13px;margin:5px 0 40px;gap:10px}
.article-content-inner .breadcrumbs a:last-child{color:#6b846e;background:#edf3ec;border-radius:12px;padding:4px 12px}
.article-page .article-lead{font-size:18px;line-height:2;font-weight:500;color:#647f69;margin:0 0 25px;padding:0;border:0;overflow-wrap:anywhere}
.article-content-inner>.tags{margin:0 0 30px}
.article-content-inner .article-body{padding-top:1px}
.reading-article #page-backdrop{display:none}
.reading-article .site-footer{background:#fff}
@media(max-width:700px){
 .article-hero{min-height:clamp(460px,68svh,650px);padding:165px 24px 115px}
 .article-page .article-hero h1{font-size:clamp(27px,7vw,36px);line-height:1.6;letter-spacing:.015em}
 .article-hero-category{font-size:11px;margin-bottom:13px}
 .article-hero-meta{font-size:11px;gap:7px 10px;margin-top:21px}
 .article-content-layer{margin-top:-30px}
 .article-content-layer:before{top:-24px;height:49px}
 .article-content-layer:after{top:-35px;height:60px}
 .article-page .article-content-inner{width:calc(100% - 40px);padding:25px 0 50px}
 .article-content-inner .breadcrumbs{font-size:12px;margin-bottom:32px}
 .article-page .article-lead{font-size:16px;line-height:2.1;margin-bottom:22px}
}
@media(max-height:520px) and (orientation:landscape){
 .article-hero{min-height:430px;padding:145px 36px 100px}
 .article-page .article-hero h1{font-size:30px}
}