/* MADICT HUB Portfolio Page */
.portfolio-page main{overflow:hidden}.portfolio-hero{min-height:720px;padding:170px 0 90px;color:#fff;background:radial-gradient(circle at 77% 48%,rgba(40,96,181,.34),transparent 28%),linear-gradient(125deg,#071226,#0e244b 60%,#142d60);position:relative}.portfolio-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:55px 55px}.portfolio-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;position:relative;z-index:1}.portfolio-hero h1{font-size:clamp(3.4rem,5.3vw,5.25rem)}.portfolio-hero h1 em{color:#78a9fa}.portfolio-hero p{max-width:650px;margin:26px 0 34px;color:#bac8dc;font-size:1.06rem;line-height:1.8}.portfolio-showcase{height:455px;position:relative}.showcase-card{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(15,39,76,.95);box-shadow:0 25px 65px rgba(0,0,0,.38);padding:25px;color:#fff}.showcase-card small{color:#86a5cf;font-size:.56rem;letter-spacing:.12em}.showcase-card strong{display:block;margin-top:9px;font-size:1.1rem}.sc-one{width:310px;height:225px;left:25px;top:35px;transform:rotate(-5deg)}.art-header,.showcase-card{overflow:hidden}.show-bars{height:85px;display:flex;align-items:end;gap:10px;margin-top:18px}.show-bars i{flex:1;height:35%;border-radius:4px 4px 0 0;background:linear-gradient(#73a9ff,#7048e5)}.show-bars i:nth-child(2){height:55%}.show-bars i:nth-child(3){height:72%}.show-bars i:nth-child(4){height:92%}.sc-two{width:300px;height:205px;right:0;top:125px;background:linear-gradient(145deg,#143869,#176de4);transform:rotate(5deg)}.sc-two>span{display:block;width:70%;height:7px;margin-top:16px;border-radius:7px;background:rgba(255,255,255,.25)}.sc-two>span:nth-of-type(2){width:45%}.sc-two>b{display:inline-block;margin-top:19px;padding:7px 12px;border-radius:6px;background:#fff;color:var(--blue);font-size:.56rem}.sc-three{width:220px;height:175px;left:100px;bottom:8px;background:linear-gradient(145deg,#5728aa,#a24dd8);transform:rotate(2deg)}.sc-three>strong{width:54px;height:54px;display:grid;place-items:center;border:1px solid #fff;border-radius:13px;font-size:1.8rem}.sc-three>div{display:flex;gap:8px;margin-top:16px}.sc-three i{width:24px;height:24px;border-radius:50%;background:#fff}.sc-three i:nth-child(2){background:#8cb0ff}.sc-three i:nth-child(3){background:#f0a4ec}.portfolio-stats{background:#0b1932;color:#fff}.portfolio-stats>.container{display:grid;grid-template-columns:repeat(4,1fr)}.portfolio-stats .container>div{padding:28px 30px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}.portfolio-stats .container>div:last-child{border:0}.portfolio-stats strong{color:#78a9fa;font-size:1.05rem}.portfolio-stats span{color:#93a7c4;font-size:.7rem}.portfolio-projects{padding:110px 0;background:var(--pale)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-15px 0 38px}.portfolio-filters button{padding:10px 17px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font:700 .74rem Manrope;cursor:pointer;transition:.2s}.portfolio-filters button:hover,.portfolio-filters button.active{border-color:transparent;background:var(--grad);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.portfolio-item{border:1px solid var(--line);border-radius:19px;background:#fff;overflow:hidden;transition:.3s}.portfolio-item:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(17,45,91,.12)}.portfolio-item.hidden{display:none}.portfolio-art{height:330px;position:relative;overflow:hidden}.portfolio-info{padding:30px}.portfolio-info>div{display:flex;justify-content:space-between}.portfolio-info small{color:var(--blue);font-size:.6rem;font-weight:800;letter-spacing:.12em}.portfolio-info>div span{color:#9baabd;font-size:.65rem}.portfolio-info h3{margin:10px 0;font-size:1.35rem}.portfolio-info p{color:var(--muted);font-size:.88rem}.portfolio-info ul{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;list-style:none}.portfolio-info li{padding:7px 10px;border-radius:7px;background:#eef4fc;color:#49617e;font-size:.64rem}.tff-art{padding:32px;background:linear-gradient(145deg,#0d2a58,#176ee2);color:#fff}.art-header{display:flex;justify-content:space-between}.art-header span{font-weight:800}.art-header b{color:#71e4ae;font-size:.57rem}.art-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.art-kpis i{height:55px;border-radius:9px;background:rgba(255,255,255,.13)}.art-chart{height:130px;display:flex;align-items:end;gap:13px;margin-top:25px;border-bottom:1px solid rgba(255,255,255,.18)}.art-chart span{flex:1;height:32%;border-radius:5px 5px 0 0;background:linear-gradient(#83b2ff,#754fe7)}.art-chart span:nth-child(2){height:52%}.art-chart span:nth-child(3){height:43%}.art-chart span:nth-child(4){height:69%}.art-chart span:nth-child(5){height:78%}.art-chart span:nth-child(6){height:95%}.leave-art{display:grid;place-items:center;background:linear-gradient(145deg,#eaf3ff,#d9e7f9)}.leave-ticket{width:72%;padding:38px;border-radius:18px;background:#fff;box-shadow:0 22px 50px rgba(24,63,124,.15)}.leave-ticket small{color:var(--blue);letter-spacing:.12em}.leave-ticket strong{display:block;margin:14px 0 2px;font-size:2.2rem}.leave-ticket>span{color:var(--muted);font-size:.76rem}.leave-ticket>div{display:flex;gap:8px;margin-top:24px}.leave-ticket i{height:9px;flex:1;border-radius:8px;background:#dbe6f4}.leave-ticket i:first-child{background:var(--grad)}.mtbms-art{display:grid;place-items:center;background:linear-gradient(145deg,#10213f,#203f71)}.profile-stack{width:76%}.profile-stack>div{display:flex;align-items:center;gap:15px;margin:11px 0;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#18325c;color:#fff}.profile-stack b{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--grad);font-size:.6rem}.profile-stack span{display:flex;flex-direction:column;font-size:.8rem;font-weight:700}.profile-stack small{color:#88a0bf;font-size:.62rem}.jts-art{padding:35px;background:linear-gradient(145deg,#1b2838,#3c536b)}.jts-browser{height:100%;padding:28px;border-radius:14px;background:linear-gradient(135deg,#101b28,#24384d);color:#fff}.jts-browser>div{display:flex;gap:6px}.jts-browser i{width:8px;height:8px;border-radius:50%;background:#e85b68}.jts-browser i:nth-child(2){background:#edbc4c}.jts-browser i:nth-child(3){background:#58c98e}.jts-browser small{display:block;margin-top:46px;color:#e95564;letter-spacing:.12em}.jts-browser strong{display:block;max-width:280px;margin:15px 0 24px;font-size:1.65rem}.jts-browser>span{display:inline-block;padding:9px 13px;border-radius:6px;background:#d62f43;font-size:.65rem}.profile-art{background:linear-gradient(145deg,#edf3fb,#dce6f3)}.profile-cover{position:absolute;left:65px;top:35px;width:205px;height:265px;padding:33px;background:linear-gradient(145deg,#0d2449,#176ee1);color:#fff;box-shadow:0 20px 45px rgba(22,55,107,.25);transform:rotate(-3deg)}.profile-cover b{font-size:.62rem;letter-spacing:.12em}.profile-cover strong{display:block;margin-top:50px;font-size:1.8rem}.profile-cover span{position:absolute;bottom:30px;font-size:.58rem}.profile-pages i{position:absolute;right:70px;top:55px;width:155px;height:230px;background:#fff;transform:rotate(5deg);box-shadow:0 15px 35px rgba(22,55,107,.15)}.profile-pages i:nth-child(2){right:35px;top:72px}.startup-art{display:grid;place-items:center;background:linear-gradient(145deg,#5729aa,#a14cd7);color:#fff}.startup-logo{width:105px;height:105px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.8);border-radius:25px;font-size:3rem;font-weight:800}.startup-kit{position:absolute;bottom:30px;display:flex;gap:8px}.startup-kit span{padding:7px 10px;border-radius:6px;background:rgba(255,255,255,.16);font-size:.56rem;font-weight:800}.case-study{padding:105px 0;background:var(--ink);color:#fff}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.case-copy h2{font-size:clamp(2.5rem,4vw,4rem)}.case-copy h2 em{color:#78a9fa}.case-copy>p{margin-top:22px;color:#9cacc2}.case-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.case-points span{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.78rem}.case-points b{margin-right:10px;color:#78a9fa}.case-dashboard{padding:35px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#10213f}.case-top{display:flex;justify-content:space-between;color:#8ca2c1;font-size:.63rem}.case-numbers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.case-numbers>div{padding:23px;border-radius:11px;background:#18345f}.case-numbers strong{display:block;font-size:2rem}.case-numbers small{color:#8fa5c3;font-size:.58rem}.case-lines{margin-top:20px}.case-lines span{display:block;height:13px;margin-top:9px;border-radius:7px;background:#18345f}.case-lines span:first-child{width:90%;background:linear-gradient(90deg,#176ee1 65%,#18345f 65%)}.case-lines span:nth-child(2){width:75%}.case-lines span:nth-child(3){width:82%}.case-lines span:nth-child(4){width:63%}.portfolio-principles{padding:110px 0;background:#fff}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.principle-grid article{padding:30px;border:1px solid var(--line);border-radius:16px}.principle-grid b{color:var(--blue);font-size:.68rem}.principle-grid h3{margin:18px 0 8px;font-size:1.12rem}.principle-grid p{color:var(--muted);font-size:.86rem}.portfolio-contact{padding:55px 0 90px}
@media(max-width:980px){.portfolio-hero{padding:145px 0 80px}.portfolio-hero-grid{grid-template-columns:1fr;gap:45px;text-align:center}.portfolio-hero p{margin-left:auto;margin-right:auto}.portfolio-hero .actions{justify-content:center}.portfolio-showcase{height:430px;max-width:550px;width:100%;margin:auto}.portfolio-grid{grid-template-columns:1fr}.portfolio-art{height:380px}.case-grid{gap:55px}.principle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.portfolio-hero{min-height:auto;padding:125px 0 65px}.portfolio-hero h1{font-size:2.75rem}.portfolio-showcase{height:360px}.sc-one{left:0;width:260px}.sc-two{right:0;width:245px}.sc-three{left:35px}.portfolio-stats>.container{grid-template-columns:1fr 1fr}.portfolio-stats .container>div:nth-child(2){border-right:0}.portfolio-stats .container>div{padding:22px 15px;border-bottom:1px solid rgba(255,255,255,.12)}.portfolio-projects,.portfolio-principles{padding:75px 0}.portfolio-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.portfolio-filters button{white-space:nowrap}.portfolio-art{height:310px}.portfolio-info{padding:25px}.profile-cover{left:30px}.profile-pages i{right:35px}.profile-pages i:nth-child(2){right:10px}.case-study{padding:75px 0}.case-grid,.principle-grid{grid-template-columns:1fr;gap:42px}.case-points{grid-template-columns:1fr}.portfolio-contact{padding:45px 0 75px}}