.portfolio-shell{--background:#f5f7f9;--foreground:#182b3b;--card:#fff;--card-foreground:#182b3b;--primary:#446580;--primary-foreground:#fff;--muted:#e8edf2;--muted-foreground:#576675;--border:#d8e0e7;--ring:#446580;--secondary:#e8edf2;--secondary-foreground:#304b60;background:var(--background);color:var(--foreground)}.dark .portfolio-shell{--background:#111821;--foreground:#e9eef3;--card:#18222e;--card-foreground:#e9eef3;--primary:#92aec4;--primary-foreground:#15212c;--muted:#202d3b;--muted-foreground:#a5b4c2;--border:#2c3b4b;--ring:#92aec4;--secondary:#202d3b;--secondary-foreground:#d3dee8}.portfolio-shell section[id]{scroll-margin-top:5rem}.portfolio-shell :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.portfolio-hero{border-bottom:1px solid var(--border);align-items:center;min-height:min(840px,90svh);padding-top:10rem;padding-bottom:6rem;display:flex}.portfolio-name{max-width:12ch;font-size:clamp(3.1rem,6.5vw,6rem);line-height:1.03}@media (max-width:640px){.portfolio-hero{min-height:auto;padding-top:8rem;padding-bottom:4rem}}@media (prefers-reduced-motion:reduce){.portfolio-shell *,.portfolio-shell :before,.portfolio-shell :after{transition:none!important;animation:none!important}html:has(.portfolio-shell){scroll-behavior:auto}}