/* Secondary pages share the portfolio's typography, grain and light leaks. */
.secondary-page{min-height:100svh}
.secondary-page main{position:relative;z-index:1;flex:1;display:flex;align-items:center;width:100%;padding:150px var(--page,56px) 90px}
.content-page{width:100%;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);column-gap:clamp(60px,7vw,120px);row-gap:34px;font-family:'Golos Text',sans-serif}
.content-page h1{position:static;inset:auto;width:auto;text-align:left;margin:0;font:500 clamp(44px,4.8vw,76px)/1.08 'Golos Text',sans-serif;letter-spacing:-.025em;max-width:10em;text-wrap:balance}
.about-introduction{margin:0 0 36px;font:400 clamp(24px,2.1vw,32px)/1.45 'Golos Text',sans-serif;text-wrap:pretty}
.about-introduction strong{font-weight:500}
.about-page.has-portrait{grid-template-rows:auto 1fr}
.about-page.has-portrait .page-heading{grid-column:2;grid-row:1}
.about-page.has-portrait .about-body{grid-column:2;grid-row:2}
.about-portrait{grid-column:1;grid-row:1/3;margin:0;align-self:start;max-width:480px;filter:drop-shadow(0 8px 14px #0004)}
.about-portrait img{display:block;width:100%;height:auto}
.email-label{margin:0 0 8px;font-size:15px;line-height:1.4;color:#b8afa1}
.email-link{font-size:clamp(21px,2vw,30px);line-height:1.4;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#b8afa166;text-underline-offset:7px;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}
.email-link:hover{color:#fff;text-decoration-color:currentColor}
.page-actions{margin-top:28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.page-text-link{display:inline-flex;align-items:center;gap:14px;font-size:16px;color:#c9c1b5;min-height:44px}
.page-text-link:hover{color:#fff}
.contact-page{align-items:center}
.contact-page h1{font-size:clamp(40px,4.1vw,64px)}
.contact-body .email-link{font-size:clamp(24px,2.5vw,38px)}
.secondary-page footer{flex-shrink:0;margin-top:auto}
@media(max-width:1000px){.secondary-page main{padding-top:140px;padding-bottom:80px}.content-page{column-gap:50px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)}}
@media(max-width:740px){.secondary-page main{padding:120px var(--page,20px) 64px}.content-page{display:block;max-width:600px}.page-heading{margin-bottom:32px}.content-page h1{font-size:clamp(38px,10vw,58px);line-height:1.1}.about-page.has-portrait{display:flex;flex-direction:column;gap:0}.has-portrait .page-heading{order:0}.about-portrait{order:1;width:min(100%,400px);margin:0 0 32px}.has-portrait .about-body{order:2}.about-introduction{font-size:26px;line-height:1.45;margin-bottom:32px}.page-actions{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.email-link{transition:none}}