.article-page{background:#fff;color:#171717}
.article-page .article-header{display:grid;grid-template-columns:1.12fr 1fr;align-items:stretch;padding:0;text-align:left;min-height:590px;background:#17191b;color:#fff}
.article-opening{padding:54px 6vw 64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.article-back{font-size:14px;text-decoration:underline;text-underline-offset:6px;margin-bottom:42px;color:#d0d0d0}
.article-opening .eyebrow{font-size:13px;color:#c6c6c6;margin-bottom:24px;letter-spacing:.14em}
.article-page .article-header h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,3.6vw,62px);font-weight:400;letter-spacing:-.04em;line-height:1.07;margin:0;max-width:820px;text-wrap:balance}
.article-deck{font-size:18px;line-height:1.65;max-width:620px;color:#d3d3d3;margin:28px 0}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 22px;color:#bdbdbd;font-size:14px;line-height:1.7}
.article-cover{margin:0;position:relative;overflow:hidden;min-height:450px}
.article-cover img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.article-cover figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 28px 24px;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:12px;letter-spacing:.14em;color:#fff}
.article-reading{display:grid;grid-template-columns:235px minmax(0,720px);gap:70px;max-width:1110px;padding:75px 28px 60px;margin:auto;align-items:start}
.article-sidebar{position:sticky;top:120px;border-top:1px solid #252525;padding-top:22px}
.article-sidebar .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:22px;color:#6b6b6b}
.article-sidebar ol{max-height:calc(100vh - 270px);overflow:auto;padding:0;list-style:none;counter-reset:sections}
.article-sidebar li{counter-increment:sections;display:flex;gap:13px;margin:0 0 17px;line-height:1.45;font-size:14px}
.article-sidebar li:before{content:counter(sections,decimal-leading-zero);color:#999;font-size:12px;line-height:1.7;flex:none}
.article-sidebar a{text-decoration:none}
.article-sidebar a:hover{text-decoration:underline;text-underline-offset:4px}
.article-sidebar-link{display:block;border-top:1px solid #ddd;margin-top:26px;padding-top:22px;font-size:14px}
.article-page .article-body{max-width:none;width:100%;padding:0;margin:0;font-size:18px;line-height:1.85;color:#434343}
.article-body>p:first-child{font-size:26px;line-height:1.5;color:#171717;margin-bottom:32px}
.article-page .article-body h2{font-size:30px;line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:52px 0 22px;padding-top:26px;border-top:1px solid #dedede;scroll-margin-top:110px;color:#151515;text-wrap:balance}
.article-body p{margin-bottom:24px}
.article-body ul,.article-body ol{padding:28px 30px 18px 48px;background:#f3f4f4;margin:30px 0;border-left:2px solid #171717}
.article-body li{padding-left:6px;margin-bottom:12px}
.article-body li p{margin-bottom:12px}
.article-body blockquote{margin:38px 0;border-left:2px solid #171717;padding:12px 0 12px 26px;font-family:Georgia,serif;font-size:26px;line-height:1.5;color:#171717}
.article-body img{max-width:100%;height:auto}
.article-routine{max-width:1000px;margin:0 auto 80px;display:grid;grid-template-columns:280px 1fr;background:#f1f2f2;align-items:center}
.article-routine-image{padding:22px}
.article-routine-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;mix-blend-mode:multiply}
.article-routine>div:last-child{padding:36px 45px}
.article-routine .eyebrow{font-size:12px;color:#6b6b6b;margin-bottom:14px}
.article-routine h2{font-family:Georgia,serif;font-size:32px;line-height:1.2;font-weight:400;margin-bottom:16px;letter-spacing:-.025em}
.article-routine p{font-size:16px;line-height:1.7;margin-bottom:22px;max-width:500px}
.article-related{padding:64px 6vw 80px;border-top:1px solid #dedede;background:#f7f7f7}
.article-related-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:36px}
.article-related-heading h2{font-family:Georgia,serif;font-weight:400;font-size:40px;letter-spacing:-.025em}
.article-related-heading>a{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.article-read-card{display:block;text-decoration:none}
.article-read-card>div{aspect-ratio:1.55;overflow:hidden;margin-bottom:24px;background:#e5e5e5}
.article-read-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.article-read-card:hover img{transform:scale(1.025)}
.article-read-card .eyebrow{font-size:12px;color:#707070;margin-bottom:12px}
.article-read-card h3{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.25;letter-spacing:-.015em;margin:0 0 18px;text-wrap:balance}
.article-read-card>span{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.article-page a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(min-width:1500px){.article-opening{padding-left:max(6vw,calc((100vw - 1300px)/2))}}
@media(max-width:1000px){.article-page .article-header{min-height:0;grid-template-columns:1.1fr 1fr}.article-opening{padding:42px 32px}.article-page .article-header h1{font-size:40px}.article-cover{min-height:420px}.article-reading{grid-template-columns:190px minmax(0,1fr);gap:40px}.article-routine{margin-left:28px;margin-right:28px}.article-read-card h3{font-size:23px}}
@media(max-width:760px){.article-page .article-header{display:flex;flex-direction:column}.article-opening{padding:32px 24px 38px}.article-back{margin-bottom:32px}.article-page .article-header h1{font-size:clamp(36px,8vw,46px);line-height:1.1}.article-deck{font-size:17px;margin:22px 0}.article-meta{font-size:13px;gap:8px 18px}.article-cover{min-height:0;height:260px}.article-cover figcaption{padding:35px 24px 16px}.article-reading{display:flex;flex-direction:column;gap:36px;padding:36px 24px 40px}.article-sidebar{position:static;width:100%;padding:18px 0;border-bottom:1px solid #ddd}.article-sidebar ol{max-height:none;overflow:visible;columns:2;column-gap:24px}.article-sidebar li{break-inside:avoid;font-size:14px}.article-sidebar-link{display:none}.article-page .article-body{font-size:17px;line-height:1.85}.article-body>p:first-child{font-size:23px}.article-page .article-body h2{font-size:27px;margin-top:38px;padding-top:22px}.article-routine{grid-template-columns:110px 1fr;margin:0 24px 44px;align-items:start}.article-routine-image{padding:18px 6px}.article-routine>div:last-child{padding:24px 18px 24px 6px}.article-routine h2{font-size:25px}.article-routine p{font-size:15px}.article-routine .button{font-size:14px;padding:14px 20px}.article-related{padding:38px 24px 50px}.article-related-heading h2{font-size:32px}.article-related-grid{grid-template-columns:1fr;gap:36px}.article-read-card>div{aspect-ratio:1.8}.article-read-card h3{font-size:27px}}
@media(max-width:390px){.article-sidebar ol{columns:1}.article-routine{grid-template-columns:1fr}.article-routine-image{max-width:170px;margin:auto}.article-routine>div:last-child{padding:0 24px 28px}.article-related-heading{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.article-read-card img{transition:none}.article-read-card:hover img{transform:none}}