.mpe-portfolio,.mpe-case{--mpe-ink:#17131f;--mpe-muted:#756e7d;--mpe-paper:#fff;--mpe-soft:#f5f3f8;--mpe-line:#e8e4eb;color:var(--mpe-ink);font-family:inherit}.mpe-portfolio *,.mpe-case *{box-sizing:border-box}.mpe-portfolio{max-width:1240px;margin:0 auto;padding:80px 24px}.mpe-portfolio-head{max-width:850px;margin-bottom:38px}.mpe-portfolio-head>span,.mpe-section-label>span,.mpe-case-cta>div>span{display:block;font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--mpe-primary);margin-bottom:13px}.mpe-portfolio-head h2,.mpe-section-label h2{font-size:clamp(32px,4.7vw,60px);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px;color:var(--mpe-ink)}.mpe-portfolio-head p{font-size:18px;line-height:1.65;color:var(--mpe-muted);max-width:720px}.mpe-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.mpe-filters button{border:1px solid var(--mpe-line);background:var(--mpe-paper);color:var(--mpe-ink);border-radius:999px;padding:11px 17px;font:600 13px inherit;cursor:pointer;transition:.2s}.mpe-filters button:hover,.mpe-filters button.active{background:var(--mpe-ink);color:#fff;border-color:var(--mpe-ink)}.mpe-projects{display:grid;grid-template-columns:repeat(var(--mpe-columns,3),minmax(0,1fr));gap:22px}.mpe-card{min-width:0;transition:opacity .25s,transform .25s}.mpe-card.mpe-hidden{display:none}.mpe-card-link{display:block;color:inherit;text-decoration:none}.mpe-card figure{position:relative;aspect-ratio:1.18/1;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#201629,#583582);margin:0}.mpe-card figure>img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.mpe-card:hover figure>img{transform:scale(1.04)}.mpe-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:80px;font-weight:800}.mpe-card figure>b{position:absolute;left:14px;top:14px;background:#fff;color:#211526;padding:7px 10px;border-radius:999px;font-size:9px;letter-spacing:.12em}.mpe-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#130b1dc9);display:flex;align-items:flex-end;justify-content:space-between;padding:20px;color:#fff;opacity:0;transition:.3s}.mpe-card:hover .mpe-card-overlay{opacity:1}.mpe-card-overlay i{font-size:22px;font-style:normal}.mpe-card-content{display:flex;justify-content:space-between;gap:16px;padding:16px 3px 6px}.mpe-card-content small{color:var(--mpe-primary);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mpe-card-content h3{font-size:20px;line-height:1.15;letter-spacing:-.025em;margin:6px 0 0;color:var(--mpe-ink)}.mpe-card-content>span{color:var(--mpe-muted);font-size:11px;text-align:right;max-width:100px}.mpe-layout-carousel{max-width:none;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:0;overflow:hidden}.mpe-layout-carousel .mpe-portfolio-head{padding-right:24px}.mpe-carousel{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding:0 max(24px,calc((100vw - 1240px)/2)) 18px 0;scrollbar-width:none}.mpe-carousel::-webkit-scrollbar{display:none}.mpe-carousel .mpe-card{flex:0 0 min(440px,78vw);scroll-snap-align:start}.mpe-carousel-controls{padding:12px max(24px,calc((100vw - 1240px)/2)) 0 0;display:flex;align-items:center;justify-content:flex-end;gap:13px}.mpe-carousel-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--mpe-line);background:var(--mpe-paper);cursor:pointer}.mpe-carousel-controls span{font-size:11px;color:var(--mpe-muted)}.mpe-empty{grid-column:1/-1;padding:50px;text-align:center;background:var(--mpe-soft);border-radius:20px;color:var(--mpe-muted)}.mpe-case{background:var(--mpe-paper);overflow:hidden}.mpe-case>section{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}.mpe-case-hero{min-height:82vh;display:flex;align-items:flex-end;background:linear-gradient(135deg,#15101c,#3a1c5b);color:#fff;padding-top:140px;padding-bottom:85px;position:relative;isolation:isolate}.mpe-case-hero.has-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#100b17e8 0%,#100b17b8 48%,#100b1724 100%),var(--mpe-cover);background-size:cover;background-position:center;z-index:-1}.mpe-case-hero:after{content:"";position:absolute;width:550px;height:550px;background:var(--mpe-project-color);filter:blur(180px);opacity:.25;right:-200px;top:-200px;z-index:-1}.mpe-case-hero-inner{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.mpe-case-copy{max-width:820px}.mpe-case-copy>span{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--mpe-accent)}.mpe-case-copy h1{font-size:clamp(54px,8vw,110px);line-height:.92;letter-spacing:-.06em;color:#fff;margin:18px 0 26px}.mpe-case-copy p{font-size:clamp(18px,2vw,24px);line-height:1.55;color:#e3dce8;max-width:760px}.mpe-client-logo{max-width:180px;max-height:90px;object-fit:contain;filter:brightness(0) invert(1)}.mpe-case-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.mpe-case-actions a,.mpe-case-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border-radius:999px;background:#fff;color:#1e1525;text-decoration:none;font-weight:800;font-size:13px}.mpe-case-actions a.secondary{background:transparent;color:#fff;border:1px solid #ffffff50}.mpe-case-actions i,.mpe-case-cta i{font-style:normal}.mpe-case-meta{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--mpe-line);background:var(--mpe-paper)}.mpe-case-meta>div{padding:30px;border-right:1px solid var(--mpe-line)}.mpe-case-meta>div:last-child{border:0}.mpe-case-meta small,.mpe-case-meta strong{display:block}.mpe-case-meta small{font-size:9px;letter-spacing:.14em;color:var(--mpe-muted);margin-bottom:7px}.mpe-case-meta strong{font-size:14px}.mpe-section-label{max-width:850px;margin-bottom:48px}.mpe-devices,.mpe-case-story,.mpe-before-after,.mpe-case-gallery,.mpe-case-video,.mpe-related{padding-top:110px;padding-bottom:110px}.mpe-devices{background:var(--mpe-soft)}.mpe-device-stage{min-height:620px;display:flex;align-items:center;justify-content:center;position:relative}.mpe-laptop{width:min(900px,82%);position:relative;z-index:1}.mpe-laptop-screen{background:#0d0c10;border:14px solid #1e1d22;border-radius:20px 20px 7px 7px;padding:5px;aspect-ratio:16/10;overflow:hidden;box-shadow:0 35px 80px #21162a30}.mpe-laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.mpe-laptop-camera{position:absolute;width:5px;height:5px;background:#555;border-radius:50%;top:6px;left:50%;z-index:2}.mpe-laptop-base{height:18px;background:linear-gradient(#c9c9cc,#88888d);border-radius:2px 2px 50% 50%;margin:0 -5%;position:relative}.mpe-phone{width:min(235px,27%);position:absolute;right:2%;bottom:0;background:#111;border:8px solid #18171b;border-radius:38px;padding:5px;box-shadow:0 35px 70px #1e132c48;z-index:2}.mpe-phone-screen{aspect-ratio:9/19.5;border-radius:27px;overflow:hidden;background:#222}.mpe-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.mpe-phone-speaker{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:34%;height:15px;background:#18171b;border-radius:10px;z-index:3}.mpe-case-story{background:var(--mpe-paper)}.mpe-story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mpe-story-cards article{padding:34px;border:1px solid var(--mpe-line);border-radius:22px;min-height:320px}.mpe-story-cards article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--mpe-project-color) 12%,transparent);color:var(--mpe-project-color);font-weight:800;font-size:12px}.mpe-story-cards h3{font-size:25px;letter-spacing:-.03em;margin:32px 0 15px;color:var(--mpe-ink)}.mpe-story-cards p{font-size:16px;line-height:1.75;color:var(--mpe-muted)}.mpe-before-after{background:#16121b;color:#fff}.mpe-before-after .mpe-section-label h2{color:#fff}.mpe-before-after .mpe-section-label>span{color:var(--mpe-accent)}.mpe-compare{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:24px;background:#222}.mpe-compare>img,.mpe-compare>div,.mpe-compare>div img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mpe-compare>div{width:var(--mpe-compare);overflow:hidden}.mpe-compare>div img{width:calc(100% / (var(--mpe-compare) / 100%));max-width:none}.mpe-compare>i{position:absolute;left:var(--mpe-compare);top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}.mpe-compare>i:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;background:#fff;color:#151019;border-radius:50%;font-style:normal}.mpe-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.mpe-compare>span{position:absolute;top:18px;background:#16121bcc;color:#fff;padding:8px 11px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.12em}.mpe-compare .before{left:18px}.mpe-compare .after{right:18px}.mpe-case-gallery{background:var(--mpe-soft)}.mpe-gallery-grid{columns:2;column-gap:18px}.mpe-gallery-grid button{border:0;padding:0;background:none;width:100%;display:block;margin:0 0 18px;cursor:zoom-in;break-inside:avoid}.mpe-gallery-grid img{display:block;width:100%;border-radius:18px}.mpe-case-video{background:var(--mpe-paper)}.mpe-video-frame{position:relative;aspect-ratio:16/9;background:#121016;border-radius:24px;overflow:hidden}.mpe-video-frame iframe,.mpe-video-frame video{width:100%;height:100%;border:0;object-fit:cover}.mpe-video-frame>a{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.mpe-testimonial{background:var(--mpe-project-color);color:#fff;text-align:center;padding-top:100px;padding-bottom:100px}.mpe-testimonial>span{display:block;font-size:90px;line-height:.5;opacity:.45}.mpe-testimonial blockquote{font-size:clamp(25px,4vw,48px);line-height:1.25;letter-spacing:-.035em;max-width:1000px;margin:35px auto 24px}.mpe-testimonial p{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.mpe-case-cta{background:#151019;color:#fff;padding-top:85px;padding-bottom:85px;display:flex;align-items:center;justify-content:space-between;gap:50px}.mpe-case-cta h2{font-size:clamp(34px,5vw,65px);letter-spacing:-.05em;line-height:1;margin:8px 0 16px;color:#fff}.mpe-case-cta p{max-width:700px;color:#cfc5d5;font-size:17px;line-height:1.6}.mpe-case-cta>a{flex:0 0 auto;background:var(--mpe-project-color);color:#fff;padding:18px 24px}.mpe-related{background:var(--mpe-paper)}.mpe-lightbox{position:fixed;inset:0;background:#0c0910ed;z-index:999999;display:none;place-items:center;padding:40px}.mpe-lightbox.open{display:grid}.mpe-lightbox img{max-width:95vw;max-height:88vh;object-fit:contain}.mpe-lightbox button{position:absolute;right:25px;top:20px;border:0;background:#fff;color:#111;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer}.mpe-no-scroll{overflow:hidden}.mpe-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.mpe-visible{opacity:1;transform:none}html[data-militao-theme=dark] .mpe-portfolio,html[data-militao-theme=dark] .mpe-case{--mpe-ink:#f7f5fa;--mpe-muted:#bcb5c3;--mpe-paper:#121016;--mpe-soft:#1a1720;--mpe-line:#2c2732}html[data-militao-theme=dark] .mpe-filters button,html[data-militao-theme=dark] .mpe-carousel-controls button{background:#1a1720;color:#f7f5fa}html[data-militao-theme=dark] .mpe-filters button.active{background:#f7f5fa;color:#17131f}@media(max-width:900px){.mpe-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.mpe-story-cards{grid-template-columns:1fr}.mpe-story-cards article{min-height:0}.mpe-device-stage{min-height:480px}.mpe-case-cta{display:block}.mpe-case-cta>a{margin-top:28px}.mpe-client-logo{display:none}}@media(max-width:650px){.mpe-portfolio{padding:55px 16px}.mpe-projects{grid-template-columns:1fr}.mpe-card figure{aspect-ratio:1.3/1}.mpe-case>section{padding-left:20px;padding-right:20px}.mpe-case-hero{min-height:76vh;padding-top:120px;padding-bottom:55px}.mpe-case-copy h1{font-size:52px}.mpe-case-copy p{font-size:17px}.mpe-case-actions{display:grid}.mpe-case-meta{grid-template-columns:1fr}.mpe-case-meta>div{padding:20px;border-right:0;border-bottom:1px solid var(--mpe-line)}.mpe-devices,.mpe-case-story,.mpe-before-after,.mpe-case-gallery,.mpe-case-video,.mpe-related{padding-top:75px;padding-bottom:75px}.mpe-device-stage{min-height:300px;justify-content:flex-start}.mpe-laptop{width:92%}.mpe-laptop-screen{border-width:7px}.mpe-phone{width:28%;right:0;border-width:5px;border-radius:23px}.mpe-phone-screen{border-radius:16px}.mpe-gallery-grid{columns:1}.mpe-testimonial{padding-top:75px;padding-bottom:75px}.mpe-case-cta{padding-top:65px;padding-bottom:65px}.mpe-layout-carousel{padding-left:16px}.mpe-carousel{padding-right:16px}}
.mpe-compare>div{width:100%;clip-path:inset(0 calc(100% - var(--mpe-compare)) 0 0)}.mpe-compare>div img{width:100%}