/* Portfolio-only layout; existing home geometry, palette and typography stay intact. */
.portfolio-intro{padding-block:40px 36px}
.portfolio-intro h1{font-size:clamp(32px,3.3vw,54px);line-height:1.1}
.portfolio-intro>p{font-size:16px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:670px}
.portfolio-switch{display:flex;gap:28px;margin-top:24px;font-size:14px}
.portfolio-switch a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent;color:var(--muted)}
.portfolio-switch [aria-current="page"]{color:var(--text);border-color:var(--text)}
.portfolio-gallery{display:flex;flex-direction:column;gap:88px}
.portfolio-row{display:grid;grid-template-columns:var(--columns);gap:30px;align-items:start}
.portfolio-row figure,.portfolio-row .image-link{display:block;min-width:0}
.portfolio-row img{display:block;width:100%;height:auto}
.portfolio-row--editorial{grid-template-columns:minmax(0,26fr) minmax(0,68fr);column-gap:6%;align-items:center}
.portfolio-editorial-copy{min-width:0;max-width:300px}
.portfolio-editorial-copy h2{font-size:clamp(28px,2.2vw,34px);font-weight:400;line-height:1.15;letter-spacing:-.025em}
.portfolio-editorial-copy p{font-size:16px;line-height:1.5;color:var(--muted);margin-top:20px}
.portfolio-next{padding-block:48px 64px;display:flex;justify-content:flex-end}
.portfolio-work-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin-bottom:32px}
.portfolio-viewer figure{justify-content:center}
.portfolio-viewer #viewer-image{max-height:calc(100% - 64px)}
.portfolio-viewer figcaption{max-width:850px;flex-shrink:0}
.viewer-navigation{position:absolute;left:28px;top:18px;display:flex;gap:12px}
.viewer-navigation button{min-width:48px;min-height:44px;padding:8px 12px;font-size:24px;line-height:1;border:1px solid var(--viewer-line);background:transparent;color:var(--viewer-text)}
.viewer-navigation button:hover,.portfolio-viewer .viewer-close:hover{border-color:var(--viewer-text)}
@media(min-width:1800px){.portfolio-gallery{gap:100px}}
@media(max-width:1000px){.portfolio-gallery{gap:64px}}
@media(max-width:900px){
 .portfolio-row--editorial{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .portfolio-row--editorial figure{width:100%}
 .portfolio-editorial-copy h2{font-size:28px}
 .portfolio-editorial-copy p{font-size:15px;margin-top:16px}
}
@media(max-width:650px){
 .portfolio-intro{padding-block:26px 30px}
 .portfolio-intro>p{font-size:15px;margin-top:16px}
 .portfolio-switch{margin-top:18px}
 .portfolio-gallery{gap:36px}
 .portfolio-row{display:flex;flex-direction:column;gap:36px}
 .portfolio-row figure{width:100%}
 .portfolio-row--editorial{gap:24px}
 .portfolio-next{padding-block:36px 44px;justify-content:flex-start}
 .portfolio-work-links{gap:12px 26px;margin-bottom:28px}
 .viewer-navigation{left:16px}
 .portfolio-viewer #viewer-image{max-height:calc(100% - 92px)}
}