.article-hero{background:#fff;padding:140px 40px 0}.article-hero-inner{max-width:720px;margin:0 auto}.article-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:32px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.article-back:hover{color:var(--charcoal)}.article-back svg{width:16px;height:16px}.article-meta-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.article-category{text-transform:uppercase;letter-spacing:.1em;color:#ff7a18;font-size:.7rem;font-weight:600}.article-date{color:var(--muted);font-size:.75rem}.article-title{text-align:center;margin-bottom:16px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.8rem,3.5vw,2.2rem);font-weight:600;line-height:1.2}.article-subtitle{color:var(--body);margin-bottom:40px;font-size:1.05rem;line-height:1.6}.article-cover{aspect-ratio:16/9;border-radius:12px;width:100%;margin-bottom:0;overflow:hidden}.article-cover img{object-fit:cover;width:100%;height:100%;display:block}.article-body{padding:48px 40px 80px}.article-body-inner{max-width:720px;margin:0 auto}.article-body-inner h2{text-align:center;margin:40px 0 16px;font-size:1.4rem;font-weight:600;line-height:1.3}.article-body-inner h3{text-align:center;margin:32px 0 12px;font-size:1.1rem;font-weight:600;line-height:1.3}.article-body-inner p{color:var(--body);margin-bottom:20px;font-size:1rem;line-height:1.8}.article-body-inner ul,.article-body-inner ol{margin-bottom:20px;padding-left:24px}.article-body-inner li{color:var(--body);margin-bottom:8px;font-size:1rem;line-height:1.8}.article-body-inner blockquote{border-left:3px solid var(--charcoal);background:var(--cream);border-radius:0 8px 8px 0;margin:32px 0;padding:16px 24px}.article-body-inner blockquote p{color:var(--charcoal);margin-bottom:0;font-size:1.05rem;font-weight:500}.article-byline{color:var(--muted);align-items:center;gap:10px;margin-bottom:32px;font-size:.82rem;display:flex}.article-byline-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.article-byline strong{color:var(--charcoal);font-weight:600}.article-authors{border-top:1px solid var(--border);flex-direction:column;gap:20px;margin-top:40px;padding-top:40px;display:flex}.article-author{align-items:center;gap:16px;display:flex}.article-author-avatar{background:var(--cream);width:48px;height:48px;color:var(--charcoal);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.article-author-avatar img{object-fit:cover;width:100%;height:100%}.article-author-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:1px;font-size:.68rem;font-weight:600}.article-author-name{font-size:.9rem;font-weight:600}.article-author-role{color:var(--muted);font-size:.8rem}.related{background:#fff;border-top:1px solid #00000014;padding:80px 40px}.related-inner{max-width:var(--max);margin:0 auto}.related-heading{text-align:center;margin-bottom:32px;font-size:1.4rem;font-weight:600}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card{color:inherit;background:#fff;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.article-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000014}.article-card-thumb{aspect-ratio:16/10;background:var(--cream-mid);width:100%;overflow:hidden}.article-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.article-card:hover .article-card-thumb img{transform:scale(1.04)}.article-card-body{padding:20px}.article-card-category{text-transform:uppercase;letter-spacing:.1em;color:#ff7a18;margin-bottom:8px;font-size:.65rem;font-weight:600}.article-card-title{margin-bottom:8px;font-size:.95rem;font-weight:600;line-height:1.35}.article-card-meta{color:var(--muted);font-size:.75rem}@media (max-width:768px){.article-hero{padding:120px 24px 0}.article-body{padding:32px 24px 60px}.related{padding:60px 24px}.related-grid{grid-template-columns:1fr}}
