.portfolio-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:24px}
.home-hero .portfolio-hero-bottom .hero-lead{margin:0;flex:1;min-width:0}
.portfolio-hero-contact{flex-shrink:0;white-space:nowrap}
@media(max-width:620px){
 .home-intro h1{font-size:clamp(30px,8vw,44px);line-height:1.2;letter-spacing:-.055em;margin-top:4px;text-wrap:initial}
 .home-intro h1 em{display:block}
 .home-intro{padding-top:20px}
 .home-hero .portfolio-hero-bottom .hero-lead{font-size:16px;line-height:1.85}
 .portfolio-hero-bottom{margin-top:18px}
 .portfolio-hero-contact{width:100%;min-height:48px}
 .systems-hero{margin-bottom:26px}
 .system-entry{grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding:20px 0!important}
 .system-entry-id,.system-group-code{display:none}
 .system-entry-copy{grid-column:1!important;grid-row:auto!important;font-size:14px!important}
 .system-entry-action{justify-self:start;min-height:40px;padding:9px 16px!important}
 .systems-filters{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:6px}
 .systems-filters{scrollbar-width:none}.systems-filters::-webkit-scrollbar{display:none}
 .systems-filters button{flex-shrink:0}
}
@media(max-width:900px){.portfolio-hero-bottom{flex-direction:column;align-items:flex-start;gap:20px}}
.portfolio-links{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.42);flex-shrink:0}
.portfolio-links a{padding:9px 16px;border-radius:999px;font-size:14px;font-weight:650;color:var(--muted);white-space:nowrap}
.portfolio-links a[aria-current="page"]{background:var(--ink);color:#fff;box-shadow:0 3px 10px rgba(17,18,22,.1)}
.portfolio-links a:hover:not([aria-current]){background:rgba(255,255,255,.7);color:var(--ink)}
.portfolio-links a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:760px){.portfolio-header .brand-subtitle{display:none}.portfolio-header .nav{gap:10px}.portfolio-links a{padding:9px 12px}}
@media(max-width:380px){.portfolio-header .brand-name{font-size:14px}.portfolio-header .brand{gap:7px}.portfolio-header .brand-avatar{width:34px;height:34px}.portfolio-links a{padding:9px;font-size:13px}}

@media(max-width:620px){.portfolio-header .nav{flex-wrap:wrap}.portfolio-links{justify-content:center;max-width:100%}.portfolio-links a{padding:9px 12px}}