.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}html:root body .portfolio-projects .case-grid{align-items:stretch;gap:28px}html:root body .portfolio-projects .case-card{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:none;border-radius:20px;flex-direction:column;padding:12px;transition:border-color .2s;display:flex;overflow:hidden}html:root body .portfolio-projects .case-card:hover{border-color:var(--line-strong);background:var(--surface);box-shadow:none;transform:none}html:root body .portfolio-projects .card-hit-area{z-index:1;border-radius:inherit;position:absolute;inset:0}html:root body .portfolio-projects .case-thumb{border-radius:12px;flex:none}html:root body .portfolio-projects .card-copy{flex-direction:column;flex:1;min-height:0;padding:24px 14px 14px;display:flex}html:root body .portfolio-projects .card-copy:before{display:none}html:root body .portfolio-projects .card-copy .section-kicker{color:var(--muted);font-size:10px;line-height:1.5}html:root body .portfolio-projects .card-copy h3{color:var(--text);margin:9px 0 0;font-size:26px;line-height:1.2}html:root body .portfolio-projects .card-copy p{max-width:100%;margin:12px 0 0;font-size:15px;line-height:1.65}html:root body .portfolio-projects .card-actions{gap:12px 20px;margin-top:auto;padding-top:24px}html:root body .portfolio-projects .case-card .card-link{color:var(--accent);align-items:center;gap:8px;font-size:13px;display:inline-flex}html:root body .portfolio-projects .card-link .link-arrow{width:22px;height:22px;margin-left:0}html:root body .portfolio-projects .card-hit-area:focus-visible{outline-offset:-2px;border-radius:20px}@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}}@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}html:root body .portfolio-projects .case-grid{gap:20px}html:root body .portfolio-projects .case-card{border-radius:18px;padding:8px}html:root body .portfolio-projects .case-thumb{border-radius:10px}html:root body .portfolio-projects .card-copy{padding:20px 12px 12px}html:root body .portfolio-projects .card-copy h3{font-size:24px}}@media (prefers-reduced-motion:reduce){html:root body .portfolio-projects .case-card{transition:none}}