/* Long-form journal: a quiet editorial layout within Elemntal's existing brand. */
#main.at-article-page{background:#fff;color:#283d38}
#main.at-article-page *{box-sizing:border-box}
#main.at-article-page h1,#main.at-article-page h2{font-family:Italiana,Georgia,serif;font-weight:400;letter-spacing:-.03em;line-height:1.13;color:#283d38}
#main.at-article-page h1{font-size:clamp(42px,5vw,76px);max-width:1100px;margin:22px auto 26px}
#main.at-article-page h2{font-size:clamp(32px,3.2vw,46px);margin:0 0 29px}
#main.at-article-page h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.6;letter-spacing:-.015em;margin:32px 0 18px;color:#304e44}
#main.at-article-page p{font-size:16px;line-height:1.95;color:#4b5e57;margin:0 0 24px}
#main.at-article-page a{color:#246f83;text-underline-offset:4px}
#main.at-article-page a:hover{text-decoration-thickness:2px}
#main.at-article-page a:focus-visible{outline:3px solid #328da7;outline-offset:5px}
#main.at-article-page .at-kicker{font-size:10px;letter-spacing:.18em;line-height:1.8;color:#587368;font-weight:500;margin:0 0 20px}
#main.at-article-page .at-article-hero{background:#f5f3ee;text-align:center;padding:35px max(5vw,24px) 0}
#main.at-article-page nav.at-breadcrumbs{position:static;display:flex!important;gap:12px;flex-wrap:wrap;max-height:none;overflow:visible;background:transparent;padding:0;margin:0 0 54px;border:0;font-size:10px;line-height:1.7;color:#52665c;justify-content:center}
#main.at-article-page .at-breadcrumbs a{font-size:10px;color:inherit;padding:0;border:0}
#main.at-article-page .at-dek{font-family:Italiana,Georgia,serif;font-size:28px;color:#3f6255;line-height:1.4;max-width:750px;margin:0 auto 28px}
#main.at-article-page .at-byline{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;font-size:10px;letter-spacing:.03em;color:#52665c;line-height:1.7;margin-bottom:40px}
#main.at-article-page .at-byline strong{font-weight:500;color:#283d38}
#main.at-article-page .at-article-hero figure{max-width:1300px;margin:0 auto;transform:translateY(35px)}
#main.at-article-page .at-article-hero figure img{display:block;width:100%;height:550px;object-fit:cover;object-position:center 42%}
#main.at-article-page figcaption{font-size:10px;line-height:1.85;color:#5b6c62;text-align:left;margin-top:12px}
#main.at-article-page .at-reading-layout{max-width:1240px;display:grid;grid-template-columns:220px minmax(0,800px);gap:8vw;padding:125px 30px 60px;margin:0 auto;align-items:start}
#main.at-article-page .at-toc{position:sticky;top:150px;align-self:start;border-top:1px solid #9fb5a6;padding-top:22px}
#main.at-article-page .at-toc ol{list-style:none;padding:0;margin:0 0 28px;counter-reset:contents}
#main.at-article-page .at-toc li{counter-increment:contents;border-bottom:1px solid #e0e6df;padding:12px 0;font-size:11px;line-height:1.7}
#main.at-article-page .at-toc li::before{content:counter(contents,decimal-leading-zero);font-size:9px;color:#7c9989;margin-right:12px}
#main.at-article-page .at-toc a{color:#365a4b;text-decoration:none}
#main.at-article-page .at-toc a:hover{text-decoration:underline}
#main.at-article-page .at-toc-service{font-size:11px;line-height:1.9;display:block}
#main.at-article-page .at-article-body{min-width:0}
#main.at-article-page .at-article-body>section{padding:0 0 34px;margin:0 0 35px;scroll-margin-top:150px}
#main.at-article-page .at-article-body>section+section{border-top:1px solid #e0e6df;padding-top:48px}
#main.at-article-page .at-article-body>section:first-child>p:first-of-type{font-size:20px;line-height:1.85;color:#355447}
#main.at-article-page .at-article-body>section p:last-child{margin-bottom:0}
#main.at-article-page .at-wide-image{margin:15px -25px 70px}
#main.at-article-page .at-wide-image img{display:block;width:100%;height:auto}
#main.at-article-page .at-wide-image figcaption{padding:0 25px}
#main.at-article-page .at-archive{display:grid;grid-template-columns:.65fr 1fr;gap:38px;background:#f3f1e9;padding:36px;margin:10px 0 70px;align-items:center}
#main.at-article-page .at-archive img{width:100%;height:auto;max-height:370px;object-fit:contain;object-position:top}
#main.at-article-page .at-archive figcaption{margin:0}
#main.at-article-page .at-archive figcaption p{font-size:14px;line-height:1.85;margin-bottom:20px}
#main.at-article-page .at-archive a{display:block;font-size:11px;line-height:1.9;margin-top:15px}
#main.at-article-page .at-lara-portrait{display:grid;grid-template-columns:.7fr 1fr;gap:40px;align-items:center;margin:15px 0 65px;padding:32px;background:#eef1e9}
#main.at-article-page .at-lara-portrait img{display:block;width:100%;height:auto;max-width:280px}
#main.at-article-page .at-lara-portrait figcaption{margin:0}
#main.at-article-page .at-lara-portrait figcaption>span:nth-child(2){display:block;font-family:Italiana,Georgia,serif;font-size:42px;line-height:1.2;color:#283d38;margin:18px 0}
#main.at-article-page .at-lara-portrait figcaption p{font-size:12px;line-height:1.9;margin-bottom:20px}
#main.at-article-page .at-lara-portrait a{font-size:11px}
#main.at-article-page .at-sources{background:#f6f7f3;padding:32px!important;margin-top:55px!important;border:1px solid #dce3d8!important}
#main.at-article-page .at-sources h2{font-size:31px}
#main.at-article-page .at-sources p,#main.at-article-page .at-sources li{font-size:11px;line-height:1.95}
#main.at-article-page .at-sources ul{padding-left:18px;margin:20px 0}
#main.at-article-page .at-sources li{padding:4px 0}
#main.at-article-page .at-service-cta{padding:80px 30px;text-align:center;background:#e7f5f3}
#main.at-article-page .at-service-cta h2{font-size:55px}
#main.at-article-page .at-service-cta em{color:#328da7;font-style:normal}
#main.at-article-page .at-service-cta>p{max-width:630px;margin:0 auto 25px}
#main.at-article-page .at-service-cta>div{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}
#main.at-article-page .button{display:inline-flex;background:#fff!important;color:#000!important;border:1px solid #000!important;border-radius:0;box-shadow:none;padding:17px 22px;min-height:48px;font-size:12px;line-height:1.6;text-decoration:none}
#main.at-article-page .button:hover{background:#f1f1ed!important}
#main.at-article-page .at-text-link{font-size:12px}
@media(max-width:1050px){#main.at-article-page .at-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:45px}#main.at-article-page .at-article-hero figure img{height:430px}#main.at-article-page .at-wide-image{margin-left:0;margin-right:0}#main.at-article-page .at-lara-portrait{gap:25px;padding:25px}}
@media(max-width:760px){#main.at-article-page .at-article-hero{padding:25px 24px 0}#main.at-article-page h1{font-size:43px}#main.at-article-page nav.at-breadcrumbs{margin-bottom:35px;font-size:9px;gap:8px}#main.at-article-page .at-breadcrumbs a{font-size:9px}#main.at-article-page .at-dek{font-size:25px}#main.at-article-page .at-byline{gap:7px 14px;font-size:9px;margin-bottom:28px}#main.at-article-page .at-article-hero figure{margin:0 -24px;transform:translateY(20px)}#main.at-article-page .at-article-hero figure img{height:330px;object-position:35% center}#main.at-article-page .at-article-hero figcaption{padding:0 24px}#main.at-article-page .at-reading-layout{grid-template-columns:1fr;padding:80px 25px 30px;gap:50px}#main.at-article-page .at-toc{position:static;padding:22px;background:#f5f3ee;border:1px solid #d8e0d5}#main.at-article-page .at-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:18px}#main.at-article-page .at-toc li{font-size:10px}#main.at-article-page h2{font-size:34px}#main.at-article-page h3{font-size:17px}#main.at-article-page p{font-size:14px;line-height:1.95}#main.at-article-page .at-article-body>section:first-child>p:first-of-type{font-size:18px}#main.at-article-page .at-wide-image{margin:0 -25px 55px}#main.at-article-page .at-archive{padding:24px;gap:23px;grid-template-columns:1fr}#main.at-article-page .at-archive img{height:280px;width:auto;max-width:100%;margin:auto}#main.at-article-page .at-lara-portrait{grid-template-columns:1fr;gap:22px}#main.at-article-page .at-lara-portrait img{max-width:240px;margin:auto}#main.at-article-page .at-lara-portrait figcaption{text-align:center}#main.at-article-page .at-lara-portrait figcaption>span:nth-child(2){font-size:38px}#main.at-article-page .at-sources{padding:25px!important}#main.at-article-page .at-service-cta{padding:60px 25px}#main.at-article-page .at-service-cta h2{font-size:42px}}
@media(min-width:761px){#main.at-article-page .at-article-hero figure img{object-position:center 12%}}