.article-hero{padding:9.5rem 1.5rem 2rem;text-align:center;position:relative;}
.article-cat-pill{display:inline-block;background:rgba(201,168,76,0.1);color:var(--gold);font-size:0.68rem;letter-spacing:2px;text-transform:uppercase;padding:0.4rem 1.1rem;border-radius:2rem;border:1px solid rgba(201,168,76,0.2);margin-bottom:1.3rem;animation:fade-up 0.7s 0.1s both;}
.article-hero h1{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4.2vw,3rem);max-width:780px;margin:0 auto 1.2rem;line-height:1.25;animation:fade-up 0.7s 0.25s both;}
.article-meta-row{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;color:var(--muted);font-size:0.82rem;margin-bottom:1.5rem;animation:fade-up 0.7s 0.4s both;}
.article-translate{display:flex;justify-content:center;animation:fade-up 0.7s 0.5s both;}

.article-banner{height:320px;border-radius:14px;max-width:900px;margin:2rem auto 0;position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,0.45);opacity:0;transform:scale(0.95) translateY(24px);animation:banner-reveal 1s cubic-bezier(0.16,1,0.3,1) 0.15s both;background:var(--dark3);}
.article-banner::before{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(201,168,76,0.18);pointer-events:none;z-index:3;}
.article-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,15,0) 45%,rgba(8,8,15,0.5) 100%);pointer-events:none;z-index:2;}
.article-banner-parallax{position:absolute;inset:-8% 0;will-change:transform;transition:transform 0.1s linear;}
.article-banner img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);animation:banner-kenburns 14s ease-in-out infinite alternate;will-change:transform;}
@keyframes banner-reveal{from{opacity:0;transform:scale(0.95) translateY(24px);}to{opacity:1;transform:scale(1) translateY(0);}}
@keyframes banner-kenburns{from{transform:scale(1.08) translateX(0) translateY(0);}to{transform:scale(1.16) translateX(-1.2%) translateY(-1%);}}
@media(max-width:700px){.article-banner{height:220px;border-radius:10px;}}

.article-body{max-width:740px;margin:0 auto;padding:4rem 1.5rem;}
.article-body h2{font-family:'Playfair Display',serif;font-size:1.6rem;margin:2.2rem 0 1rem;}
.article-body h3{font-family:'Playfair Display',serif;font-size:1.25rem;margin:1.8rem 0 0.8rem;color:var(--gold2);}
.article-body p{color:var(--muted2);font-size:1rem;line-height:1.95;margin-bottom:1.3rem;}
.article-body ul,.article-body ol{margin:0 0 1.3rem 1.3rem;color:var(--muted2);}
.article-body li{margin-bottom:0.7rem;line-height:1.85;font-size:0.97rem;}
.article-pull{border-left:3px solid var(--gold);padding:1.2rem 1.6rem;background:rgba(201,168,76,0.05);border-radius:0 6px 6px 0;margin:2rem 0;font-style:italic;color:var(--text);font-size:1.02rem;}
.article-img-block{width:100%;border-radius:8px;margin:2rem 0;display:flex;align-items:center;justify-content:center;font-size:3rem;height:200px;border:1px solid rgba(201,168,76,0.12);}

.article-cta{max-width:740px;margin:2rem auto 0;background:var(--dark2);border:1px solid rgba(201,168,76,0.15);border-radius:10px;padding:2.2rem;text-align:center;}
.article-cta h4{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:0.6rem;}
.article-cta p{color:var(--muted);font-size:0.88rem;margin-bottom:1.4rem;}

.article-nav-links{max-width:740px;margin:3rem auto 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.anl-item{flex:1 1 0;min-width:200px;background:var(--dark2);border:1px solid rgba(201,168,76,0.1);border-radius:8px;padding:1.3rem;text-decoration:none;transition:border-color 0.4s ease,transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s ease;position:relative;overflow:hidden;}
.anl-item:hover{border-color:rgba(201,168,76,0.35);transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,0.35);}
.anl-label{font-size:0.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:0.4rem;}
.anl-title{font-size:0.88rem;color:var(--text);font-weight:500;}
.anl-next{text-align:right;}
@media(max-width:600px){
  .article-nav-links{flex-direction:column;}
  .anl-item{min-width:0;width:100%;}
  .anl-next{text-align:left;}
}