.portfolio-hero{min-height:330px}.portfolio-hero>img{width:75%;object-position:center}.portfolio-hero .engineering-hero-inner{padding-block:20px}.portfolio-hero .engineering-hero-copy{max-width:440px}.portfolio-hero h1{font-size:46px}.portfolio-pillars>.container{grid-template-columns:repeat(4,1fr)}.portfolio-section{padding:24px 0 18px}.portfolio-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.portfolio-heading>div:first-child{max-width:420px}.portfolio-heading h2{font-size:30px;line-height:1.05;margin:8px 0}.portfolio-heading p:not(.eyebrow){font-size:14px;color:#496378;line-height:1.4}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding-top:14px;max-width:670px}.portfolio-filters button{border:1px solid #dde6ed;border-radius:8px;background:#f4f7fa;color:#102f42;padding:9px 12px;min-height:44px;font-size:11px;cursor:pointer}.portfolio-filters button[aria-pressed=true]{background:#032737;color:#fff}.portfolio-notice{background:#f4f7fa;border-left:3px solid #d59d35;padding:12px 15px;font-size:13px;color:#496378;margin:12px 0 18px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 18px}.portfolio-card{background:#f6f8fa;border:1px solid #e5edf2;border-radius:4px;overflow:hidden}.portfolio-card[hidden]{display:none}.portfolio-photo{position:relative}.portfolio-photo img{width:100%;aspect-ratio:2.1;object-fit:cover}.portfolio-photo>span{position:absolute;bottom:0;left:8px;background:#032737;color:white;padding:7px 11px;font-size:10px;text-transform:uppercase;border-radius:4px 4px 0 0}.portfolio-body{padding:10px 15px 13px}.portfolio-body h3{font:700 15px/1.3 Inter,Arial,sans-serif;margin:5px 0}.portfolio-body>p:not(.placeholder-label){color:#496378;font-size:13px;line-height:1.35;margin-bottom:8px}.portfolio-body .text-link{font-size:12px;min-height:44px}.placeholder-label{font-size:9px;font-weight:600;color:#6a7780;letter-spacing:.04em;margin:0}.portfolio-metrics{padding:22px 0;background:#032737;color:#fff}.portfolio-metrics .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.portfolio-metrics .container>div{display:flex;gap:18px;align-items:center;border-right:1px solid #7391a1}.portfolio-metrics .container>div:last-child{border:0}.portfolio-metrics .icon{width:45px;height:45px;color:var(--gold)}.portfolio-metrics p{margin:0}.portfolio-metrics b{font-size:24px;display:block}.portfolio-metrics span{font-size:12px;display:block}.portfolio-testimonials{padding:24px 0}.portfolio-testimonials h2{font-size:28px}.portfolio-testimonials>.container>p:not(.eyebrow){font-size:14px;color:#496378}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.testimonial-grid article{border:1px solid #e2eaf0;border-radius:5px;background:#fafcfd;padding:20px;position:relative}.testimonial-grid article>span{font-size:42px;line-height:1;color:#d59d35;float:left;margin-right:12px}.testimonial-grid p{font-size:13px;color:#496378;line-height:1.5}.testimonial-grid b{display:block;font-size:12px;border-top:2px solid #d59d35;padding-top:10px;width:fit-content}.portfolio-detail-photo{width:100%;max-height:350px;object-fit:cover;margin-block:15px}.portfolio-empty{padding:30px;background:#f6f8fa;border-radius:4px}.portfolio-cta .engineering-cta-grid{grid-template-columns:.85fr 1fr .75fr}.portfolio-cta h2{font-size:27px}button:focus-visible{outline:3px solid #d59d35;outline-offset:3px}
@media(max-width:900px){.portfolio-heading{display:block}.portfolio-heading>div:first-child{max-width:650px}.portfolio-filters{justify-content:flex-start;max-width:none}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-pillars>.container,.portfolio-metrics .container{grid-template-columns:repeat(2,1fr)}.portfolio-metrics .container>div{border:0}.portfolio-cta .engineering-cta-grid{grid-template-columns:1.2fr 1fr}.portfolio-hero .engineering-hero-copy{max-width:490px}}
@media(max-width:600px){.portfolio-hero h1{font-size:38px}.portfolio-hero>img{width:100%}.portfolio-section{padding:30px 0}.portfolio-grid,.testimonial-grid{grid-template-columns:1fr}.portfolio-body h3{font-size:20px}.portfolio-body>p:not(.placeholder-label),.portfolio-testimonials>.container>p:not(.eyebrow){font-size:16px}.portfolio-notice{font-size:14px}.portfolio-filters button{font-size:12px}.portfolio-metrics b{font-size:20px}.portfolio-metrics .container{gap:25px}.portfolio-metrics .container>div{gap:10px}.testimonial-grid p{font-size:16px}.portfolio-cta .engineering-cta-grid{grid-template-columns:1fr}.placeholder-label{font-size:10px}}
