.site-progress{position:fixed;z-index:60;top:0;left:0;width:100%;height:2px;pointer-events:none;background:#ffffff0a}
.site-progress i{display:block;width:0;height:100%;background:#a5b45f;box-shadow:0 0 14px #a5b45f99;transition:width .08s linear}
.back-to-top{position:fixed;z-index:40;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 13px;border:1px solid #545b3b;background:#10130ee8;color:#d7ddba;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s;backdrop-filter:blur(12px);cursor:pointer}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.back-to-top span{font-size:17px}.back-to-top b{font:750 8px Bahnschrift,sans-serif;letter-spacing:.13em}
.back-to-top:hover{background:#a5b45f;color:#11130e}

.article-reading{display:flex;align-items:end;gap:9px;margin-top:18px;color:#30332c}
.article-reading strong{font:850 18px/1 Bahnschrift,sans-serif}.article-reading small{color:#85877d;font:700 7px Bahnschrift,sans-serif;letter-spacing:.12em}
.article-outline{display:grid;width:100%;margin:25px 0;border-top:1px solid #c2c0b6}
.article-outline a{position:relative;padding:10px 5px 10px 14px;border-bottom:1px solid #cfcdc4;color:#71736b;font:700 9px/1.35 Bahnschrift,sans-serif;letter-spacing:.07em;text-transform:uppercase;transition:.18s}
.article-outline a:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;margin-top:-2px;background:#aaa99f}
.article-outline a.level-3{padding-left:27px;color:#8b8d84;font-size:8px}
.article-outline a.level-3:before{left:13px}
.article-outline a:hover,.article-outline a.is-active{color:#4f5929;background:#d7d5ca}
.article-outline a.is-active:before{background:#78863e;box-shadow:0 0 0 3px #87964b20}
.prose h2[id],.prose h3[id]{scroll-margin-top:110px}

.site-explore{position:relative;overflow:hidden;padding:clamp(80px,9vw,145px) var(--pad);background:#10120f;border-top:1px solid #2e312a;color:#efeee6}
.site-explore:after{content:"21";position:absolute;right:-3vw;top:-4vw;color:transparent;-webkit-text-stroke:1px #ffffff0a;font:900 min(29vw,480px)/.8 Bahnschrift,sans-serif;pointer-events:none}
.site-explore>header{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(280px,.55fr);align-items:end;gap:50px;margin-bottom:55px}
.site-explore>header>div>span{color:#929c60;font:750 8px Bahnschrift,sans-serif;letter-spacing:.19em}
.site-explore h2{margin:13px 0 0;font:900 clamp(46px,6vw,88px)/.86 Bahnschrift,sans-serif;letter-spacing:-.045em;text-transform:uppercase}
.site-explore h2 em{color:#a5b45f;font-style:normal}
.site-explore>header>p{max-width:530px;margin:0;color:#8e9288;font-size:16px}
.site-explore-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #393d33;border-left:1px solid #393d33}
.site-explore-card{position:relative;display:flex;min-height:320px;flex-direction:column;align-items:start;padding:31px;border-right:1px solid #393d33;border-bottom:1px solid #393d33;background:#151713;transition:background .2s,transform .2s}
.site-explore-card:hover{z-index:2;background:#1c2017;transform:translateY(-5px);box-shadow:0 22px 45px #0004}
.site-explore-card>span{color:#72786a;font:750 8px Bahnschrift,sans-serif;letter-spacing:.16em}
.site-explore-card>b{position:absolute;right:27px;top:22px;color:transparent;-webkit-text-stroke:1px #ffffff1b;font:900 62px/1 Bahnschrift,sans-serif}
.site-explore-card h3{max-width:290px;margin:auto 0 15px;font:900 clamp(28px,3vw,42px)/.92 Bahnschrift,sans-serif;text-transform:uppercase}
.site-explore-card p{max-width:360px;margin:0 0 27px;color:#92968b}
.site-explore-card i{margin-top:auto;color:#b8c67b;font:750 9px Bahnschrift,sans-serif;letter-spacing:.12em;font-style:normal}

@media(max-width:1000px){
    .site-explore>header{grid-template-columns:1fr}
    .site-explore-grid{grid-template-columns:1fr 1fr}
    .site-explore-card:last-child{grid-column:1/-1;min-height:250px}
}
@media(max-width:680px){
    body.menu-open{overflow:hidden}
    .site-nav.open{max-height:calc(100svh - 72px);overflow-y:auto}
    .article-reading{margin-top:12px}
    .site-explore>header{gap:25px;margin-bottom:38px}
    .site-explore-grid{grid-template-columns:1fr}
    .site-explore-card,.site-explore-card:last-child{grid-column:auto;min-height:245px;padding:25px}
    .site-explore-card>b{font-size:50px}
    .back-to-top{right:13px;bottom:13px}.back-to-top b{display:none}
}
@media(prefers-reduced-motion:reduce){.site-progress i,.back-to-top,.site-explore-card{transition:none}}