.mada-pagination,.mada-contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-block:2rem}
.mada-pagination .page-numbers{padding:.6rem 1rem;border:1px solid currentColor;border-radius:.5rem}
.mada-pagination .current{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base)}
.mada-filter-scope{font-size:.875rem;color:var(--wp--preset--color--text-soft)}
.mada-fse-portfolio-wrapper [hidden]{display:none!important}
.mada-filter-btn.active{background:var(--wp--preset--color--primary)!important;color:var(--wp--preset--color--base)!important}
.mada-fse-client-profile h1{overflow-wrap:anywhere}
@media(max-width:600px){.mada-fse-client-profile,.mada-fse-casestudy-hero{overflow-wrap:anywhere}.mada-fse-client-profile div,.mada-fse-casestudy-hero div{min-width:0}}

/* Static showcase styles extracted from render callbacks. */
.mada-view-style-1{max-width: 1280px; margin: 0 auto;}
.mada-view-style-2{background: rgba(var(--mada-accent-rgb),0.12); border: 1px dashed var(--mada-accent); border-radius: 12px; padding: 12px 20px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.mada-view-style-3{font-size: 13.5px; color: var(--mada-text); display: flex; align-items: center; gap: 8px;}
.mada-view-style-4{display: flex; gap: 10px;}
.mada-view-style-5{text-align: center; max-width: 860px; margin: 0 auto 50px;}
.mada-view-style-6{display: inline-flex; align-items: center; gap: 8px; background: rgba(var(--mada-accent-rgb),0.12); border: 1px solid rgba(var(--mada-accent-rgb),0.3); padding: 8px 20px; border-radius: 50px; font-size: 13px; font-weight: 700; color: var(--mada-accent); margin-bottom: 20px;}
.mada-view-style-7{font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 900; line-height: 1.25; margin: 0 0 18px; color: var(--mada-text);}
.mada-view-style-8{font-size: clamp(1rem, 1.8vw, 1.15rem); color: rgba(var(--mada-text-rgb),0.78); line-height: 1.8; margin: 0 auto 30px;}
.mada-view-style-9{display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 30px;}
.mada-view-style-10{background: var(--mada-accent); color:var(--mada-on-accent); border: none; padding: 10px 22px; border-radius: 50px; font-size: 14px; font-weight: 700; cursor: pointer; transition: all 0.25s ease;}
.mada-view-style-11{background: rgba(33,104,105,0.4); color: var(--mada-text); border: 1px solid rgba(var(--mada-text-rgb),0.1); padding: 10px 22px; border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.25s ease;}
.mada-view-style-12{background: rgba(33,104,105,0.2); border: 1px solid rgba(var(--mada-accent-rgb),0.25); border-radius: 20px; padding: 60px 20px; text-align: center; max-width: 600px; margin: 40px auto;}
.mada-view-style-13{font-size: 40px; margin-bottom: 15px;}
.mada-view-style-14{font-size: 20px; font-weight: 800; color: var(--mada-text); margin-bottom: 8px;}
.mada-view-style-15{color: rgba(var(--mada-text-rgb),0.7); font-size: 14px; margin-bottom: 20px;}
.mada-view-style-16{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 30px;}
.mada-view-style-17{position: relative; aspect-ratio: 16/10; overflow: hidden; background: var(--mada-deep);}
.mada-view-style-18{position: absolute; top: 14px; right: 14px; background: rgba(var(--mada-bg-rgb),0.85); color: var(--mada-accent); padding: 6px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; backdrop-filter: blur(8px); border: 1px solid rgba(var(--mada-accent-rgb),0.3);}
.mada-view-style-19{padding: 24px; display: flex; flex-direction: column; flex-grow: 1;}
.mada-view-style-20{display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 13px; color: var(--mada-accent); font-weight: 700;}
.mada-view-style-21{font-size: 19px; font-weight: 800; color: var(--mada-text); margin: 0 0 12px; line-height: 1.4;}
.mada-view-style-22{color: rgba(var(--mada-text-rgb),0.75); font-size: 13.5px; line-height: 1.7; margin: 0 0 20px; flex-grow: 1;}
.mada-view-style-23{background: rgba(var(--mada-bg-rgb),0.6); border: 1px solid rgba(var(--mada-accent-rgb),0.25); border-radius: 12px; padding: 10px 14px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.mada-view-style-24{font-size: 16px; font-weight: 800; color: var(--mada-accent);}
.mada-view-style-25{font-size: 12px; color: rgba(var(--mada-text-rgb),0.65);}
.mada-view-style-26{display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(var(--mada-text-rgb),0.08);}
.mada-view-style-27{background: linear-gradient(135deg, var(--mada-tint) 0%, var(--mada-bg) 80%); border: 1px solid rgba(var(--mada-accent-rgb),0.3); border-radius: 28px; padding: 50px 30px; text-align: center; margin-top: 70px; box-shadow: 0 15px 40px rgba(0,0,0,0.4);}
.mada-view-style-28{font-size: 13px; font-weight: 800; color: var(--mada-accent); text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 12px;}
.mada-view-style-29{font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 900; color: var(--mada-text); margin: 0 0 16px;}
.mada-view-style-30{color: rgba(var(--mada-text-rgb),0.8); font-size: 15px; max-width: 600px; margin: 0 auto 28px; line-height: 1.7;}
.mada-view-style-31{display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;}
.mada-view-style-32{background: var(--mada-accent); color:var(--mada-on-accent); font-weight: 800; font-size: 15px; padding: 13px 34px; border-radius: 50px; text-decoration: none; box-shadow: 0 6px 20px rgba(var(--mada-accent-rgb),0.35);}
.mada-view-style-33{background: rgba(var(--mada-text-rgb),0.1); color: var(--mada-text); font-weight: 700; font-size: 15px; padding: 13px 28px; border-radius: 50px; text-decoration: none; border: 1px solid rgba(var(--mada-text-rgb),0.2);}
.mada-view-style-34{background:var(--mada-bg); border:1px solid var(--mada-accent); border-radius:24px; max-width:960px; width:100%; overflow:hidden; box-shadow:0 25px 60px rgba(0,0,0,0.8); position:relative;}
.mada-view-style-35{padding:16px 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(var(--mada-text-rgb),0.1);}
.mada-view-style-36{background:transparent; border:none; color:var(--mada-text); font-size:24px; cursor:pointer; line-height:1;}
.mada-view-style-37{position:relative; aspect-ratio:16/9; background:#000;}
.mada-view-style-38{width:100%; height:100%; border:none;}
.mada-view-style-39{display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px;}
.mada-view-style-40{background: linear-gradient(180deg, rgba(33,104,105,0.25) 0%, rgba(var(--mada-surface-rgb),0.85) 100%); border: 1px solid rgba(var(--mada-text-rgb),0.08); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.3);}
.mada-view-style-41{display: flex; align-items: center; gap: 16px; margin-bottom: 20px;}
.mada-view-style-42{width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background: var(--mada-accent); color:var(--mada-on-accent); display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 900; flex-shrink: 0; box-shadow: 0 6px 20px rgba(var(--mada-accent-rgb),0.3);}
.mada-view-style-43{font-size: 19px; font-weight: 800; color: var(--mada-text); margin: 0 0 6px;}
.mada-view-style-44{display: inline-block; background: rgba(var(--mada-accent-rgb),0.15); color: var(--mada-accent); border: 1px solid rgba(var(--mada-accent-rgb),0.3); padding: 4px 12px; border-radius: 50px; font-size: 12px; font-weight: 600;}
.mada-view-style-45{background: rgba(var(--mada-bg-rgb),0.6); border: 1px solid rgba(var(--mada-accent-rgb),0.2); border-radius: 12px; padding: 12px 16px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.mada-view-style-46{font-size: 13px; color: rgba(var(--mada-text-rgb),0.8);}
.mada-view-style-47{background: var(--mada-accent); color:var(--mada-on-accent); font-size: 12px; font-weight: 900; padding: 3px 12px; border-radius: 50px;}
.mada-view-style-48{margin: 0 0 20px; padding: 12px 14px; background: rgba(33,104,105,0.2); border-right: 3px solid var(--mada-accent); border-radius: 8px; font-size: 12.5px; color: rgba(var(--mada-text-rgb),0.85); line-height: 1.6; font-style: italic;}
.mada-view-style-49{margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(var(--mada-text-rgb),0.08);}
.mada-view-style-50{background: linear-gradient(135deg, var(--mada-tint) 0%, var(--mada-bg) 80%); border: 1px solid rgba(var(--mada-accent-rgb),0.3); border-radius: 28px; padding: 50px 30px; text-align: center; margin-top: 70px;}
.mada-view-style-51{display: inline-block; background: var(--mada-accent); color:var(--mada-on-accent); font-weight: 800; font-size: 15px; padding: 13px 34px; border-radius: 50px; text-decoration: none; box-shadow: 0 6px 20px rgba(var(--mada-accent-rgb),0.35);}
.mada-view-style-52{max-width: 1200px; margin: 0 auto;}
.mada-view-style-53{display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: rgba(var(--mada-text-rgb),0.7); margin-bottom: 30px;}
.mada-view-style-54{color: var(--mada-accent); font-weight: 600;}
.mada-view-style-55{background: linear-gradient(135deg, rgba(33,104,105,0.35) 0%, rgba(var(--mada-surface-rgb),0.85) 100%); border: 1px solid rgba(var(--mada-accent-rgb),0.3); border-radius: 32px; padding: clamp(24px, 4vw, 44px); margin-bottom: 50px; box-shadow: 0 20px 50px rgba(0,0,0,0.4);}
.mada-view-style-56{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-bottom: 24px;}
.mada-view-style-57{display: flex; align-items: center; gap: 22px;}
.mada-view-style-58{width: 84px; height: 84px; border-radius: 50%; overflow: hidden; background: var(--mada-accent); color:var(--mada-on-accent); display: flex; align-items: center; justify-content: center; font-size: 34px; font-weight: 900; flex-shrink: 0; box-shadow: 0 10px 30px rgba(var(--mada-accent-rgb),0.35); border: 2px solid var(--mada-text);}
.mada-view-style-59{font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 900; color: var(--mada-text); margin: 0 0 8px; line-height: 1.2;}
.mada-view-style-60{display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
.mada-view-style-61{background: rgba(var(--mada-accent-rgb),0.18); border: 1px solid rgba(var(--mada-accent-rgb),0.4); color: var(--mada-accent); padding: 4px 14px; border-radius: 50px; font-size: 13px; font-weight: 700;}
.mada-view-style-62{color: rgba(var(--mada-text-rgb),0.7); font-size: 14px;}
.mada-view-style-63{display: flex; gap: 14px; flex-wrap: wrap;}
.mada-view-style-64{background: rgba(var(--mada-bg-rgb),0.6); border: 1px solid rgba(var(--mada-text-rgb),0.1); border-radius: 16px; padding: 12px 20px; text-align: center;}
.mada-view-style-65{font-size: 12px; color: rgba(var(--mada-text-rgb),0.6); margin-bottom: 4px;}
.mada-view-style-66{font-size: 22px; font-weight: 900; color: var(--mada-accent);}
.mada-view-style-67{font-size: 14px; font-weight: 800; color: var(--mada-text); margin-top: 5px;}
.mada-view-style-68{background: rgba(var(--mada-bg-rgb),0.45); border: 1px solid rgba(var(--mada-text-rgb),0.06); border-radius: 20px; padding: 24px; margin-bottom: 24px; font-size: 15px; line-height: 1.85; color: rgba(var(--mada-text-rgb),0.88);}
.mada-view-style-69{background: rgba(var(--mada-accent-rgb),0.08); border: 1px solid rgba(var(--mada-accent-rgb),0.25); border-radius: 20px; padding: 22px; display: flex; align-items: flex-start; gap: 16px;}
.mada-view-style-70{font-size: 28px; line-height: 1;}
.mada-view-style-71{font-size: 13px; font-weight: 800; color: var(--mada-accent); margin-bottom: 6px;}
.mada-view-style-72{font-size: 14.5px; line-height: 1.8; color: var(--mada-text); font-style: italic;}
.mada-view-style-73{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 30px;}
.mada-view-style-74{font-size: 13px; font-weight: 800; color: var(--mada-accent); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;}
.mada-view-style-75{font-size: 26px; font-weight: 900; color: var(--mada-text); margin: 0;}
.mada-view-style-76{background: rgba(33,104,105,0.2); border: 1px dashed rgba(var(--mada-accent-rgb),0.3); border-radius: 20px; padding: 50px 20px; text-align: center;}
.mada-view-style-77{font-size: 32px; margin-bottom: 12px;}
.mada-view-style-78{font-size: 18px; font-weight: 800; color: var(--mada-text); margin-bottom: 6px;}
.mada-view-style-79{color: rgba(var(--mada-text-rgb),0.7); font-size: 13.5px; margin-bottom: 16px;}
.mada-view-style-80{background: linear-gradient(180deg, rgba(33,104,105,0.3) 0%, rgba(var(--mada-surface-rgb),0.85) 100%); border: 1px solid rgba(var(--mada-text-rgb),0.08); border-radius: 24px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0,0,0,0.3); transition: transform 0.3s ease;}
.mada-view-style-81{position: absolute; top: 14px; right: 14px; background: rgba(var(--mada-bg-rgb),0.85); color: var(--mada-accent); padding: 5px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; border: 1px solid rgba(var(--mada-accent-rgb),0.3); backdrop-filter: blur(6px);}
.mada-view-style-82{font-size: 18px; font-weight: 800; color: var(--mada-text); margin: 0 0 12px; line-height: 1.4;}
.mada-view-style-83{font-size: 12px; color: rgba(var(--mada-text-rgb),0.6);}
.mada-view-style-84{margin-top: auto;}
.mada-view-style-85{text-align: center; margin-top: 50px;}
.mada-view-style-86{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 24px;}
.mada-view-style-87{display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: rgba(var(--mada-text-rgb),0.7);}
.mada-view-style-88{background: rgba(var(--mada-accent-rgb),0.15); border: 1px solid rgba(var(--mada-accent-rgb),0.35); color: var(--mada-accent); padding: 6px 18px; border-radius: 50px; font-size: 13px; font-weight: 700;}
.mada-view-style-89{margin-bottom: 35px;}
.mada-view-style-90{font-size: clamp(2.2rem, 4.5vw, 3.4rem); font-weight: 900; line-height: 1.25; margin: 0 0 16px; color: var(--mada-text);}
.mada-view-style-91{display: inline-flex; align-items: center; gap: 10px; background: rgba(33,104,105,0.35); border: 1px solid rgba(var(--mada-text-rgb),0.12); padding: 10px 22px; border-radius: 50px; font-size: 14.5px;}
.mada-view-style-92{color: var(--mada-accent);}
.mada-view-style-93{color: var(--mada-text);}
.mada-view-style-94{background: var(--mada-deep); border: 1px solid rgba(var(--mada-accent-rgb),0.35); border-radius: 28px; overflow: hidden; margin-bottom: 40px; box-shadow: 0 25px 60px rgba(0,0,0,0.7); position: relative;}
.mada-view-style-95{background: rgba(var(--mada-bg-rgb),0.9); padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(var(--mada-text-rgb),0.08);}
.mada-view-style-96{display: flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 700; color: var(--mada-accent);}
.mada-view-style-97{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--mada-accent); box-shadow: 0 0 10px var(--mada-accent);}
.mada-view-style-98{position: relative; aspect-ratio: 16/9; background: #000;}
.mada-view-style-99{border-radius: 28px; overflow: hidden; margin-bottom: 40px; aspect-ratio: 16/9; box-shadow: 0 20px 50px rgba(0,0,0,0.5);}
.mada-view-style-100{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px; margin-bottom: 50px;}
.mada-view-style-101{background: rgba(33,104,105,0.25); border: 1px solid rgba(var(--mada-accent-rgb),0.25); border-radius: 20px; padding: 24px; text-align: center;}
.mada-view-style-102{font-size: 13px; color: rgba(var(--mada-text-rgb),0.7); margin-bottom: 8px;}
.mada-view-style-103{font-size: 28px; font-weight: 900; color: var(--mada-accent); margin-bottom: 6px;}
.mada-view-style-104{font-size: 12.5px; color: rgba(var(--mada-text-rgb),0.8);}
.mada-view-style-105{font-size: 28px; font-weight: 900; color: var(--mada-text); margin-bottom: 6px;}
.mada-view-style-106{background: linear-gradient(180deg, rgba(33,104,105,0.2) 0%, rgba(var(--mada-surface-rgb),0.6) 100%); border: 1px solid rgba(var(--mada-text-rgb),0.08); border-radius: 28px; padding: 40px; margin-bottom: 50px;}
.mada-view-style-107{display: flex; align-items: center; gap: 12px; margin-bottom: 28px;}
.mada-view-style-108{font-size: 26px;}
.mada-view-style-109{font-size: 24px; font-weight: 900; color: var(--mada-text); margin: 0;}
.mada-view-style-110{display: flex; flex-direction: column; gap: 18px;}
.mada-view-style-111{background: rgba(var(--mada-bg-rgb),0.5); border: 1px solid rgba(var(--mada-accent-rgb),0.2); border-radius: 16px; padding: 20px; display: flex; align-items: flex-start; gap: 20px;}
.mada-view-style-112{background: var(--mada-accent); color:var(--mada-on-accent); font-size: 16px; font-weight: 900; width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 15px rgba(var(--mada-accent-rgb),0.3);}
.mada-view-style-113{font-size: 15px; line-height: 1.8; color: var(--mada-text); padding-top: 6px;}
.mada-view-style-114{background: linear-gradient(135deg, rgba(33,104,105,0.35) 0%, rgba(var(--mada-bg-rgb),0.8) 100%); border: 1px solid rgba(var(--mada-accent-rgb),0.3); border-radius: 28px; padding: 36px; margin-bottom: 50px;}
.mada-view-style-115{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 20px;}
.mada-view-style-116{display: flex; align-items: center; gap: 18px;}
.mada-view-style-117{width: 64px; height: 64px; border-radius: 50%; background: var(--mada-accent); color:var(--mada-on-accent); display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 900; box-shadow: 0 8px 25px rgba(var(--mada-accent-rgb),0.35);}
.mada-view-style-118{font-size: 22px; font-weight: 900; color: var(--mada-text); margin: 0 0 6px;}
.mada-view-style-119{font-size: 13.5px; color: var(--mada-accent); font-weight: 600;}
.mada-view-style-120{color: rgba(var(--mada-text-rgb),0.6); margin-right: 8px;}
.mada-view-style-121{margin: 0; padding: 18px 22px; background: rgba(var(--mada-bg-rgb),0.5); border-right: 4px solid var(--mada-accent); border-radius: 12px; font-size: 14.5px; color: rgba(var(--mada-text-rgb),0.9); line-height: 1.8; font-style: italic;}
.mada-view-style-122{text-align: center; margin-top: 40px;}

.mada-fse-portfolio-wrapper [data-filter][aria-pressed="false"]{background:rgba(33,104,105,.4);color:var(--wp--preset--color--contrast)}