/* Native 3D presentation scenes. Original artwork remains unchanged. */
.project-mockup{--mx:0deg;--my:0deg;--lift:0px;--base-x:0deg;--base-y:0deg;--base-z:0deg;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;container-type:inline-size;background:#dfded8;color:#151515;perspective:1200px}
.project-mockup *{box-sizing:border-box}
.project-mockup .mk-environment{position:absolute;inset:0;perspective:1200px;overflow:hidden}
.mk-rig{position:absolute;inset:0;transform:translateY(var(--lift)) rotateX(var(--mx)) rotateY(var(--my));transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.32,.72,0,1)}
.mk-object{position:absolute;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(var(--base-x)) rotateY(var(--base-y)) rotateZ(var(--base-z));left:50%;top:46%}
.project-mockup img,.project-mockup video{width:100%;height:100%;object-fit:contain;display:block;border-radius:0;margin:0;max-width:none}
.mk-floor{position:absolute;left:-30%;right:-30%;height:60%;bottom:-38%;background:#00000008;transform:rotate(-12deg);pointer-events:none}
.mk-floor-shadow{position:absolute;left:20%;width:60%;height:5%;top:78%;background:#0003;border-radius:50%;filter:blur(18px);transform:rotate(-8deg)}
.mk-edge{display:block;position:absolute;background:#424245;backface-visibility:visible;pointer-events:none}
.mk-edge-right{right:-10px;top:0;width:10px;height:100%;transform-origin:left center;transform:rotateY(90deg);background:#49494c}
.mk-edge-bottom{bottom:-10px;left:0;height:10px;width:100%;transform-origin:center top;transform:rotateX(-90deg);background:#252527}
.mk-logo{display:block;width:100%;aspect-ratio:915/240;overflow:hidden;flex-shrink:0}
.work-visual>.project-mockup{transition:none!important;transform:none!important;border-radius:inherit}
.work-visual:has(>.project-mockup){padding:0!important;background:#181818;display:block}
.work-real:has(>.project-mockup) .folio-card-tag{display:none}
.folio-cover:has(>.project-mockup){padding-block:0 64px}
.folio-cover>.project-mockup,.project-preview>.project-mockup{height:auto;aspect-ratio:16/10;border-radius:24px}
.service-work-media .project-mockup{min-height:100%;aspect-ratio:1}
.mk-drspanglish{--base-x:8deg;--base-y:-22deg;--base-z:-8deg;background:#c9d49c}
.mk-drspanglish .mk-floor{background:#67733c13}
.mk-drspanglish .mk-floor-shadow{top:73%;width:70%;left:15%;height:7%;background:#3c472d45}
.mk-laptop{width:82%;top:44%}
.mk-laptop-lid{position:relative;aspect-ratio:1.52;border:6px solid #23252a;border-radius:12px;background:#17191c;box-shadow:1px 1px 0 #a2a5a7,3px 3px 0 #5c6061,6px 6px 0 #1d2022,12px 20px 32px #27321322;transform-style:preserve-3d;padding:4px}
.mk-camera{position:absolute;left:49.5%;top:-4px;width:3px;height:3px;background:#4f5f78;border-radius:50%}
.mk-dr-screen{height:100%;background:#f8f9ef;overflow:hidden;border-radius:4px;display:flex;flex-direction:column;text-align:left;color:#1b2317}
.mk-dr-nav{padding:4% 5%;display:flex;justify-content:space-between;align-items:center;gap:4%}
.mk-dr-nav img{width:38%;height:auto;filter:invert(1)}
.mk-dr-nav>span{font-size:1.3cqw;line-height:1.4;white-space:nowrap}
.mk-dr-content{position:relative;flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:6%;background:#e8edcc;isolation:isolate}
.mk-dr-content>span{font-size:1.3cqw;line-height:1.5;letter-spacing:.04em}
.mk-dr-content>strong{font-size:5cqw;line-height:1.02;letter-spacing:-.055em;font-weight:500;display:block;margin-top:5%}
.mk-dr-orbit{position:absolute;right:-10%;width:42%;aspect-ratio:1;top:16%;z-index:-1;transform-style:preserve-3d}
.mk-dr-orbit i{position:absolute;inset:0;border:2.6cqw solid #b8c575;border-radius:50%;transform:rotateY(60deg) rotateZ(28deg)}
.mk-dr-orbit i:nth-child(2){transform:rotateY(120deg) rotateZ(28deg)}
.mk-dr-orbit i:nth-child(3){transform:rotateY(180deg) rotateZ(28deg)}
.mk-dr-foot{padding:3% 5%;display:flex;justify-content:space-between;gap:3%;font-size:1.1cqw;line-height:1.5}
.mk-laptop-deck{position:absolute;top:99%;left:-3%;width:106%;height:50%;transform-origin:50% 0;transform:rotateX(65deg);border-radius:2px 2px 12px 12px;background:#bfc2c2;border:1px solid #dce0de;box-shadow:0 3px 0 #85888a,0 6px 0 #55595b;backface-visibility:visible;transform-style:preserve-3d}
.mk-keyboard{position:absolute;top:10%;left:9%;width:82%;height:50%;border-radius:4px;background-color:#292d30;background-image:repeating-linear-gradient(90deg,transparent 0 5.5%,#9d9fa0 5.5% 6.7%),repeating-linear-gradient(0deg,transparent 0 15%,#a8aaab 15% 20%);border:3px solid #9d9fa0}
.mk-trackpad{position:absolute;left:34%;top:65%;width:32%;height:27%;border:1px solid #9b9fa0;border-radius:4px}
.mk-laptop-lip{position:absolute;left:40%;width:20%;height:6%;bottom:0;background:#858a8c;border-radius:8px 8px 0 0}
.mk-ocb{--base-x:8deg;--base-y:-26deg;--base-z:9deg;background:#d5d8d3}
.mk-ocb .mk-floor-shadow{left:24%;top:84%;width:52%;height:5%;background:#26312335}
.mk-phone{width:45%;aspect-ratio:9/18.8;top:47%;padding:5px;border-radius:7.5cqw;background:#303233;border:1px solid #969a9a;box-shadow:2px 1px 0 #707779,5px 3px 0 #363c3d,9px 5px 0 #171d1f,12px 20px 32px #1b271c28;transform-style:preserve-3d}
.mk-phone-glass{width:100%;height:100%;border:4px solid #111515;border-radius:6.5cqw;overflow:hidden;background:#fafafa;display:flex;flex-direction:column;position:relative}
.mk-phone-island{position:absolute;left:34%;top:2.5%;width:32%;height:3%;border-radius:999px;background:#101416;z-index:3}
.mk-phone-top{height:22%;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 8% 8%}
.mk-phone-top img{width:40%;height:auto}
.mk-phone-film{width:100%;aspect-ratio:1;flex-shrink:0;background:#0d0d0d}
.mk-phone-film img,.mk-phone-film video{object-fit:contain;aspect-ratio:1}
.mk-phone-bottom{padding:7% 8%;flex:1}
.mk-social-marks{display:flex;gap:12%;align-items:center;color:#252a25}
.mk-social-marks i{font-style:normal;font-size:3.8cqw;line-height:1}
.mk-social-marks i:last-child{margin-left:auto}
.mk-caption-lines{display:flex;flex-direction:column;gap:5px;margin-top:12%}
.mk-caption-lines i{height:2px;width:85%;background:#d1d5d0;border-radius:2px}
.mk-caption-lines i:last-child{width:60%}
.mk-phone-home{height:3px;width:30%;position:absolute;left:35%;bottom:2%;background:#202522;border-radius:99px}
.mk-phone-side{position:absolute;left:-4px;top:24%;height:12%;width:3px;border-radius:2px;background:#757b7a;box-shadow:0 24px 0 #757b7a}
.mk-fumador{--base-x:9deg;--base-y:24deg;--base-z:-9deg;background:#c4c5c6}
.mk-fumador .mk-floor-shadow{top:77%;left:22%;width:65%;height:4%;background:#1118}
.mk-monitor{width:88%;top:43%}
.mk-monitor-screen{position:relative;padding:7px 7px 12px;aspect-ratio:2.27;border-radius:8px;background:#17191c;box-shadow:2px 2px 0 #9a9b9c,5px 5px 0 #45474b,10px 10px 0 #1b1e22,16px 24px 40px #17191c30;transform-style:preserve-3d}
.mk-monitor-screen img{object-fit:contain;background:#111}
.mk-monitor-led{position:absolute;bottom:4px;right:6%;width:3px;height:2px;background:#dadfcf}
.mk-monitor-neck{position:absolute;top:99%;height:34%;width:14%;left:43%;background:#66686c;transform:translateZ(-20px);box-shadow:4px 0 0 #999da0}
.mk-monitor-foot{position:absolute;top:131%;height:28%;width:46%;left:27%;transform:rotateX(72deg) translateZ(0);background:#92969a;border-radius:4px;box-shadow:0 4px 0 #51565c,0 14px 16px #16191e18}
.mk-monitor-foot{transform-origin:50% 0}
.mk-braza{--base-x:8deg;--base-y:-28deg;--base-z:-8deg;background:#e8e0d4}
.mk-braza .mk-floor-shadow{top:83%;width:56%;left:20%;background:#6a341a3b}
.mk-menu{width:52%;top:44%;aspect-ratio:4/5;transform-style:preserve-3d}
.mk-menu-front{position:relative;width:100%;height:100%;padding:5px;background:#f8f1e5;transform:rotateX(-10deg);transform-origin:center top;box-shadow:2px 2px 0 #c6b9a1,5px 5px 0 #5a4436,10px 18px 24px #6c401e25;transform-style:preserve-3d}
.mk-menu-front img{object-fit:contain}
.mk-menu .mk-edge{background:#bba98e}
.mk-menu-back{position:absolute;inset:0;background:#a39b89;border:1px solid #c5bdac;transform:translateZ(-8px) rotateX(-26deg);transform-origin:center top;box-shadow:3px 3px 0 #817765}
.mk-menu-base{position:absolute;left:-8%;width:116%;top:105%;height:7%;background:#9e8263;transform:rotateX(65deg);border:1px solid #c1a788;box-shadow:0 4px 0 #66513d,0 12px 18px #70431d2b}
.mk-menu-base{top:99%;transform-origin:50% 0}
.mk-wahios{--base-x:6deg;--base-y:-30deg;--base-z:-5deg;background:#cdc8ba}
.mk-wahios .mk-floor-shadow{top:80%;left:17%;width:65%;background:#322b1e4d}
.mk-sign{width:58%;top:43%;aspect-ratio:1}
.mk-sign-face{position:relative;padding:6px;background:#211e1b;aspect-ratio:1;box-shadow:2px 2px 0 #b1a994,7px 6px 0 #4f463c,12px 10px 0 #211b17,16px 20px 32px #30251225;transform-style:preserve-3d}
.mk-sign .mk-edge{background:#665749}
.mk-sign-stem{position:absolute;width:10%;height:29%;left:45%;top:98%;background:#37332b;transform:translateZ(-14px);box-shadow:4px 0 0 #7d7566}
.mk-sign-base{position:absolute;left:15%;top:123%;width:70%;height:20%;background:#655e50;transform:rotateX(72deg);border-radius:4px;box-shadow:0 5px 0 #393329,0 15px 22px #30251233}
.mk-sign-base{transform-origin:50% 0}
.mk-quique-neira{--base-x:10deg;--base-y:-24deg;--base-z:-8deg;background:#d3d5c7}
.mk-quique-neira .mk-floor-shadow{top:77%;left:15%;width:76%;background:#1e241642}
.mk-record-set{width:59%;top:47%;left:43%;aspect-ratio:1;transform-style:preserve-3d}
.mk-record-sleeve{position:relative;width:100%;height:100%;background:#151515;box-shadow:1px 1px 0 #6e7067,3px 3px 0 #242721,7px 12px 24px #1b211b28;transform:translateZ(8px);transform-style:preserve-3d}
.mk-record-sleeve img{object-fit:contain}
.mk-record{position:absolute;left:43%;top:3%;width:94%;height:94%;border-radius:50%;background-color:#171919;background-image:repeating-radial-gradient(circle at center,#242727 0 1px,#151818 1px 3px);border:1px solid #353b38;box-shadow:2px 2px 0 #090d0a;transform:translateZ(-2px)}
.mk-record>span{position:absolute;inset:34%;background:#b6bc65;border-radius:50%;border:1px solid #91974b}
.mk-record>span:after{content:'';position:absolute;inset:46%;background:#151818;border-radius:50%}
.mk-nebula{--base-x:12deg;--base-y:-20deg;--base-z:-8deg;background:#d6d5df}
.mk-nebula .mk-floor-shadow{left:17%;top:81%;width:70%;background:#23224742}
.mk-identity-set{width:58%;aspect-ratio:3/4;top:43%;left:47%}
.mk-brand-folder{position:relative;width:100%;height:100%;padding:10%;background:#2426a4;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 2px 0 #777aca,5px 5px 0 #161875,8px 8px 0 #1d1e5b,14px 16px 24px #201d4926;transform-style:preserve-3d;text-align:left}
.mk-brand-folder .mk-logo{filter:brightness(0) invert(1)}
.mk-brand-folder>span{font-size:1.1cqw;line-height:1.5;letter-spacing:.07em}
.mk-brand-folder>strong{font-size:5cqw;line-height:1.05;letter-spacing:-.045em;font-weight:400}
.mk-brand-folder .mk-edge{background:#14166e}
.mk-brand-card{position:absolute;left:30%;top:68%;width:92%;aspect-ratio:1.75;transform:translateZ(40px) rotateZ(18deg) rotateX(14deg);background:#f4f3ee;padding:9%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:1px 1px 0 #d3d0ce,4px 4px 0 #a6a3af,8px 16px 24px #17133b24;transform-style:preserve-3d}
.mk-brand-card>span{font-size:1cqw;line-height:1.4;color:#777480;letter-spacing:.04em}
.mk-brand-card .mk-edge{background:#cbc8c4;height:3px}
.mk-brand-card .mk-edge-right{height:100%;width:3px;right:-3px}
.mk-full .mk-object{max-width:750px}
.mk-full .mk-laptop{width:70%;top:41%;max-width:750px}
.mk-full .mk-phone{width:26%;max-width:300px;top:48%;border-radius:4cqw}
.mk-full .mk-phone-glass{border-radius:3.5cqw}
.mk-full .mk-phone-top{padding-bottom:8%}
.mk-full .mk-social-marks i{font-size:2cqw}
.mk-full .mk-monitor{width:73%;top:43%;max-width:900px}
.mk-full .mk-menu{width:35%;top:43%;max-width:410px}
.mk-full .mk-sign{width:37%;top:43%;max-width:430px}
.mk-full .mk-record-set{width:39%;max-width:450px;left:44%}
.mk-full .mk-identity-set{width:36%;max-width:420px;left:47%}
.mk-full .mk-dr-content>strong{font-size:4cqw}
.mk-full .mk-dr-nav>span,.mk-full .mk-dr-content>span{font-size:1cqw}
.mk-full .mk-dr-foot{font-size:.8cqw}
.mk-full .mk-brand-folder>strong{font-size:3cqw}
.mk-full .mk-brand-folder>span{font-size:.7cqw}
.mk-full .mk-brand-card>span{font-size:.65cqw}
.mk-full .mk-floor-shadow{top:83%;height:4%;width:52%;left:24%}
.mk-full.mk-fumador .mk-floor-shadow{top:86%}
@media(hover:hover) and (pointer:fine){.work-visual:has(.project-mockup):focus-visible{outline:2px solid currentColor;outline-offset:8px}.work-visual:has(.project-mockup):active .mk-rig{scale:.98}}
@media(max-width:700px){.folio-cover>.project-mockup,.project-preview>.project-mockup{aspect-ratio:4/5;border-radius:16px}.mk-full .mk-laptop{width:82%;top:44%}.mk-full .mk-phone{width:44%;max-width:none;border-radius:7.5cqw}.mk-full .mk-phone-glass{border-radius:6.5cqw}.mk-full .mk-social-marks i{font-size:3.8cqw}.mk-full .mk-monitor{width:88%;top:43%}.mk-full .mk-menu{width:52%;max-width:none;top:44%}.mk-full .mk-sign{width:58%;max-width:none}.mk-full .mk-record-set{width:59%;left:43%}.mk-full .mk-identity-set{width:58%;left:47%}.mk-full .mk-dr-content>strong{font-size:5cqw}.mk-full .mk-dr-content>span,.mk-full .mk-dr-nav>span{font-size:1.3cqw}.mk-full .mk-dr-foot{font-size:1.1cqw}.mk-full .mk-brand-folder>strong{font-size:5cqw}.mk-full .mk-brand-folder>span{font-size:1.1cqw}.mk-full .mk-brand-card>span{font-size:1cqw}.mk-full .mk-floor-shadow{top:80%;width:65%;left:18%}}
@media(prefers-reduced-motion:reduce){.project-mockup .mk-rig{transition:none!important;transform:none!important}.project-mockup .mk-object{will-change:auto}}
.static-mode .project-mockup .mk-rig{transition:none!important;transform:none!important}