.portfolio-categories-section{padding:80px 24px;background-color:#ffffff}.portfolio-categories-container{max-width:1200px;margin:0 auto;text-align:center}.portfolio-categories-container h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;color:#0b1136;margin-bottom:48px}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.category-card{background:#ffffff;border:1px solid #eaeaea;border-radius:12px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.06);border-color:#2E78B3}.category-icon{font-size:36px;line-height:1}.category-card h3{font-size:16px;font-weight:700;color:#0b1136;margin:0}.category-count{font-size:13px;color:#888;font-weight:500}@media (max-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}.portfolio-categories-section{padding:50px 16px}}.portfolio-grid-section{padding:80px 24px;background-color:#f8fafc}.portfolio-grid-container{max-width:1200px;margin:0 auto}.portfolio-grid-header{text-align:center;margin-bottom:48px}.portfolio-grid-header h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;color:#0b1136;margin-bottom:12px}.portfolio-grid-header p{font-size:18px;color:#555;max-width:600px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-project-card{background:#ffffff;border:1px solid #eaeaea;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.portfolio-project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.06)}.portfolio-project-image{position:relative;height:240px;overflow:hidden}.portfolio-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-project-card:hover .portfolio-project-image img{transform:scale(1.05)}.portfolio-project-overlay{position:absolute;inset:0;background:rgba(11,47,97,.92);color:#ffffff;display:flex;flex-direction:column;justify-content:center;padding:28px;opacity:0;transition:opacity .3s ease}.portfolio-project-card:hover .portfolio-project-overlay{opacity:1}.portfolio-project-category{display:inline-block;background:rgba(255,255,255,.15);padding:4px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px;width:fit-content}.portfolio-project-overlay p{font-size:14px;line-height:1.6;margin:0 0 20px;opacity:.9}.portfolio-project-link{color:#85C051;font-weight:600;font-size:14px;text-decoration:none;transition:color .2s ease}.portfolio-project-link:hover{color:#ffffff}.portfolio-project-body{padding:20px}.portfolio-project-body h3{font-size:18px;font-weight:700;color:#0b1136;margin:0 0 6px}.portfolio-project-category-label{font-size:13px;color:#2E78B3;font-weight:500}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid-section{padding:50px 16px}}.portfolio-hero{position:relative;width:100%;min-height:420px;display:flex;align-items:center;overflow:hidden}.portfolio-hero-bg{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:50%}.portfolio-hero-bg:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}.portfolio-hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:80px 60px;width:100%;color:#ffffff}.portfolio-hero-title{font-size:clamp(36px,5vw,56px);font-weight:800;margin-bottom:20px;line-height:1.1;letter-spacing:-.02em;text-shadow:0 4px 12px rgba(0,0,0,.15)}.portfolio-hero-accent{color:#85C051}.portfolio-hero-subtitle{font-size:clamp(17px,2vw,22px);line-height:1.6;max-width:700px;color:rgba(255,255,255,.9);text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:768px){.portfolio-hero-content{padding:60px 24px}}