.journal-index-section{padding-top:48px;background:#f6f5f1}
.journal-index-grid{row-gap:28px!important}
.journal-index-card{height:100%;overflow:hidden;border:1px solid rgba(11,27,34,.08);border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(11,27,34,.055);transition:transform .28s ease,box-shadow .28s ease}
.journal-index-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(11,27,34,.12)}
.journal-index-card__image-link{position:relative;display:block;overflow:hidden;aspect-ratio:1.5;background:#e8e5dc}
.journal-index-card__image-link:after{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,18,28,.45));content:""}
.journal-index-card__image{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.journal-index-card:hover .journal-index-card__image{transform:scale(1.045)}
.journal-index-card__image-tag{position:absolute;z-index:1;right:15px;bottom:14px;display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.journal-index-card__image-tag i{color:#e6c98b}
.journal-index-card__body{display:flex;min-height:226px;flex-direction:column;align-items:flex-start;padding:23px 23px 21px}
.journal-index-card__meta{display:flex;align-items:center;gap:8px;color:#947744;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.journal-index-card__meta i{font-size:12px}
.journal-index-card__title{display:-webkit-box;overflow:hidden;margin:12px 0 0;color:var(--fo-ink);font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.journal-index-card__title a{color:inherit}
.journal-index-card__title a:hover{color:#8d713d}
.journal-index-card__excerpt{display:-webkit-box;overflow:hidden;margin:10px 0 0;color:#687177;font-size:13px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.journal-index-card__action{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:17px;color:#8d713d;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.journal-index-card__action i{transition:transform .2s}
.journal-index-card:hover .journal-index-card__action i{transform:translateX(4px)}
.journal-index-pagination{display:flex;justify-content:center;margin-top:42px}
.journal-index-pagination .pagination{margin:0}

.journal-article-header{position:relative;overflow:hidden;padding:156px 0 118px;background:radial-gradient(ellipse at 88% 20%,rgba(199,165,101,.2),transparent 36%),linear-gradient(130deg,#101a30 0%,#17243e 68%,#202b43 100%);color:#fff}
.journal-article-header:after{position:absolute;top:-260px;right:-170px;width:620px;height:620px;border:1px solid rgba(230,201,139,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(230,201,139,.035),0 0 0 90px rgba(230,201,139,.025);content:"";pointer-events:none}
.journal-article-header__inner{position:relative;z-index:1;max-width:920px;margin:0 auto}
.journal-article-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:31px;color:rgba(255,255,255,.76);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}
.journal-article-back:hover{color:#e6c98b}
.journal-article-back i{font-size:14px}
.journal-article-meta{display:flex;align-items:center;gap:10px;color:#e6c98b;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.journal-article-meta:before{width:24px;height:1px;background:currentColor;content:""}
.journal-article-title{max-width:880px;margin:18px 0 0;color:#fff;font-size:clamp(37px,5.8vw,68px);font-weight:700;letter-spacing:-.05em;line-height:1.04}
.journal-article-excerpt{max-width:700px;margin:20px 0 0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.8}
.journal-article-main{position:relative;padding:0 0 96px;background:#f7f6f2}
.journal-article-cover{position:relative;z-index:2;width:min(100%,1080px);height:clamp(300px,48vw,550px);margin:-70px auto 0;overflow:hidden;border:6px solid #fff;border-radius:18px;background:#e9e5dc;box-shadow:0 24px 65px rgba(11,27,34,.16)}
.journal-article-cover img{width:100%;height:100%;object-fit:cover}
.journal-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;max-width:1080px;margin:52px auto 0}
.journal-article-body{min-width:0;color:#455057;font-size:16px;line-height:1.9}
.journal-article-body>:first-child{margin-top:0}
.journal-article-body h2,.journal-article-body h3,.journal-article-body h4{margin:2em 0 .65em;color:var(--fo-ink);font-weight:700;letter-spacing:-.025em;line-height:1.25}
.journal-article-body h2{font-size:clamp(25px,3vw,34px)}
.journal-article-body h3{font-size:24px}
.journal-article-body p{margin:0 0 1.25em}
.journal-article-body ul,.journal-article-body ol{margin:0 0 1.5em;padding-left:1.35em}
.journal-article-body li{padding:0 0 .45em .25em}
.journal-article-body a{color:#8d713d;text-decoration:underline;text-underline-offset:3px}
.journal-article-aside{align-self:start;position:sticky;top:92px;padding:25px;border:1px solid rgba(11,27,34,.08);border-radius:14px;background:#fff;box-shadow:0 14px 35px rgba(11,27,34,.06)}
.journal-article-aside__icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:20px;border-radius:11px;background:#f4efe3;color:#947744;font-size:18px}
.journal-article-aside h2{margin:0;color:var(--fo-ink);font-size:20px;font-weight:700;line-height:1.35}
.journal-article-aside p{margin:10px 0 20px;color:#6b7377;font-size:13px;line-height:1.7}
.journal-article-aside .fo-btn{width:100%;justify-content:center;border-radius:7px;background:#111b31;color:#fff}
.journal-article-aside .fo-btn:hover{background:#263654}

.community-index-section{padding-top:48px;background:#f6f5f1}
.community-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:20px}
.community-index-card{position:relative;min-height:280px;isolation:isolate;overflow:hidden;border:1px solid rgba(11,27,34,.08);border-radius:17px;background:#152235;color:#fff;box-shadow:0 14px 35px rgba(11,27,34,.08);transition:transform .3s ease,box-shadow .3s ease}
.community-index-card--featured{grid-column:span 2;grid-row:span 2;min-height:580px}
.community-index-card:hover{transform:translateY(-4px);color:#fff;box-shadow:0 23px 50px rgba(11,27,34,.17)}
.community-index-card__image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.community-index-card:hover .community-index-card__image{transform:scale(1.045)}
.community-index-card:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(8,17,30,.02) 28%,rgba(8,17,30,.27) 55%,rgba(8,17,30,.9) 100%);content:""}
.community-index-card__number{position:absolute;top:19px;left:20px;display:flex;width:37px;height:37px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(13,25,39,.25);color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}
.community-index-card__content{position:absolute;right:16px;bottom:16px;left:16px;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(15,27,43,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.community-index-card--featured .community-index-card__content{right:24px;bottom:24px;left:24px;padding:27px}
.community-index-card__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:#e6c98b;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.community-index-card__eyebrow:before{width:20px;height:1px;background:currentColor;content:""}
.community-index-card__title{margin:0;color:#fff;font-size:clamp(20px,2vw,27px);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.community-index-card--featured .community-index-card__title{font-size:clamp(30px,4vw,46px)}
.community-index-card__description{display:-webkit-box;overflow:hidden;margin:10px 0 0;color:rgba(255,255,255,.82);font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.community-index-card--featured .community-index-card__description{-webkit-line-clamp:3;font-size:14px}
.community-index-card__action{display:inline-flex;align-items:center;gap:9px;margin-top:15px;color:#f0d79f;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.community-index-card__action i{transition:transform .2s}
.community-index-card:hover .community-index-card__action i{transform:translateX(4px)}
.community-index-empty{grid-column:1/-1;padding:70px 20px;border:1px dashed rgba(11,27,34,.2);border-radius:14px;color:#687177;text-align:center}

@media(max-width:991px){.journal-article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.community-index-grid{grid-auto-rows:minmax(220px,auto);gap:15px}.community-index-card--featured{min-height:520px}}
@media(max-width:767px){.journal-index-section,.community-index-section{padding-top:30px}.journal-index-grid{row-gap:18px!important}.journal-index-card__body{min-height:215px;padding:19px}.journal-index-card__title{font-size:18px}.journal-article-header{padding:132px 0 100px}.journal-article-header__inner{max-width:none}.journal-article-back{margin-bottom:24px}.journal-article-title{font-size:clamp(36px,9vw,54px)}.journal-article-excerpt{font-size:14px}.journal-article-main{padding-bottom:62px}.journal-article-cover{height:clamp(240px,62vw,410px);margin-top:-54px;border-width:4px;border-radius:13px}.journal-article-layout{grid-template-columns:1fr;gap:28px;margin-top:36px}.journal-article-body{font-size:15px}.journal-article-aside{position:static}.community-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(230px,auto);gap:13px}.community-index-card,.community-index-card--featured{grid-column:auto;grid-row:auto;min-height:310px}.community-index-card--featured .community-index-card__content{right:16px;bottom:16px;left:16px;padding:20px}.community-index-card--featured .community-index-card__title{font-size:clamp(23px,4vw,32px)}.community-index-card--featured .community-index-card__description{font-size:12px;-webkit-line-clamp:2}}
@media(max-width:575px){.journal-index-card__image-link{aspect-ratio:1.55}.journal-index-card__body{min-height:0;padding:17px}.journal-index-card__title{font-size:17px}.journal-index-card__excerpt{-webkit-line-clamp:2}.journal-index-pagination{margin-top:28px}.journal-article-header{padding:120px 0 84px}.journal-article-title{font-size:clamp(34px,10vw,46px)}.journal-article-cover{height:250px;margin-top:-42px}.journal-article-layout{margin-top:28px}.community-index-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:13px}.community-index-card,.community-index-card--featured{min-height:330px}.community-index-card--featured{min-height:390px}.community-index-card--featured .community-index-card__content{right:14px;bottom:14px;left:14px;padding:19px}.community-index-card--featured .community-index-card__title{font-size:30px}}
@media(prefers-reduced-motion:reduce){.journal-index-card,.journal-index-card__image,.community-index-card,.community-index-card__image,.journal-article-aside .fo-btn{transition:none}}
