html, body{overflow-x:hidden !important;max-width:100% !important;width:100% !important}:root{--es-navy:#0F172A;--es-electric-blue:#2563EB;--es-cyan:#06B6D4;--es-light-gray:#F8FAFC;--es-text-high-contrast:#E2E8F0;--es-card-bg-opacity:rgba(30, 41, 59, 0.45);--es-card-border:rgba(255, 255, 255, 0.07)}.esolutions-portfolio-layout{background-color:var(--es-navy) !important;color:var(--es-light-gray) !important;font-family:'Inter', sans-serif !important;min-height:100vh;width:100% !important;padding:8rem 2rem !important;box-sizing:border-box !important;position:relative !important;overflow:hidden !important;-webkit-font-smoothing:antialiased}.esolutions-portfolio-layout *{box-sizing:border-box !important}.portfolio-content-wrapper{position:relative;z-index:2;width:100%}.portfolio-ambient-glow{position:absolute;width:1000px;height:1000px;top:-400px;left:50%;transform:translateX(-50%);background:radial-gradient(circle, rgba(37, 99, 235, 0.06) 0%, rgba(6, 182, 212, 0.01) 60%, rgba(0,0,0,0) 100%) !important;z-index:1;pointer-events:none}.esolutions-portfolio-layout h1, .esolutions-portfolio-layout h3{font-family:'Archivo', sans-serif !important;color:#ffffff !important;font-weight:700 !important;line-height:1.15 !important;letter-spacing:-0.02em !important}.portfolio-hero{max-width:700px;margin:0 auto 4rem auto;text-align:center}.portfolio-eyebrow{font-family:monospace !important;font-size:11px !important;font-weight:600 !important;color:var(--es-cyan) !important;letter-spacing:0.2em !important;margin-bottom:1.5rem !important;text-transform:uppercase !important;display:block !important}.portfolio-hero h1{font-size:2.5rem !important;margin:0 0 1rem 0 !important}@media (min-width:768px){.portfolio-hero h1{font-size:3rem !important}}.portfolio-hero p{color:var(--es-text-high-contrast);font-size:1.1rem;margin:0}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1100px;margin:0 auto}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2, 1fr)}}.portfolio-card{background:var(--es-card-bg-opacity);border:1px solid var(--es-card-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease}.portfolio-card:hover{transform:translateY(-6px);border-color:rgba(6, 182, 212, 0.35);box-shadow:0 16px 35px rgba(0, 0, 0, 0.3)}.portfolio-badge{position:absolute;top:1rem;left:1rem;z-index:2;font-family:monospace;font-size:0.7rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;padding:0.3rem 0.7rem;border-radius:99px}.badge-real{background:var(--es-cyan);color:#0F172A}.badge-pending{background:#475569;color:#ffffff}.badge-concept{background:rgba(255, 255, 255, 0.1);color:var(--es-text-high-contrast);border:1px solid var(--es-card-border)}.portfolio-card-img{width:100%;height:220px;object-fit:cover;display:block}.portfolio-card-img-placeholder{background:repeating-linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0.03) 10px, rgba(255,255,255,0.06) 10px, rgba(255,255,255,0.06) 20px)}.portfolio-card-img-concept{background:linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(37, 99, 235, 0.15));display:flex;align-items:center;justify-content:center;font-family:'Archivo', sans-serif;font-weight:700;color:var(--es-cyan);font-size:1.1rem;letter-spacing:0.05em;text-transform:uppercase}.portfolio-card-body{padding:1.75rem}.portfolio-card-tag{display:block;font-size:0.8rem;color:var(--es-cyan);font-weight:600;margin-bottom:0.5rem}.portfolio-card-body h3{font-size:1.3rem !important;margin:0 0 0.75rem 0 !important}.portfolio-card-body p{color:var(--es-text-high-contrast);font-size:0.95rem;line-height:1.6;margin:0 0 1rem 0}.portfolio-card-link{color:var(--es-cyan);font-weight:600;font-size:0.9rem;text-decoration:none}.portfolio-card-link:hover{text-decoration:underline}.portfolio-card-pending, .portfolio-card-concept{opacity:0.85}