.agency-portfolio-hero{text-align:center;flex-direction:column;align-items:center;padding:12rem 5% 4rem;display:flex;position:relative}.agency-portfolio-hero .agency-hero-badge{margin-bottom:1.5rem}.agency-portfolio-hero h1{letter-spacing:-.03em;max-width:900px;margin-bottom:1.5rem;font-size:clamp(2.75rem,7vw,5.5rem);line-height:1}.agency-portfolio-hero h1 span{color:#2563eb}.agency-portfolio-hero p{color:#64748b;max-width:640px;margin:0 auto;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.agency-portfolio-page{padding:3rem 5% 8rem}.agency-portfolio-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:4rem;display:flex}.agency-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:100px;padding:.6rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.agency-filter-btn:hover{color:#2563eb;border-color:#2563eb}.agency-filter-btn--active{color:#fff;background:#2563eb;border-color:#2563eb}.agency-portfolio-grid--page{grid-template-columns:repeat(3,1fr)}.agency-portfolio-card-btn{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;height:100%;padding:0;font-family:inherit;display:block}.agency-portfolio-card-btn .agency-portfolio-body{padding:1.5rem}.agency-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(6px);background:#02061799;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.agency-modal{background:#fff;border-radius:20px;width:100%;max-width:720px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 30px 80px #02061766}.agency-modal-close{z-index:2;color:#0f172a;cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .2s;display:grid;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #02061726}.agency-modal-close:hover{color:#fff;background:#0f172a}.agency-modal-image{aspect-ratio:16/9;background:#f1f5f9;border-radius:20px 20px 0 0;width:100%;overflow:hidden}.agency-modal-image img{object-fit:cover;width:100%;height:100%;display:block}.agency-modal-content{padding:2.5rem}.agency-modal-category{margin-bottom:1rem;position:static}.agency-modal-content h2{margin-bottom:1.25rem;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.1}.agency-modal-description{color:#475569;margin:0 0 2rem;font-size:1.05rem;line-height:1.7}.agency-modal-meta{margin-bottom:1.5rem}.agency-modal-meta h4{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:.75rem;font-size:.8rem}@media (width<=1024px){.agency-portfolio-grid--page{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.agency-portfolio-hero{padding:8rem 5% 3rem}.agency-portfolio-page{padding:2rem 5% 6rem}.agency-portfolio-grid--page{grid-template-columns:1fr}.agency-modal-content{padding:1.75rem}}@media (prefers-reduced-motion:reduce){.agency-modal-overlay{animation:none}.agency-filter-btn{transition:none}}