:root{--primary-color:#f5ede5;--secondary-color:#f7d7a3;--accent-color:#d4a657;--neutral-dark:#2a2a2a;--neutral-light:#faf9f5;--font-heading:"DM Serif Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif}.portfolio-body{background-color:var(--neutral-light);font-family:var(--font-body);color:var(--neutral-dark);letter-spacing:.01em;line-height:1.65}.portfolio-body h1,.portfolio-body h2,.portfolio-body h3,.portfolio-body h4,.portfolio-body h5,.portfolio-body .portfolio-section-title,.portfolio-font-heading{font-family:var(--font-heading);letter-spacing:.02em;font-weight:400}.portfolio-body html{scroll-behavior:smooth}.portfolio-container{max-width:1200px;margin:0 auto;padding:0 2rem}.portfolio-header{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));z-index:50;border-bottom:1px solid #d4a6574d;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.portfolio-header.scrolled{opacity:.92}.portfolio-section{padding:6rem 0}.portfolio-body h1{font-size:2.75rem;line-height:1.15}.portfolio-body h2{font-size:2.25rem;line-height:1.2}.portfolio-body h3{font-size:1.625rem;line-height:1.25}.portfolio-body h4{font-size:1.35rem;line-height:1.3}.portfolio-body h5{font-size:1.2rem;line-height:1.35}.portfolio-section-title{color:var(--neutral-dark);text-align:center;letter-spacing:.02em;margin-bottom:3.5rem;font-size:2.5rem;font-weight:400}.portfolio-section-title:after{content:"";background-color:var(--accent-color);border-radius:9999px;width:5rem;height:.3rem;margin:1.25rem auto 0;display:block}.portfolio-btn-primary{background-color:var(--accent-color);color:#fff;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:transform .3s,background-color .3s;display:inline-block}.portfolio-btn-primary:hover{background-color:#c5964a;transform:scale(1.05)}.portfolio-btn-primary:focus-visible,.portfolio-btn-secondary:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.portfolio-btn-secondary{background-color:var(--secondary-color);color:var(--neutral-dark);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:transform .3s,background-color .3s;display:inline-block}.portfolio-btn-secondary:hover{background-color:#e8c68f;transform:scale(1.05)}.portfolio-toggle-btn{font-family:var(--font-body);color:var(--accent-color);cursor:pointer;background:0 0;border:1px solid #d4a65766;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s}.portfolio-toggle-btn:hover{border-color:var(--accent-color);background-color:#d4a6571a}.portfolio-toggle-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.portfolio-card{background-color:#fff;border:1px solid #d4a65726;border-radius:.875rem;padding:2rem;transition:box-shadow .3s,transform .2s;box-shadow:0 4px 12px #2a2a2a14,0 2px 4px #2a2a2a0a}.portfolio-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #2a2a2a1f,0 4px 8px #2a2a2a0f}.portfolio-card-experience{border-left:3px solid var(--accent-color)}