.article-page .header{color:var(--ink)}
.article-page .header nav a[aria-current="page"]{border-bottom:1px solid}
.article-hero{display:grid;min-height:max(94svh,780px);grid-template-columns:1fr 1fr;align-items:stretch;background:var(--paper)}
.article-hero__light{display:grid;place-items:center;background:radial-gradient(circle at 52% 46%,#fff 0 5%,var(--aqua) 15%,var(--lilac) 37%,var(--rose) 61%,var(--paper) 82%);overflow:hidden}
.article-hero__light span{color:#fff;font-size:90px;text-shadow:0 0 15px #fff,0 0 50px var(--violet)}
.article-hero__copy{display:flex;padding:190px max(48px,calc((100vw - 1160px)/2)) 90px 75px;flex-direction:column;justify-content:flex-end}
.article-meta{display:flex;justify-content:space-between;margin:0 0 40px;font-size:8px;font-weight:700;letter-spacing:.14em}
.article-hero h1{margin:0;font:400 clamp(42px,4.3vw,66px)/1.5 var(--serif)}
.article-hero h1 span{display:block;white-space:nowrap}
.article-lead{max-width:600px;margin:35px 0 0;color:rgba(85,73,111,.72);font-size:14px;line-height:2.1}
.article-body{width:min(760px,calc(100% - 44px));margin:0 auto;padding:150px 0 100px}
.article-opening{margin:0 0 140px;font:400 clamp(25px,3.1vw,39px)/2 var(--serif);text-align:center}
.article-body section{margin:0 0 130px}
.article-body h2{margin:0 0 42px;font:400 clamp(30px,3.3vw,46px)/1.7 var(--serif)}
.article-body section>p:not(.section-number){margin:0 0 24px;color:rgba(85,73,111,.82);font-size:15px;line-height:2.25}
.section-number{margin:0 0 23px;color:var(--violet);font-size:8px;font-weight:700;letter-spacing:.16em}
.article-body blockquote{margin:65px -80px;padding:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:400 clamp(25px,3vw,39px)/1.8 var(--serif);text-align:center}
.article-highlight{margin-right:-100px!important;margin-left:-100px!important;padding:75px 100px;background:linear-gradient(135deg,rgba(233,214,248,.42),rgba(223,247,251,.5))}
.article-body ul{margin:32px 0;padding:28px 36px;border:1px solid var(--line);list-style:none}
.article-body li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.article-body li:last-child{border:0}
.article-body li:before{margin-right:12px;color:var(--violet);content:"✦"}
.article-conclusion{padding:72px;background:linear-gradient(135deg,#8f78ba,#92a4d7,#70becd);color:white}
.article-body .article-conclusion p{color:rgba(255,255,255,.88)!important}
.article-conclusion a{display:flex;max-width:360px;min-height:56px;align-items:center;justify-content:space-between;margin-top:42px;padding:12px 18px;border:1px solid rgba(255,255,255,.75);font-size:11px;font-weight:700;text-decoration:none}
.article-note{padding:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:rgba(85,73,111,.62);font-size:10px;line-height:2}
.article-back{display:flex;width:min(1160px,calc(100% - 44px));margin:0 auto 100px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}.article-back a{font-size:9px;font-weight:700;letter-spacing:.12em;text-decoration:none}
@media(max-width:760px){.article-hero{min-height:760px;grid-template-columns:1fr;grid-template-rows:330px 1fr}.article-hero__copy{padding:50px 22px 70px}.article-meta{margin-bottom:28px}.article-hero h1{font-size:28px}.article-lead{font-size:12px}.article-body{padding:95px 0 70px}.article-opening{margin-bottom:95px;font-size:23px}.article-body section{margin-bottom:90px}.article-body h2{margin-bottom:30px;font-size:25px}.article-body section>p:not(.section-number){font-size:14px;line-height:2.15}.article-body blockquote{margin:48px 0;padding:35px 10px;font-size:23px}.article-highlight{margin-right:-11px!important;margin-left:-11px!important;padding:55px 22px}.article-conclusion{padding:48px 23px}.article-back{margin-bottom:70px}}