.portrait-article-hero{padding:140px 24px 72px;border-bottom:1px solid var(--border);background:var(--bg-1)}.portrait-article-hero-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);gap:72px;align-items:center}.portrait-article-hero .article-title{margin:0 0 20px;font-size:clamp(2.5rem,5vw,4.4rem);font-weight:900;font-style:italic;line-height:.9;text-transform:uppercase;letter-spacing:-.04em}.portrait-article-hero .article-title span{color:var(--accent)}.portrait-article-hero .article-subtitle{max-width:620px;color:var(--text-2);font-size:1.05rem;line-height:1.7;font-style:italic}.portrait-article-image{border:1px solid var(--border);border-radius:30px;padding:14px;overflow:hidden;background:var(--surface);transition:border-color .3s,box-shadow .3s}.portrait-article-image:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 20px 45px var(--shadow)}.portrait-article-image img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(100%);border-radius:20px;transition:filter .6s,transform .6s}.portrait-article-image:hover img{filter:grayscale(0);transform:scale(1.04)}.portrait-article-body{max-width:900px;margin:0 auto;padding:70px 24px 0}.portrait-article-body p{margin:0 0 1.4rem;color:var(--text-2);font-size:17px;line-height:1.85;font-weight:300}.portrait-article-body h2{margin:3.5rem 0 1.2rem;color:var(--text-1);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:900;font-style:italic;line-height:1.05;text-transform:uppercase}.portrait-article-body blockquote{margin:2.5rem 0;padding:18px 26px;border-left:3px solid var(--accent);color:var(--text-1);font-size:1.25rem;line-height:1.55;font-style:italic;background:var(--surface)}.portrait-article-cta{text-align:center;padding:48px 24px 90px}@media(max-width:900px){.portrait-article-hero{padding-top:110px}.portrait-article-hero-inner{grid-template-columns:1fr;gap:34px}.portrait-article-image{max-width:480px;margin:0 auto}.portrait-article-body{padding-top:50px}}@media(max-width:640px){.portrait-article-hero{padding:105px 20px 50px}.portrait-article-hero .article-title{font-size:clamp(2.2rem,12vw,3.4rem)}.portrait-article-body{padding:42px 20px 0}.portrait-article-body p{font-size:16px;line-height:1.75}.portrait-article-body h2{margin-top:2.7rem}.portrait-article-body blockquote{font-size:1.05rem;padding-left:18px}}body.light-mode .portrait-article-image{background:#fff}body.light-mode .portrait-article-body blockquote{background:var(--surface-2)}