.mrb-portfolio{--mrb-ease:cubic-bezier(.22,.75,.18,1);--mrb-gap-y:clamp(12px,2vw,28px);--mrb-gap-x:clamp(12px,2.2vw,34px);position:relative;width:100%;height:calc(100svh - var(--mrb-header-height,110px));min-height:420px;overflow:hidden;isolation:isolate;outline:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:contain}
.mrb-portfolio.is-viewport-fixed{position:fixed!important;z-index:10;inset:var(--mrb-viewport-top,0px) 0 0!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important}
html.mrb-portfolio-active,html.mrb-portfolio-active body{height:100%!important;overflow:hidden!important;overscroll-behavior:none!important}
.mrb-portfolio *{box-sizing:border-box}
.mrb-stage{position:absolute;inset:var(--mrb-gap-y) var(--mrb-gap-x)}
.mrb-project{position:absolute;inset:0}
.mrb-project{overflow:hidden;border-radius:clamp(19px,2.2vw,34px);color:#fff;background:var(--mrb-c3);opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .65s var(--mrb-ease),transform .9s var(--mrb-ease),visibility 0s .9s;isolation:isolate}
.mrb-project.is-active{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}
.mrb-project::before,.mrb-project::after{content:"";position:absolute;z-index:-2;inset:-25%}
.mrb-project::before{background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.23),transparent 20%),linear-gradient(132deg,var(--mrb-c1) 0 20%,var(--mrb-c2) 20% 68%,var(--mrb-c3) 68%)}
.mrb-project::after{z-index:-1;background:linear-gradient(120deg,color-mix(in srgb,var(--mrb-c3) 88%,transparent),transparent 55%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 76px)}
.mrb-meta{position:absolute;z-index:5;left:clamp(26px,4vw,64px);top:clamp(24px,4vw,58px);width:min(36vw,520px)}
.mrb-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 13px!important;font-size:clamp(.68rem,.82vw,.82rem);line-height:1.3;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.mrb-eyebrow::after{content:"";display:block;width:clamp(32px,4vw,62px);height:1px;background:currentColor;opacity:.65}
.mrb-meta h2{padding:0!important;margin:0!important;color:inherit!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:clamp(2.15rem,5vw,5.4rem)!important;font-weight:700!important;line-height:.89!important;letter-spacing:-.065em!important;max-width:11ch}
.mrb-discipline{margin:17px 0 0!important;font-size:clamp(.76rem,1.05vw,1rem);line-height:1.3;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.mrb-devices{position:absolute;z-index:3;right:clamp(20px,3.5vw,60px);top:50%;width:min(64vw,1020px);aspect-ratio:1607/979;transform:translateY(-43%);transition:transform 1s var(--mrb-ease);transform-origin:center}
.mrb-project.is-zoomed .mrb-devices{transform:translateY(-42%) scale(1.035)}
.mrb-branding{position:absolute;z-index:3;right:clamp(32px,5vw,84px);top:50%;width:min(57vw,920px);height:min(70vh,690px);transform:translateY(-46%);transition:transform 1s var(--mrb-ease);transform-origin:center}
.mrb-project.is-zoomed .mrb-branding{transform:translateY(-45%) scale(1.035)}
.mrb-brand-piece{position:absolute;overflow:hidden;margin:0;background:#eee;box-shadow:0 24px 48px rgba(0,0,0,.24)}
.mrb-brand-piece img{display:block;width:100%;height:100%;object-fit:cover}
.mrb-brand-piece--1{z-index:1;left:18%;top:2%;width:67%;height:76%;transform:rotate(-2deg)}
.mrb-brand-piece--2{z-index:3;left:0;bottom:0;width:35%;height:43%;transform:rotate(3deg)}
.mrb-brand-piece--3{z-index:4;right:0;bottom:5%;width:31%;height:39%;transform:rotate(-3deg)}
.mrb-brand-piece--4{z-index:2;right:4%;top:0;width:28%;height:31%;transform:rotate(4deg)}
.mrb-branding--1 .mrb-brand-piece--1{left:8%;top:4%;width:84%;height:88%;transform:rotate(-1deg)}
.mrb-branding--2 .mrb-brand-piece--1{left:18%;width:72%;height:78%}.mrb-branding--2 .mrb-brand-piece--2{width:39%;height:48%}
.mrb-branding--merchandising .mrb-brand-piece{border-radius:clamp(12px,1.4vw,24px)}
.mrb-branding--merchandising .mrb-brand-piece--1{left:14%;top:4%;width:62%;height:72%;transform:rotate(0)}
.mrb-branding--merchandising .mrb-brand-piece--2{left:0;bottom:2%;width:34%;height:38%;transform:rotate(-4deg)}
.mrb-branding--merchandising .mrb-brand-piece--3{right:2%;bottom:1%;width:37%;height:44%;transform:rotate(4deg)}
.mrb-branding--merchandising .mrb-brand-piece--4{right:1%;top:1%;width:31%;height:34%;transform:rotate(2deg)}
.mrb-branding--graphic .mrb-brand-piece{background:#f4f1e9;box-shadow:0 20px 44px rgba(0,0,0,.3)}
.mrb-branding--graphic .mrb-brand-piece--1{left:26%;top:0;width:45%;height:78%;transform:rotate(-1deg)}
.mrb-branding--graphic .mrb-brand-piece--2{left:2%;top:19%;width:34%;height:62%;transform:rotate(-6deg)}
.mrb-branding--graphic .mrb-brand-piece--3{right:2%;top:13%;width:33%;height:62%;transform:rotate(5deg)}
.mrb-branding--graphic .mrb-brand-piece--4{left:37%;bottom:0;width:34%;height:34%;transform:rotate(3deg)}
.mrb-video{position:absolute;z-index:3;right:clamp(36px,5.5vw,90px);top:50%;width:min(58vw,980px);aspect-ratio:16/9;overflow:hidden;border-radius:clamp(12px,1.5vw,24px);background:#111;box-shadow:0 34px 64px rgba(0,0,0,.34);transform:translateY(-45%);transition:transform 1s var(--mrb-ease)}
.mrb-project.is-zoomed .mrb-video{transform:translateY(-44%) scale(1.035)}
.mrb-video>img{display:block;width:100%;height:100%;object-fit:cover}
.mrb-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.48))}
.mrb-video-play{position:absolute;left:50%;top:50%;width:clamp(68px,7vw,108px);aspect-ratio:1;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.85);border-radius:50%;color:#fff!important;background:rgba(0,0,0,.16);text-decoration:none!important;transform:translate(-50%,-50%);backdrop-filter:blur(5px);transition:.35s ease}
.mrb-video-play:hover,.mrb-video-play:focus-visible{background:#fff;color:#171311!important;transform:translate(-50%,-50%) scale(1.06)}
.mrb-video-play svg{width:52%;height:52%;margin-left:5%}
.mrb-video-label{position:absolute;left:clamp(18px,2vw,32px);bottom:clamp(16px,2vw,30px);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.mrb-frame{position:absolute;z-index:10;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 30px 38px rgba(0,0,0,.28))}
.mrb-custom-mockup{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 38px rgba(0,0,0,.28))}
.mrb-screen{position:absolute;overflow:hidden;background:var(--mrb-c3);container-type:inline-size}
.mrb-screen-bg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.mrb-screen-copy{position:absolute;inset:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.46)}
.mrb-screen-copy::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 32%,rgba(0,0,0,.08))}
.mrb-screen-logo{position:absolute;z-index:1;left:6%;top:7%;width:21%;height:auto!important;max-height:20%;object-fit:contain!important;object-position:left top!important}
.mrb-screen-nav{position:absolute;z-index:1;right:5%;top:9%;font-size:1.55cqw;line-height:1;white-space:pre;font-weight:700}
.mrb-screen-headline{position:absolute;z-index:1;left:10%;right:5%;top:44%;font-size:4.5cqw;line-height:1.05;letter-spacing:-.035em}
.mrb-screen-cta{position:absolute;z-index:1;left:10%;top:64%;padding:.55em .8em;border:1px solid currentColor;border-radius:4px;font-size:1.5cqw;font-weight:700;text-transform:uppercase}
.mrb-tablet .mrb-screen-logo{width:36%;left:8%}.mrb-tablet .mrb-screen-headline{left:9%;right:8%;top:46%;font-size:7.4cqw}.mrb-tablet .mrb-screen-cta{left:9%;top:66%;font-size:3.5cqw}
.mrb-phone .mrb-screen-logo{width:55%;left:9%;top:7%}.mrb-phone .mrb-screen-headline{left:10%;right:8%;top:39%;font-size:10cqw}.mrb-phone .mrb-screen-cta{left:10%;top:67%;font-size:5cqw}
.mrb-monitor{z-index:1;left:20.35%;top:14.91%;width:48.54%;height:44.43%;border-radius:1.2%}
.mrb-tablet{z-index:2;left:6.84%;top:42.08%;width:16.74%;height:35.04%;border-radius:4%}
.mrb-phone{z-index:3;left:26.26%;top:53.63%;width:7.09%;height:24.31%;border-radius:10%}
.mrb-laptop{z-index:4;left:58.25%;top:41.16%;width:31.99%;height:29.32%;border-radius:2%}
.mrb-link{position:absolute;z-index:9;right:clamp(25px,3vw,48px);bottom:clamp(24px,3vw,45px);width:clamp(70px,7.4vw,112px);aspect-ratio:1;border:1.5px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center;color:#fff!important;background:rgba(0,0,0,.08);text-decoration:none!important;backdrop-filter:blur(4px);transition:background .3s ease,transform .5s var(--mrb-ease)}
.mrb-link svg{width:35%;height:35%;transition:transform .55s var(--mrb-ease)}
.mrb-link:hover,.mrb-link:focus-visible{background:#fff;color:#171311!important;transform:scale(1.06);outline:none}
.mrb-link:hover svg,.mrb-link:focus-visible svg{transform:rotate(45deg)}
.mrb-link span{position:absolute;right:calc(100% + 15px);white-space:nowrap;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateX(8px);transition:.35s ease}
.mrb-link:hover span,.mrb-link:focus-visible span{opacity:1;transform:none}
.mrb-dots{position:absolute;z-index:12;left:50%;bottom:clamp(23px,3vw,44px);display:flex;gap:8px;transform:translateX(-50%)}
.mrb-dots button{width:32px;height:18px;border:0;background:transparent;padding:0;cursor:pointer;position:relative}
.mrb-dots button::after{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:rgba(255,255,255,.42);transition:.35s ease}
.mrb-dots button[aria-current=true]::after{background:#fff;transform:scaleY(2)}
.mrb-hint{position:absolute;z-index:12;left:clamp(27px,4vw,60px);bottom:clamp(28px,3.2vw,49px);margin:0!important;color:#fff;font-size:.64rem;letter-spacing:.17em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.mrb-hint::before{content:"";width:6px;height:6px;border:1px solid #fff;border-radius:50%;animation:mrb-pulse 1.8s infinite}
.mrb-count{position:absolute;z-index:12;right:clamp(28px,4vw,60px);top:clamp(20px,3vw,42px);font-size:.72rem;letter-spacing:.16em;font-weight:700;color:#fff}
.mrb-empty{padding:2rem;border:1px solid #ddd;background:#fff}
@keyframes mrb-pulse{50%{transform:scale(1.7);opacity:.25}}
@media(max-width:860px){.mrb-portfolio{min-height:560px}.mrb-meta{left:24px;right:24px;top:24px;width:auto}.mrb-eyebrow{margin-bottom:9px!important}.mrb-meta h2{font-size:clamp(2.1rem,10vw,4rem);max-width:9ch}.mrb-discipline{margin-top:10px!important}.mrb-devices{right:-12%;top:58%;width:112vw;transform:translateY(-36%)}.mrb-project.is-zoomed .mrb-devices{transform:translateY(-36%) scale(1.025)}.mrb-branding{right:2%;top:59%;width:94vw;height:52vh;transform:translateY(-35%)}.mrb-project.is-zoomed .mrb-branding{transform:translateY(-35%) scale(1.025)}.mrb-video{right:4%;top:61%;width:92%;transform:translateY(-35%)}.mrb-project.is-zoomed .mrb-video{transform:translateY(-35%) scale(1.025)}.mrb-link{width:68px;right:22px;bottom:23px}.mrb-link span{display:none}.mrb-dots{bottom:34px}.mrb-hint{display:none}.mrb-count{display:none}}
@media(max-width:520px){.mrb-portfolio{--mrb-gap-y:9px;--mrb-gap-x:9px}.mrb-project{border-radius:18px}.mrb-meta{left:20px;top:20px}.mrb-eyebrow{font-size:.58rem}.mrb-discipline{font-size:.62rem}.mrb-devices{width:112vw;right:-6%;top:61%}.mrb-branding{right:-5%;width:105vw;height:48vh;top:61%}.mrb-dots{left:26px;transform:none;bottom:29px}.mrb-link{width:58px;right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.mrb-portfolio *,.mrb-portfolio *::before,.mrb-portfolio *::after{animation:none!important;transition-duration:.01ms!important}}