/* ── ARTICLE PAGE STYLES ── */

/* HEADER */
header{background:transparent;padding:0 5%;height:72px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:100;transition:background .3s;}
.article-logo{height:clamp(40px,4.5vw,68px);width:auto;display:block;}
header.scrolled{background:var(--navy);position:fixed;}
.back-link{color:var(--teal);font-size:.78rem;letter-spacing:.06em;text-decoration:none;transition:color .2s;}
.back-link:hover{color:var(--off-white);}

/* HERO BANNER */
.article-banner{padding:120px 5% 80px;position:relative;overflow:hidden;}
.article-banner::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(191,217,215,.06) 0%,transparent 70%);}
.banner-tag{display:inline-block;background:rgba(26,30,46,.7);border:1px solid rgba(191,217,215,.3);color:var(--teal);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 13px;border-radius:2px;margin-bottom:24px;}
.banner-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;color:var(--off-white);line-height:1.15;max-width:760px;margin-bottom:24px;position:relative;z-index:1;}
.banner-meta{display:flex;gap:24px;font-size:.78rem;color:var(--teal-mid);letter-spacing:.04em;position:relative;z-index:1;flex-wrap:wrap;}
.banner-excerpt{font-size:1rem;line-height:1.8;color:rgba(255,255,255,.65);max-width:680px;margin-top:20px;position:relative;z-index:1;}

/* ARTICLE BODY */
.article-wrap{max-width:720px;margin:0 auto;padding:64px 5% 96px;}
.article-wrap h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.7rem;font-weight:600;color:var(--navy);margin:48px 0 16px;line-height:1.2;}
.article-wrap p{font-size:.95rem;line-height:1.85;color:var(--slate);margin-bottom:22px;}
.article-wrap p strong{color:var(--navy);}
.divider{border:none;border-top:1px solid rgba(88,96,106,.15);margin:48px 0;}

/* PULL QUOTE */
blockquote.pull-quote{border-left:3px solid var(--teal);padding:20px 28px;background:var(--bg-light);margin:40px 0;border-radius:0 4px 4px 0;}
blockquote.pull-quote p{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;font-weight:400;font-style:italic;color:var(--navy);line-height:1.6;margin:0;}

/* FOOTER */
footer{background:var(--navy);padding:40px 5%;text-align:center;}
footer p{font-size:.78rem;color:rgba(255,255,255,.35);margin-bottom:6px;}
footer a{color:var(--teal);text-decoration:none;font-size:.78rem;}
.footer-back{display:inline-block;margin-top:16px;color:var(--teal);font-size:.8rem;letter-spacing:.06em;text-decoration:none;border:1px solid rgba(191,217,215,.25);padding:10px 22px;border-radius:2px;transition:background .2s;}
.footer-back:hover{background:rgba(191,217,215,.08);}