.article-page{color:#171a15;background:#e9e5dc;min-height:100vh}.article-header{border-bottom:1px solid #171a1526;justify-content:space-between;align-items:center;height:88px;padding:0 5vw;display:flex}.article-wordmark{letter-spacing:.14em;font:15px Georgia,serif}.article-header div{align-items:center;gap:7px;font-size:11px;display:flex}.article-header button{opacity:.4;cursor:pointer;background:0 0;border:0;padding:4px 0}.article-header button.active{opacity:1;border-bottom:1px solid #9a7c45}.article-header span{opacity:.25}.article-hero{color:#f4f0e8;background:#171a15;padding:110px max(7vw,50vw - 560px)}.article-hero>p:first-child{letter-spacing:.24em;text-transform:uppercase;color:#d7a64b;font-size:10px}.article-hero h1{letter-spacing:-.055em;max-width:1000px;margin:28px 0;font:400 clamp(58px,8vw,110px)/.96 Georgia,serif}.article-byline{color:#aaa99f;font:italic 17px Georgia,serif}.article-body{max-width:760px;margin:0 auto;padding:100px 30px 120px}.article-body>p,.article-body blockquote{margin:0 0 36px;font:19px/1.82 Georgia,serif}.article-body>p:first-child:first-letter{float:left;color:#9a7c45;padding:12px 12px 0 0;font-size:78px;line-height:.75}.article-body blockquote{background:#ded9cf;border-left:2px solid #d7a64b;margin:65px -80px;padding:45px 70px;font-size:25px;line-height:1.6}.article-footer{color:#aaa99f;letter-spacing:.15em;text-transform:uppercase;background:#171a15;justify-content:space-between;padding:45px 5vw;font-size:10px;display:flex}.article-footer a{color:#f4f0e8}@media (width<=800px){.article-header{height:72px}.article-hero{padding:80px 7vw}.article-body{padding:70px 7vw 90px}.article-body>p{font-size:17px}.article-body blockquote{margin:48px 0;padding:30px;font-size:21px}.article-footer{flex-direction:column;gap:30px}}