@font-face{font-family:FuturaDemi;src:url('/assets/fonts/FuturaPTDemi.woff2')}@font-face{font-family:FuturaOblique;src:url('/assets/fonts/FuturaPTBookOblique.woff2')}
.article-page{background:#021830;color:#e5ded4;letter-spacing:2.16rem}
.article-layout{position:relative;padding:45rem 120rem 94rem;min-height:1225rem}
.article-back{position:absolute;left:137rem;top:45rem;display:flex;align-items:center;gap:14rem;font-size:12rem;letter-spacing:1.44rem;line-height:15rem}
.article-back>img{width:27rem;height:auto;transform:scaleX(-1)}
.article-content{display:grid;grid-template-columns:minmax(0,829fr) minmax(0,550fr);column-gap:109rem;row-gap:39rem;align-items:start}
.article-heading{grid-column:1;grid-row:1;align-self:end;padding-top:330rem}
.article-heading time{display:block;margin:0 0 14rem 6rem;font:12rem/15rem FuturaDemi,Futura,sans-serif;letter-spacing:1.44rem}
.article-heading h1{font-size:60rem;line-height:.9435;min-height:191rem;display:flex;align-items:center;white-space:pre-line;overflow-wrap:anywhere}
.article-photo{grid-column:2;grid-row:1;position:relative;width:100%;aspect-ratio:1;overflow:hidden}
.article-photo img{position:absolute;left:0;top:-18.94737%;width:101.9299%;height:152.8947%;max-width:none;object-fit:cover}
.article-body{grid-column:1;grid-row:2;width:715rem;max-width:100%;margin-left:6rem;margin-top:1rem;min-height:380rem;font:18rem/1.27 Futura,sans-serif;letter-spacing:2.16rem;overflow-wrap:anywhere}
.article-body p{margin:0 0 1.27em}.article-body p:last-child{margin-bottom:0}
.article-sidebar{grid-column:2;grid-row:2}
.article-ornament{width:474rem;height:39rem;margin:0 auto 39rem}
.article-social{border:1px solid rgba(229,222,212,.1);height:286rem;text-align:center;padding-top:15rem}
.article-social h2{font-size:36rem;line-height:1.26915;margin:0 0 12rem}
.article-social-links{display:flex;justify-content:center;gap:30rem}
.article-social-links img{width:50rem;height:50rem}
.article-social-rule{width:210rem;height:1rem;margin:21rem auto 25rem}
.article-social p{font:12rem/1.27 FuturaOblique,Futura,sans-serif;letter-spacing:1.44rem;text-align:right;margin:0 69rem 0 auto;width:346rem}
.article-pagination{display:flex;justify-content:space-between;gap:24rem;margin:83rem 0 0 6rem;font-size:18rem;line-height:23rem}
.article-pagination a{display:flex;align-items:flex-start;gap:6rem}.article-pagination a>img{width:45rem;height:auto}.article-prev>img{transform:scaleX(-1)}.article-next{margin-left:auto}
.article-page-rule{width:245rem;height:1px;margin-top:10rem}
.article-missing h1{margin-top:130rem;font-size:60rem}.article-missing p{margin-top:40rem}
@media(min-width:601px) and (max-width:1000px){.article-layout{padding:32px;min-height:100vh}.article-back{left:38px;top:32px;font-size:12px;line-height:16px;letter-spacing:1px}.article-back>img{width:27px}.article-content{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}.article-heading{padding-top:110px}.article-heading time{font-size:10px;line-height:14px;letter-spacing:1px;margin:0 0 16px}.article-heading h1{font-size:32px;min-height:0}.article-body{width:100%;font-size:15px;letter-spacing:1.5px;margin-left:0}.article-photo{margin-top:50px}.article-ornament{max-width:100%;height:auto}.article-social{height:auto;padding:18px 12px}.article-social h2{font-size:24px}.article-social p{font-size:10px;letter-spacing:1px;max-width:100%;margin:auto}.article-social-links img{width:32px;height:32px}.article-social-links{gap:18px}.article-social-rule{margin:18px auto;width:60%}.article-pagination{font-size:12px;letter-spacing:1px;margin-top:50px}.article-page-rule{width:100%}}
@media(max-width:600px){
.article-page{background:#021931;letter-spacing:1.44px}.article-layout{padding:28px 20px 43px;min-height:100vh}.article-back{position:static;gap:4px;font-size:10px;line-height:13.372px;letter-spacing:1.2px;width:fit-content;margin-left:-1px}.article-back>img{width:25px}
.article-content{display:flex;flex-direction:column;gap:0}.article-heading{padding:0;margin-top:33px;width:100%}.article-heading time{font-size:8px;line-height:10px;letter-spacing:.96px;margin:0 0 7px}.article-heading h1{font-size:28px;line-height:1.2;min-height:104px;display:flex;margin:0 0 23px;white-space:pre-line}
.article-photo{width:100%;flex:none;margin:0 0 25px}.article-body{width:100%;max-width:none;min-height:0;margin:0;font-size:12px;line-height:1.25;letter-spacing:1.44px}.article-body p{margin-bottom:1.25em}.article-sidebar{display:none}
.article-pagination{margin:33px -8px 0 -1px;gap:18px;font-size:10px;line-height:13.372px;letter-spacing:1.2px}.article-pagination a{gap:4px;align-items:center;min-height:28px}.article-pagination a>img{width:25px;flex-shrink:0}.article-page-rule{display:none}
.article-missing h1{font-size:28px;margin-top:60px}.article-missing p{font-size:14px;line-height:1.5}
}
@media(max-width:360px){.article-pagination{font-size:9px;letter-spacing:.8px;gap:12px}.article-pagination span{max-width:98px}.article-heading h1{font-size:27px}}

/* Keep uploaded photos centered in the same square crop as news cards at every viewport. */
.article-photo img[src^="/assets/uploads/"]{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}

/* Shared site chrome surrounds the Figma article content. */
.article-page .header{position:relative;height:120rem;min-height:120rem;background:none}
@media(min-width:601px) and (max-width:1000px){.article-page .header{height:100rem;min-height:100rem}}
@media(max-width:600px){.article-page .header{height:78rem;min-height:78rem}}

/* Semantic article content; the page title remains the only H1. */
.article-body h2,.article-body h3{font-family:FuturaDemi,Futura,sans-serif;font-weight:600;text-transform:none;letter-spacing:inherit;min-height:0;height:auto;display:block;white-space:normal;overflow-wrap:anywhere;margin:1.5em 0 .6em}
.article-body h2{font-size:1.45em;line-height:1.3}.article-body h3{font-size:1.2em;line-height:1.35}
.article-body ul,.article-body ol{padding-left:1.5em;margin:0 0 1.3em;list-style-position:outside}.article-body ul{list-style-type:disc}.article-body ol{list-style-type:decimal}.article-body li{display:list-item;margin:.4em 0}.article-body li>p{margin:.3em 0}.article-body a{text-decoration:underline;text-underline-offset:.18em;color:inherit;overflow-wrap:anywhere}.article-body strong{font-family:FuturaDemi,Futura,sans-serif;font-weight:600}.article-body em{font-style:italic}.article-body>:first-child{margin-top:0}
