.mp-logo{display:inline-flex;width:58px;height:40px;letter-spacing:normal!important}.mp-logo svg{width:100%;height:100%}.identity-bar{position:fixed;left:4%;right:4%;top:20px;z-index:12;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#f1eee8;mix-blend-mode:difference}.identity-bar a,.identity-bar button{pointer-events:auto}.language{display:flex;gap:10px;align-items:center;font:12px "Nunito Sans",sans-serif;letter-spacing:1px;margin-left:auto;margin-right:100px}.language button{border:0;background:none;color:inherit;padding:10px 3px;cursor:pointer;opacity:.55}.language button[aria-pressed=true]{opacity:1;border-bottom:1px solid currentColor}.inner-page .identity-bar{color:#292c28;mix-blend-mode:normal}.inner-page .language{margin-right:0}.inner-page header{padding-right:100px}.contact .identity-bar{color:#292c28}.slide-copy{position:absolute;left:6.3%;top:25%;width:51%;font-family:"Nunito Sans",sans-serif;font-weight:200}.slide-copy h1,.slide-copy h2{font:inherit;font-size:3.4vw;line-height:1.2;margin:0 0 .5em}.slide-copy .eyebrow,.slide-copy .tags,.slide-copy .roles{font-family:"Nunito Sans",sans-serif;font-size:.85vw;letter-spacing:.13em;line-height:1.8;font-weight:400}.slide-copy .eyebrow{margin-bottom:2em}.slide-copy .sub{font-size:1.8vw;line-height:1.35}.slide-copy .roles{margin-top:3em}.slide-copy .tags{margin-top:3em}.hero-copy{top:35%}.hero-copy h1{font-size:3.3vw;letter-spacing:.06em}.hero-copy .sub{color:#777}.studio-copy{top:17%;width:51%}.studio-copy h2{font-size:3vw}.gallery-copy{top:20%}.gallery-copy h2{font-size:4.2vw}.native-work{position:absolute;left:6.3%;top:38%;font:200 5.6vw "Nunito Sans",sans-serif}.native-links{position:absolute;bottom:8%;left:5%;display:flex;gap:3vw;font-size:1vw;letter-spacing:.15em}.contact-nav{position:absolute;right:5%;top:6%;display:flex;gap:3vw;font-size:1.1vw;letter-spacing:.1em}.native-email{position:absolute;left:54%;top:46%;font:200 2vw "Nunito Sans",sans-serif;border-bottom:1px solid #777}.manifest{width:51%}html[lang=sr-Latn] .manifest{font-size:3.45vw}.language button:focus-visible{outline:2px solid currentColor}@media(max-width:650px){.identity-bar{top:15px}.mp-logo{width:45px;height:30px}.language{font-size:11px;margin-right:80px;gap:6px}.inner-page header{padding-right:70px}.inner-page .language{margin-right:0}.contact-nav{font-size:12px;top:auto;bottom:5%;left:6%;right:auto;gap:20px}.native-links{font-size:12px;gap:25px}.native-email{font-size:2.2vw}.slide-copy .eyebrow{font-size:1.2vw}}

.portrait-original{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.portrait-one{clip-path:inset(0 0 0 55%)}.portrait-contact{clip-path:inset(8% 59% 0 8%)}.portrait-two{clip-path:polygon(44% 10%,57% 10%,57% 32%,62% 39%,64% 67%,60% 80%,42% 80%,42% 66%,46% 64%,46% 56%,42% 56%,41% 44%,44% 35%)}

/* Phone hero: a readable introduction above the approved portrait. */
@media(max-width:650px){
.home-page #slide-1{min-height:100svh;display:block;background:#e8e8e1}
.home-page #slide-1 .canvas{width:100%;height:100svh;min-height:640px;aspect-ratio:auto;background:#e8e8e1}
.home-page #slide-1 .art,.home-page #slide-1 .portrait-one{position:absolute;inset:auto 0 0;width:100%;height:69%;object-fit:cover;object-position:63% center}
.home-page #slide-1 .portrait-one{clip-path:none}
.home-page #slide-1 .art{display:none}
.home-page #slide-1 .portrait-one{mask-image:linear-gradient(to bottom,transparent,#000 13%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%)}
.home-page #slide-1 .hero-copy{left:7%;top:17%;width:86%;z-index:1}
.home-page #slide-1 .hero-copy h1{font-size:clamp(28px,7.6vw,46px);line-height:1.18;letter-spacing:.035em;margin:0 0 14px}
.home-page #slide-1 .hero-copy .sub{font-size:clamp(13px,3.4vw,19px);line-height:1.4;margin:0;color:#5c605a}
.home-page #slide-1 .next-scene{right:7%;bottom:max(16px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:1.3px;background:#e8e8e1e8;color:#292c28;padding:10px 12px;z-index:2}
}
@media(max-width:650px){
.home-page #slide-1 .art,.home-page #slide-1 .portrait-one{display:block;inset:auto auto 0 63%;width:auto;max-width:none;height:69%;aspect-ratio:1672/941;object-fit:fill;transform:translateX(-63%);mask-image:linear-gradient(to bottom,transparent,#000 13%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%)}
.home-page #slide-1 .portrait-one{clip-path:inset(0 0 0 55%)}
}
@media(max-width:450px){
.home-page #slide-1 .art,.home-page #slide-1 .portrait-one{left:90%;transform:translateX(-90%)}
}
/* Full-bleed phone composition, retaining the approved photograph. */
@media(max-width:650px){
.home-page #slide-1 .art,.home-page #slide-1 .portrait-one{height:100%;left:70%;transform:translateX(-70%);mask-image:none;-webkit-mask-image:none}
.home-page #slide-1 .hero-copy{top:25%;left:6%;width:64%}
.home-page #slide-1 .hero-copy h1{font-size:clamp(25px,6.8vw,40px);line-height:1.23;letter-spacing:.025em}
.home-page #slide-1 .hero-copy .sub{font-size:clamp(12px,3.1vw,18px);max-width:90%;color:#555952}
}
@media(max-width:450px){
.home-page #slide-1 .art,.home-page #slide-1 .portrait-one{left:75.5%;transform:translateX(-75.5%)}
.home-page #slide-1 .hero-copy{top:12%;width:45%}
.home-page #slide-1 .hero-copy h1{font-size:26px}
.home-page #slide-1 .hero-copy .sub{max-width:145px;font-size:12px}
}
@media(max-width:450px){
.home-page #slide-1 .art,.home-page #slide-1 .portrait-one{left:73%;transform:translateX(-73%)}
.home-page #slide-1 .hero-copy{top:38%;width:43%}
}
@media(max-width:450px){
.home-page #slide-1 .hero-copy{color:#fff;mix-blend-mode:difference}
.home-page #slide-1 .hero-copy .sub{color:#eee}
}
/* Mobile studio scene: portrait above, readable copy over the dark foreground. */
@media(max-width:650px){
.home-page #slide-2{min-height:100svh;display:block;background:#080f13}
.home-page #slide-2 .canvas{height:100svh;min-height:740px;width:100%;aspect-ratio:auto}
.home-page #slide-2 .art,.home-page #slide-2 .portrait-two{position:absolute;inset:0 auto auto 52%;height:100%;width:auto;max-width:none;aspect-ratio:1672/941;object-fit:fill;transform:translateX(-52%)}
.home-page #slide-2 .canvas::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 27%,rgba(3,10,14,.3) 40%,rgba(3,10,14,.9) 72%,#030a0e 100%);pointer-events:none}
.home-page #slide-2 .studio-copy{left:7%;top:47%;width:86%;z-index:1;color:#f3f1ec}
.home-page #slide-2 .studio-copy .eyebrow{font-size:10px;letter-spacing:.2em;margin:0 0 18px}
.home-page #slide-2 .studio-copy h2{font-size:27px;line-height:1.22;margin:0;font-weight:200}
.home-page #slide-2 .studio-copy .roles{font-size:9px;line-height:1.85;letter-spacing:.09em;margin:23px 0 0;max-width:320px}
.home-page #slide-2 .studio-copy .tags{font-size:8px;line-height:1.8;letter-spacing:.1em;margin-top:20px;max-width:310px;color:#bcc4c7}
.home-page #slide-2 .next-scene{bottom:max(14px,env(safe-area-inset-bottom));right:6%;z-index:2;background:none;font-size:10px}
}
/* Mobile gallery scene. */
@media(max-width:650px){
.home-page #slide-3{min-height:100svh;display:block;background:#222820}
.home-page #slide-3 .canvas{height:100svh;min-height:740px;width:100%;aspect-ratio:auto}
.home-page #slide-3 .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center}
.home-page #slide-3 .canvas::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(12,20,16,.65),rgba(12,20,16,.5) 31%,transparent 51%,transparent 85%,rgba(12,20,16,.45))}
.home-page #slide-3 .gallery-copy{left:7%;top:15%;width:86%;z-index:1;color:#f4f1e9}
.home-page #slide-3 .gallery-copy .eyebrow{font-size:10px;letter-spacing:.2em;margin:0 0 20px}
.home-page #slide-3 .gallery-copy h2{font-size:30px;line-height:1.2;margin:0 0 20px}
.home-page #slide-3 .gallery-copy .sub{font-size:17px;line-height:1.45;margin:0}
.home-page #slide-3 .gallery-copy .sub br{display:none}
.home-page #slide-3 .gallery-copy .tags{font-size:8px;letter-spacing:.1em;line-height:1.7;margin:22px 0 0}
.home-page #slide-3 .next-scene{bottom:max(14px,env(safe-area-inset-bottom));right:6%;z-index:2;background:none;font-size:10px}
}
/* Mobile before/after: identical crops beneath stationary copy. */
@media(max-width:650px){
.home-page #slide-4{min-height:100svh;display:block;background:#171916}
.home-page #slide-4 .canvas{height:100svh;min-height:740px;width:100%;aspect-ratio:auto}
.home-page #slide-4 .aligned{object-fit:cover;object-position:52% center}
.home-page #slide-4 .shade{background:linear-gradient(to bottom,rgba(10,18,14,.68),rgba(10,18,14,.6) 32%,rgba(10,18,14,.14) 60%,rgba(10,18,14,.22))}
.home-page #slide-4 .meeting-copy{left:7%;top:15%;width:86%;font-size:29px;color:#f4f1e9}
.home-page #slide-4 .meeting-copy h1{line-height:1.2;margin-bottom:22px}
.home-page #slide-4 .meeting-copy p{font-size:17px;line-height:1.5;margin:0}
.home-page #slide-4 .wipe-line{top:12%;height:76%}
.home-page #slide-4 .replay{left:7%;bottom:7%;font-size:10px;padding:12px 0}
.home-page #slide-4 .next-scene{bottom:max(14px,env(safe-area-inset-bottom));right:6%;z-index:2;background:none;font-size:10px}
}
/* Closing manifesto — original artwork with live bilingual typography. */
.final-manifest,.final-manifest .canvas{background:#efefeb;color:#292c28}
.abstract-art{position:absolute;left:7.2%;top:14.2%;width:40.2%;aspect-ratio:1;overflow:hidden}
.abstract-art img{position:absolute;max-width:none;width:248.44%;height:140.03%;left:-17.98%;top:-19.97%}
.closing-manifest{position:absolute;left:54.8%;top:31%;width:40%;font:200 4.05vw/1.2 "Nunito Sans",sans-serif}
.closing-manifest p{margin:0 0 .8em}.closing-manifest .statement{font-weight:400}
.closing-links{position:absolute;left:3.5%;bottom:5%;display:flex;gap:2.5vw;font:11px "Nunito Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase}
.final-manifest .next-scene{color:#292c28;background:none}
@media(max-width:650px){
.home-page #slide-5{min-height:100svh;display:block}
.home-page #slide-5 .canvas{height:100svh;min-height:740px;aspect-ratio:auto}
.home-page #slide-5 .art{height:100%;object-fit:cover;object-position:65% center}
.home-page #slide-5 .native-work{top:37%;left:7%;font-size:12vw;max-width:86%}
.home-page #slide-5 .native-links{left:7%;bottom:9%}
.home-page #slide-6{display:block;min-height:100svh}
.home-page #slide-6 .canvas{height:100svh;min-height:740px;aspect-ratio:auto}
.abstract-art{left:8%;top:13%;width:84%}
.closing-manifest{left:8%;top:57%;width:84%;font-size:27px;line-height:1.25}
.closing-manifest p{margin-bottom:22px}
.closing-links{left:8%;bottom:8%;gap:20px;font-size:9px;letter-spacing:.08em}
}
/* A compact translucent dropdown shared by all pages. */
#menu{position:fixed;inset:64px 20px auto auto;margin:0;width:230px;min-width:0;max-width:calc(100vw - 32px);padding:18px 22px 24px;border:1px solid #ffffff80;border-radius:3px;background:rgba(241,238,232,.88);color:#292c28;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 35px #0000001c;z-index:30}
#menu[open]{animation:menu-in .18s ease-out}
#menu nav{display:grid;gap:4px;clear:both;font-family:"Nunito Sans",sans-serif;font-size:19px;letter-spacing:0}
#menu nav a{padding:12px 0;border-bottom:1px solid #292c2815}
#menu nav a:last-child{border:0}
#menu-close{display:block;float:right;border:0;background:none;color:inherit;font-size:22px;padding:0 0 8px 12px;margin:0;line-height:1}
#menu-open{position:fixed;right:18px;top:12px;z-index:31;background:rgba(241,238,232,.88);color:#282a25;border:0;padding:12px 18px;font:11px "Nunito Sans",sans-serif;letter-spacing:2px;cursor:pointer}
.inner-page .language{margin-right:95px}
.inner-page header nav{padding-right:90px}
@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){#menu{right:16px;width:218px}.inner-page header nav{display:none}.inner-page .language{margin-right:80px}.contact-nav{display:none}}
@media(prefers-reduced-motion:reduce){#menu[open]{animation:none}}
#menu{height:auto;max-height:calc(100svh - 90px);overflow:auto}

/* The same dropdown navigation on desktop and phone. */
.inner-page header nav,.contact-nav{display:none}
.about-mobile-closing{display:none}
@media(max-width:650px){
.about-page{padding:0 8% 64px}
.about-page .page-header{position:fixed;top:15px;left:4%;margin:0;z-index:13;padding:0}
.about-page::before{content:"";position:fixed;inset:0 0 auto;height:70px;background:rgba(241,238,232,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:11}
.about-page .about-grid{display:block;padding-top:112px}
.about-page .about-title h1{font-size:48px;line-height:1.1;letter-spacing:-1.5px}
.about-page .about-title>p:not(.closing){font-size:18px;line-height:1.5;margin:16px 0 38px;max-width:270px}
.about-page .about-title .closing{display:none}
.about-page .letter{font-size:16px;line-height:1.65}
.about-page .letter p{margin:0 0 24px}
.about-mobile-closing{display:block;font:300 32px/1.3 "Nunito Sans",sans-serif;margin:36px 0 0}
.contact .scene{min-height:100svh;display:block}
.contact .canvas{height:100svh;min-height:560px;aspect-ratio:auto}
.contact .art{height:100%;width:100%;object-fit:cover;object-position:50% center}
.contact .native-email{left:50%;top:48%;transform:translate(-50%,-50%);font-size:22px;line-height:1.5;white-space:nowrap;border-bottom:1px solid #7777;padding:10px 0}
}