.portfolio-hero{align-items:center;min-height:min(780px,100svh - 106px);padding:80px 0 88px;display:grid}.portfolio-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.portfolio-hero-copy{min-width:0}.portfolio-hero-copy h1{margin-top:20px;font-size:clamp(52px,5.5vw,78px);line-height:1.02}.portfolio-hero-copy>p{max-width:560px;color:var(--muted);margin:28px 0 0;font-size:18px;line-height:1.75}.portfolio-featured{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;display:block;overflow:hidden}.portfolio-featured-image{aspect-ratio:1894/953;background:var(--surface-2);overflow:hidden}.portfolio-featured-image img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.portfolio-featured-caption{justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex}.portfolio-featured-caption>div{flex-direction:column;gap:7px;display:flex}.portfolio-featured-caption small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600}.portfolio-featured-caption strong{color:var(--text);letter-spacing:-.035em;font-size:24px;line-height:1.2}.portfolio-featured-caption span{color:var(--muted);font-size:13px}.portfolio-featured .portfolio-featured-arrow{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.portfolio-featured:hover .portfolio-featured-arrow,.portfolio-featured:focus-visible .portfolio-featured-arrow{border-color:var(--accent)}@media (max-width:1020px){.portfolio-hero{min-height:0;padding:64px 0}.portfolio-hero-grid{grid-template-columns:1fr;gap:44px}.portfolio-hero-copy{max-width:760px}.portfolio-featured{width:100%;max-width:760px}}@media (max-width:600px){.portfolio-hero{padding:44px 0 56px}.portfolio-hero-copy h1{font-size:clamp(48px,12vw,62px)}.portfolio-hero-copy>p{margin-top:22px;font-size:16px}.portfolio-featured{border-radius:14px}.portfolio-featured-caption{gap:16px;padding:20px}.portfolio-featured-caption strong{font-size:22px}}
