.portfolio-section{position:relative;padding:120px 20px;background:linear-gradient(180deg,#1a1a2e,#0a0a0a);overflow:hidden}.portfolio-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;font-family:Space Mono,monospace;letter-spacing:2px;color:#ffffff;margin:0 0 16px;text-transform:uppercase}.section-subtitle{font-size:1.125rem;color:rgba(232,232,232,.7);margin:0;letter-spacing:1px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:40px}.portfolio-card{position:relative;min-width:320px;max-width:360px;min-height:460px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:1px solid rgba(0,212,255,.15);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.23,1,.32,1),border-color .4s ease,box-shadow .4s ease,background-color .4s ease;display:flex;flex-direction:column;transform:translateZ(0);will-change:transform}.portfolio-card:hover{background:rgba(255,255,255,.08);border-color:rgba(0,212,255,.4);transform:translateY(-6px) scale(1.01);box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 30px rgba(0,212,255,.2)}.portfolio-image-placeholder{width:100%;height:200px;flex-shrink:0;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(124,58,237,.1));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.portfolio-image-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,212,255,.25),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none}.portfolio-card:hover .portfolio-image-placeholder:before{opacity:1}.placeholder-icon{font-size:3.5rem;opacity:.75;will-change:transform}.portfolio-card:hover .placeholder-icon{transform:scale(1.15) rotate(8deg)}.portfolio-content{padding:24px;display:flex;flex-direction:column;gap:10px;flex-grow:1;position:relative;z-index:2}.portfolio-category{font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#00d4ff;font-family:Space Mono,monospace}.portfolio-card-title{font-size:1.25rem;font-weight:700;color:#ffffff;margin:0;font-family:Inter,sans-serif;letter-spacing:.3px;line-height:1.35}.portfolio-description{font-size:.92rem;color:rgba(232,232,232,.68);margin:0;line-height:1.6;font-family:Inter,sans-serif}.portfolio-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,212,255,.12),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.portfolio-card:hover .portfolio-glow{opacity:1}.portfolio-pill{display:inline-flex;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(0,212,255,.18);background:rgba(0,212,255,.08);color:#9fe8ff;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}.portfolio-track-container{overflow:hidden;margin:0 -24px 2rem;padding:1rem 24px 2rem;position:relative;cursor:grab;touch-action:pan-y}.portfolio-track-container.dragging{cursor:grabbing;user-select:none}.portfolio-track{display:inline-flex;gap:1.5rem;min-width:max-content;align-items:stretch;padding-bottom:1rem}.portfolio-track>*{flex:0 0 auto}.portfolio-track-container::-webkit-scrollbar{height:8px}.portfolio-track-container::-webkit-scrollbar-track{background:transparent}.portfolio-track-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}.portfolio-track-container:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.32)}.portfolio-track:after{content:"";flex:0 0 24px}.portfolio-card-img{width:100%;height:100%;object-fit:cover;display:block}.proven-impact-section{margin-top:3rem}.proven-impact-header{display:grid;gap:.75rem;margin-bottom:1.75rem}.portfolio-impact-title{font-size:clamp(1.8rem,3.2vw,2.8rem);margin:0}.portfolio-impact-copy{max-width:740px;color:rgba(232,232,232,.75)}.impact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.impact-card{padding:1.4rem 1.25rem;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);min-height:180px;display:flex;flex-direction:column;gap:.75rem}.impact-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:rgba(133,183,255,.92);font-family:Space Mono,monospace}.impact-value{font-size:2.2rem;margin:0;color:#ffffff}.impact-detail{margin:0;color:rgba(232,232,232,.75);line-height:1.65}.portfolio-section.light{background:linear-gradient(180deg,#f4f1f9,#e9e4f5);color:#1e1830}.portfolio-section.light .impact-value,.portfolio-section.light .portfolio-card-title,.portfolio-section.light .section-title{color:#1e1830}.portfolio-section.light .impact-detail,.portfolio-section.light .portfolio-description,.portfolio-section.light .section-subtitle{color:rgba(34,33,57,.78)}.portfolio-section.light .portfolio-pill{background:rgba(124,58,237,.12);color:#7c3aed;border-color:rgba(124,58,237,.2)}.portfolio-section.light .portfolio-card{background:rgba(255,255,255,.92);border-color:rgba(124,58,237,.14);box-shadow:0 24px 60px rgba(34,33,57,.08)}.portfolio-section.light .portfolio-category{color:#7c3aed}.portfolio-section.light .portfolio-impact-copy{color:rgba(34,33,57,.78)}.portfolio-section.light .impact-card{background:rgba(255,255,255,.95);border-color:rgba(124,58,237,.1)}@media (max-width:980px){.portfolio-track-container{margin:0 -16px 2rem;padding:1rem 16px 2rem}.portfolio-card{min-width:300px;max-width:320px}}@media (max-width:768px){.portfolio-track-container{margin:0 -12px 2rem;padding:.75rem 12px 2rem}.portfolio-track{gap:1rem}.portfolio-card{min-width:280px;max-width:300px;min-height:340px}.portfolio-image-placeholder{height:170px}.portfolio-grid{grid-template-columns:1fr;gap:20px}.section-header{margin-bottom:48px}.portfolio-content{padding:18px}.placeholder-icon{font-size:2.75rem}}@media (prefers-reduced-motion:reduce){.placeholder-icon,.portfolio-card,.portfolio-glow,.portfolio-image-placeholder:before{transition:none!important;transform:none!important}}