.articles-page,.article-page{color:#f7f7f5}
.portfolio-tools--search{grid-template-columns:1fr auto}
.article-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(460px,58svh,620px);padding:clamp(1.5rem,3vw,2.5rem) clamp(22px,7vw,110px) clamp(3.5rem,6vw,5rem);overflow:hidden;border-bottom:1px solid #303030}
.article-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.76) 45%,rgba(5,5,5,.32) 100%),linear-gradient(0deg,rgba(5,5,5,.86) 0%,transparent 55%)}
.article-cover{position:absolute;inset:0;z-index:-2;margin:0;background:#111}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.9) contrast(1.05)}
.article-hero .project-hero-meta{position:absolute;top:clamp(1.5rem,3vw,2.5rem);left:clamp(22px,7vw,110px);right:clamp(22px,7vw,110px);z-index:2;margin:0;border-color:#ffffff3d;color:#bbb}
.article-hero .project-hero-meta a{color:#fff}
.article-hero .eyebrow{position:relative;z-index:2}
.article-hero h1{position:relative;z-index:2;max-width:820px;margin:1rem 0 1.2rem;font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:1.06;letter-spacing:-.03em;text-shadow:0 8px 30px #000}
.article-dek{position:relative;z-index:2;max-width:680px;margin:0;color:#ddd;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(2rem,5vw,4rem);max-width:1240px;margin:0 auto;padding:clamp(3rem,5vw,4.5rem) clamp(22px,7vw,110px) clamp(4rem,7vw,6rem)}
.article-body{max-width:720px}
.article-body h2{margin:clamp(2.5rem,4vw,3.5rem) 0 1rem;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.01em}
.article-body h2:first-child{margin-top:0}
.article-body p{margin:0 0 1.25rem;color:#c7c7c7;font-size:1.02rem;line-height:1.8}
.article-aside{min-width:0}
.article-aside-card{position:sticky;top:110px;display:grid;gap:.75rem;padding:1.6rem;border:1px solid #363636;border-top:2px solid var(--project-accent);background:#101010}
.article-aside-card small{color:#888;font-size:.61rem;letter-spacing:.12em;text-transform:uppercase}
.article-aside-card strong{display:block;margin-top:-.45rem;font-size:.95rem}
.article-aside-card .site-action{margin-top:.6rem}
@media(max-width:900px){
 .article-layout{grid-template-columns:1fr}
 .article-aside-card{position:static;max-width:420px}
}
@media(max-width:760px){
 .article-hero{min-height:0;padding-bottom:3rem}
 .article-hero h1{font-size:clamp(2rem,9vw,2.8rem)}
 .article-cover img{object-position:center 20%}
 .article-layout{padding-inline:18px}
}

/* Fase 07: clientes normalizados enlazados desde artículos. */
.article-client-links a{color:inherit;text-decoration:none}.article-client-links a:hover{color:var(--project-accent)}