.portfolio-page { --portfolio-primary: var(--microaltech-color-primary,#0b1f3a); --portfolio-accent: var(--microaltech-color-accent,#2f80ed); --portfolio-muted: var(--microaltech-color-muted,#5c6b80); --portfolio-border: var(--microaltech-color-border,#dce5ef); --portfolio-soft:#f6f9fd; --portfolio-radius:8px; --portfolio-shadow:0 18px 45px rgba(11,31,58,.08); }
.portfolio-section{padding:3.5rem 0}.portfolio-section+.portfolio-section{border-top:1px solid rgba(220,229,239,.72)}.portfolio-hero,.portfolio-archive-hero,.portfolio-single__hero{display:grid;gap:2rem;align-items:center}.portfolio-eyebrow{margin:0 0 .75rem;color:var(--portfolio-accent);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.portfolio-hero h1,.portfolio-archive-hero h1,.portfolio-single h1,.portfolio-section h2{margin:0;color:var(--portfolio-primary);line-height:1.08;letter-spacing:0}.portfolio-hero h1,.portfolio-archive-hero h1,.portfolio-single h1{font-size:clamp(2.25rem,8vw,4.5rem)}.portfolio-hero p,.portfolio-archive-hero p,.portfolio-card p,.portfolio-section p{color:var(--portfolio-muted)}.portfolio-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.portfolio-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.78rem 1.1rem;border:1px solid transparent;border-radius:var(--portfolio-radius);font-weight:800;text-decoration:none;transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease,color 180ms ease}.portfolio-button:hover,.portfolio-button:focus,.portfolio-card__link:hover,.portfolio-card__link:focus,.portfolio-gallery__thumb:hover,.portfolio-gallery__thumb:focus{transform:translateY(-1px)}.portfolio-button--primary{background:var(--portfolio-accent);color:#fff}.portfolio-button--secondary{border-color:var(--portfolio-border);background:#fff;color:var(--portfolio-primary)}.portfolio-button--primary:hover,.portfolio-button--primary:focus{background:var(--portfolio-primary);color:#fff}.portfolio-button--secondary:hover,.portfolio-button--secondary:focus{border-color:var(--portfolio-accent);color:var(--portfolio-accent)}.portfolio-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.portfolio-stats div,.portfolio-empty,.portfolio-card,.portfolio-filter,.portfolio-project-meta,.portfolio-testimonial blockquote{padding:1.15rem;border:1px solid var(--portfolio-border);border-radius:var(--portfolio-radius);background:#fff;box-shadow:0 10px 30px rgba(11,31,58,.05)}.portfolio-stats strong,.portfolio-stats span{display:block}.portfolio-stats strong{color:var(--portfolio-primary);font-size:1.6rem}.portfolio-stats span{color:var(--portfolio-muted);font-weight:700}.portfolio-section__heading{max-width:760px;margin-bottom:1.75rem}.portfolio-grid{display:grid;gap:1rem}.portfolio-card{overflow:hidden;padding:0}.portfolio-card__media{display:block;aspect-ratio:16/10;background:var(--portfolio-soft);overflow:hidden}.portfolio-card__media img,.portfolio-single__image img,.portfolio-gallery__main img{width:100%;height:100%;object-fit:cover}.portfolio-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e9f2ff,#f8fafc)}.portfolio-card__body{padding:1.15rem}.portfolio-card h3{margin:0;color:var(--portfolio-primary)}.portfolio-card h3 a{color:inherit;text-decoration:none}.portfolio-meta-line,.portfolio-card__facts span{color:var(--portfolio-accent);font-size:.82rem;font-weight:800;text-transform:uppercase}.portfolio-card__facts{display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-tech-list{display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:1rem 0;list-style:none}.portfolio-tech-list li{padding:.32rem .55rem;border:1px solid var(--portfolio-border);border-radius:999px;background:var(--portfolio-soft);color:var(--portfolio-primary);font-size:.82rem;font-weight:700}.portfolio-card__link{color:var(--portfolio-accent);font-weight:800}.portfolio-filter{display:grid;gap:.9rem;margin:0 0 2rem}.portfolio-filter label{display:grid;gap:.35rem;color:var(--portfolio-primary);font-weight:800}.portfolio-filter input,.portfolio-filter select{min-height:42px;border:1px solid var(--portfolio-border);border-radius:var(--portfolio-radius);padding:.55rem}.portfolio-filter button{min-height:42px;border:0;border-radius:var(--portfolio-radius);background:var(--portfolio-accent);color:#fff;font-weight:800}.portfolio-breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;padding-top:2rem;font-size:.9rem}.portfolio-single__image{overflow:hidden;border-radius:18px;box-shadow:var(--portfolio-shadow)}.portfolio-project-meta dl{display:grid;gap:.8rem;margin:0}.portfolio-project-meta div{display:grid;gap:.2rem}.portfolio-project-meta dt{color:var(--portfolio-muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.portfolio-project-meta dd{margin:0;color:var(--portfolio-primary);font-weight:800}.portfolio-gallery__main{overflow:hidden;aspect-ratio:16/10;border-radius:18px;background:var(--portfolio-soft);box-shadow:var(--portfolio-shadow)}.portfolio-gallery__thumbs{display:flex;gap:.6rem;overflow-x:auto;margin-top:.8rem;padding-bottom:.25rem}.portfolio-gallery__thumb{flex:0 0 88px;aspect-ratio:1;border:2px solid transparent;border-radius:var(--portfolio-radius);padding:0;background:transparent;overflow:hidden;cursor:pointer}.portfolio-gallery__thumb[aria-current=true]{border-color:var(--portfolio-accent)}.portfolio-gallery__thumb img{width:100%;height:100%;object-fit:cover}.portfolio-editor-content>*{max-width:760px;margin-left:auto;margin-right:auto}.portfolio-editor-content .alignwide{max-width:1100px}.portfolio-contact-cta{padding-bottom:4.5rem}.portfolio-contact-cta__inner{display:grid;gap:1rem;padding:2rem;border-radius:18px;background:var(--portfolio-primary);color:#fff;box-shadow:var(--portfolio-shadow)}.portfolio-contact-cta h2,.portfolio-contact-cta p,.portfolio-contact-cta .portfolio-eyebrow{color:#fff}.portfolio-button--light{background:#fff;color:var(--portfolio-primary)}.portfolio-button--outline-light{border-color:rgba(255,255,255,.52);color:#fff}.microaltech-gallery-preview{display:flex;flex-wrap:wrap;gap:.5rem}.microaltech-gallery-preview span{position:relative;display:inline-block}.microaltech-gallery-preview img{display:block;width:80px;height:80px;object-fit:cover}.microaltech-gallery-preview button{position:absolute;top:0;right:0;background:#b32d2e;color:#fff;border:0;border-radius:999px;width:22px;height:22px;cursor:pointer}
@media (min-width:768px){.portfolio-hero,.portfolio-single__hero,.portfolio-contact-cta__inner{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.portfolio-filter{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-project-meta dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.portfolio-button,.portfolio-card__link,.portfolio-gallery__thumb{transition:none}.portfolio-button:hover,.portfolio-button:focus,.portfolio-card__link:hover,.portfolio-card__link:focus,.portfolio-gallery__thumb:hover,.portfolio-gallery__thumb:focus{transform:none}}