.mk-portfolio-explorer{padding:clamp(72px,9vw,128px) var(--mk-route-gutter, clamp(24px, 7vw, 112px));border-bottom:1px solid var(--border);overflow:hidden}.mk-portfolio-intro{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:40px;align-items:start;margin-bottom:clamp(36px,5vw,68px)}.mk-portfolio-intro>p:first-child{margin:7px 0 0;font-size:11px;letter-spacing:.1em}.mk-portfolio-intro h2{max-width:15ch;margin:0;font-size:clamp(36px,5.3vw,72px);line-height:.98;letter-spacing:-.06em;font-weight:500}.mk-portfolio-intro>p:last-child{grid-column:2;max-width:54ch;margin:-18px 0 0;color:var(--text-2);font-size:clamp(16px,1.7vw,20px);line-height:1.55}.mk-portfolio-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--sunken)}.mk-portfolio-preview{position:relative;display:grid;place-items:center;min-height:580px;padding:clamp(26px,5vw,72px);overflow:hidden;background:#e4e4e6;perspective:1000px}.mk-portfolio-preview:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 75%);mask-image:linear-gradient(135deg,#000,transparent 75%)}.mk-portfolio-browser{position:relative;width:min(100%,760px);overflow:hidden;border:1px solid rgb(22 22 26 / .16);border-radius:12px;background:#fafafa;box-shadow:0 28px 80px #16161a2e;transform:rotateX(2deg) rotateY(-4deg);animation:mk-frame-arrive .85s cubic-bezier(.2,.75,.2,1) both;transform-origin:50% 65%}.mk-portfolio-browser-bar{height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border-bottom:1px solid #e8e8eb;background:#fff;color:#6e6e76;font:10px Geist,Arial,sans-serif}.mk-portfolio-browser-bar>span:first-child{display:flex;gap:4px}.mk-portfolio-browser-bar i{width:7px;height:7px;border-radius:50%;background:#d1d1d5}.mk-portfolio-canvas{position:relative;min-height:330px;overflow:hidden;background:#fff}.mk-portfolio-canvas>.pf-thumb{height:330px;border-radius:0;padding:28px}.mk-portfolio-canvas .pf-thumb-nav{font-size:11px;margin-bottom:42px}.mk-portfolio-canvas .pf-thumb-name{font-size:clamp(36px,5vw,72px)}.mk-portfolio-canvas .pf-thumb-role{font-size:12px;margin-top:12px}.mk-portfolio-canvas .pf-thumb-blank{height:110px}.mk-portfolio-canvas .pf-thumb-frames{gap:10px}.mk-portfolio-canvas .pf-thumb-frames img{max-height:150px}.mk-portfolio-canvas .pf-thumb-director .pf-thumb-nav{top:28px;left:28px;right:28px}.mk-portfolio-canvas .pf-thumb-director .pf-thumb-name{font-size:68px}.mk-portfolio-canvas .pf-thumb-director .pf-thumb-role{font-size:12px}.mk-portfolio-canvas .pf-thumb-director .pf-thumb-frames img{max-height:none}.mk-portfolio-canvas .pf-thumb-contact-sheet .pf-thumb-frames{margin-top:35px}.mk-portfolio-canvas .pf-thumb-contact-sheet .pf-thumb-frames img:nth-child(2n){margin-top:35px}.mk-portfolio-canvas .pf-thumb-index{padding-left:40%}.mk-portfolio-canvas .pf-thumb-index .pf-thumb-name{top:90px;left:25px;font-size:30px}.mk-portfolio-canvas .pf-thumb-index .pf-thumb-nav{left:25px;top:28px}.mk-portfolio-canvas .pf-thumb-index .pf-thumb-frames{margin-top:80px}.mk-portfolio-canvas .pf-thumb-index .pf-thumb-frames img{height:70px}.mk-portfolio-canvas .pf-thumb-portrait{width:34%;height:170px;right:28px;top:90px}.mk-portfolio-explorer .pf-thumb-blank,.mk-portfolio-teaser .pf-thumb-blank,.mk-portfolio-hero .pf-thumb-blank{position:relative;overflow:hidden;height:110px;border-radius:2px;opacity:1;background:radial-gradient(ellipse at 72% 34%,rgb(255 255 255 / .92),transparent 37%),linear-gradient(128deg,transparent 0 25%,rgb(20 20 24 / .14) 25.2% 26%,transparent 26.2% 42%,rgb(20 20 24 / .08) 42.2% 43%,transparent 43.2%),linear-gradient(155deg,#c9cad0,#e7e7ea 42%,#afb1b9)}.mk-portfolio-explorer .pf-thumb-director .pf-thumb-blank,.mk-portfolio-teaser .pf-thumb-director .pf-thumb-blank,.mk-portfolio-hero .pf-thumb-director .pf-thumb-blank{position:absolute;inset:0;height:auto;border-radius:0;opacity:.7;background:radial-gradient(ellipse at 72% 34%,rgb(255 255 255 / .5),transparent 35%),linear-gradient(128deg,transparent 0 25%,rgb(255 255 255 / .16) 25.2% 26%,transparent 26.2% 42%,rgb(255 255 255 / .09) 42.2% 43%,transparent 43.2%),linear-gradient(155deg,#4c4c54,#19191e 70%)}.mk-portfolio-explorer .pf-thumb-spotlight .pf-thumb-blank,.mk-portfolio-teaser .pf-thumb-spotlight .pf-thumb-blank,.mk-portfolio-hero .pf-thumb-spotlight .pf-thumb-blank{height:112px}.mk-portfolio-canvas-copy{position:absolute;right:20px;bottom:18px;display:grid;gap:4px;padding:10px 13px;border:1px solid rgb(255 255 255 / .7);border-radius:6px;background:#ffffffe0;color:#202024;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mk-portfolio-canvas-copy .mono{font-size:8px;color:#6e6e76}.mk-portfolio-canvas-copy strong{font-size:12px}.mk-portfolio-canvas-copy p{margin:0;color:#6e6e76;font-size:10px}.mk-portfolio-frame-mark{position:absolute;right:18px;bottom:16px;color:#303036;font:10px ui-monospace,monospace;letter-spacing:.12em}.mk-preview-film .mk-portfolio-browser{animation:mk-film-wipe .6s cubic-bezier(.2,.8,.2,1) both}.mk-preview-director .mk-portfolio-browser{animation:mk-focus-pull .76s cubic-bezier(.18,.72,.18,1) both}.mk-preview-screening .mk-portfolio-browser{animation:mk-screening-reel .65s cubic-bezier(.2,.8,.2,1) both}.mk-preview-contact-sheet .mk-portfolio-browser{animation:mk-register .58s cubic-bezier(.2,.8,.2,1) both}.mk-preview-gallery .mk-portfolio-browser{animation:mk-curtain .68s cubic-bezier(.2,.8,.2,1) both}.mk-preview-studio .mk-portfolio-browser{animation:mk-build .62s cubic-bezier(.2,.8,.2,1) both}.mk-preview-motion .mk-portfolio-browser{animation:mk-sweep .55s cubic-bezier(.2,.8,.2,1) both}.mk-preview-spotlight .mk-portfolio-browser{animation:mk-light-on .82s cubic-bezier(.2,.8,.2,1) both}.mk-preview-index .mk-portfolio-browser{animation:mk-index-in .64s cubic-bezier(.2,.8,.2,1) both}.mk-portfolio-controls{min-width:0;padding:clamp(20px,3vw,38px);background:var(--page)}.mk-portfolio-control-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.mk-portfolio-control-head>div:first-child{display:grid;gap:6px}.mk-portfolio-control-head .mono{margin:0;font-size:10px;letter-spacing:.09em}.mk-portfolio-control-head strong{font-size:20px;letter-spacing:-.04em}.mk-portfolio-devices{display:flex;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--sunken)}.mk-portfolio-devices button{min-height:32px;border:0;border-radius:5px;background:transparent;color:var(--text-2);padding:0 9px;font:inherit;font-size:11px;cursor:pointer}.mk-portfolio-devices button[aria-pressed=true]{background:var(--page);color:var(--text-1);box-shadow:0 1px 3px #0000001a}.mk-portfolio-options{display:grid;gap:5px;max-height:374px;overflow:auto;padding:1px 4px 1px 1px;scrollbar-color:#b9b9be transparent}.mk-portfolio-options>button{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:68px;padding:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-1);text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease}@media(hover:hover){.mk-portfolio-options>button:hover{background:var(--sunken)}}.mk-portfolio-options>button.is-selected{border-color:var(--text-1);background:var(--sunken)}.mk-portfolio-options>button:focus-visible,.mk-portfolio-devices button:focus-visible,.mk-portfolio-start:focus-visible,.mk-portfolio-teaser a:focus-visible{outline:2px solid #396bff;outline-offset:3px}.mk-portfolio-option-thumb{display:block;height:48px;overflow:hidden;border:1px solid var(--border);border-radius:4px;background:#fff}.mk-portfolio-option-thumb .pf-thumb{height:78px;transform:scale(.62);transform-origin:top left;width:calc(100% / .62);border-radius:0}.mk-portfolio-options>button>span:nth-child(2){min-width:0;display:grid;gap:4px}.mk-portfolio-options strong{font-size:12px;font-weight:600}.mk-portfolio-options small{overflow:hidden;color:var(--text-2);font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mk-portfolio-option-check{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--border);border-radius:50%;color:var(--page);font-size:11px}.mk-portfolio-options .is-selected .mk-portfolio-option-check{border-color:var(--text-1);background:var(--text-1)}.mk-portfolio-disclosure{margin:18px 0 14px;color:var(--text-2);font-size:11px;line-height:1.5}.mk-portfolio-start{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 15px;border-radius:7px;background:var(--text-1);color:var(--page);text-decoration:none;font-size:13px;font-weight:600;transition:transform .18s ease,opacity .18s ease}@media(hover:hover){.mk-portfolio-start:hover{transform:translateY(-2px);opacity:.88}}.mk-portfolio-start span{font-size:18px}.mk-portfolio-preview.is-mobile .mk-portfolio-browser{width:min(300px,78%);transform:rotateX(1deg) rotateY(0) translateY(0);border-radius:18px;animation:mk-phone-arrive .62s cubic-bezier(.2,.8,.2,1) both}.mk-portfolio-preview.is-mobile .mk-portfolio-browser-bar{height:24px;font-size:8px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas{min-height:440px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas>.pf-thumb{height:440px;padding:20px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-name{font-size:46px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-nav{font-size:9px;margin-bottom:30px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-role{font-size:10px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-director .pf-thumb-name{font-size:44px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-frames img{max-height:94px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-director .pf-thumb-frames img{max-height:none}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-index .pf-thumb-name{font-size:20px;top:72px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-index .pf-thumb-frames img{height:48px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas .pf-thumb-portrait{height:120px;top:76px;right:20px}.mk-portfolio-preview.is-mobile .mk-portfolio-canvas-copy{right:8px;bottom:8px;transform:scale(.84);transform-origin:bottom right}.mk-portfolio-teaser{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,8vw,120px);align-items:center;padding:clamp(70px,9vw,120px) clamp(24px,7vw,112px);border-bottom:1px solid var(--border);overflow:hidden}.mk-portfolio-teaser-copy>.mono{margin:0 0 20px;font-size:10px;letter-spacing:.1em}.mk-portfolio-teaser h2{max-width:13ch;margin:0;font-size:clamp(36px,5.2vw,68px);line-height:.98;letter-spacing:-.06em;font-weight:500}.mk-portfolio-teaser-copy>p:not(.mono){max-width:48ch;margin:22px 0 24px;color:var(--text-2);font-size:17px;line-height:1.55}.mk-portfolio-teaser-copy>a{display:inline-flex;gap:12px;align-items:center;color:var(--text-1);font-size:14px;font-weight:600;text-decoration:none}.mk-portfolio-teaser-copy>a span{font-size:19px;transition:transform .18s ease}@media(hover:hover){.mk-portfolio-teaser-copy>a:hover span{transform:translate(3px,-3px)}}.mk-portfolio-teaser-frame{position:relative;display:block;padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#e4e4e6;color:#27272c;text-decoration:none;transform:rotate(1deg);transition:transform .28s cubic-bezier(.2,.75,.2,1)}@media(hover:hover){.mk-portfolio-teaser-frame:hover{transform:rotate(0) translateY(-4px)}}.mk-portfolio-teaser-frame>.mono{display:block;margin-bottom:14px;font-size:9px;letter-spacing:.1em}.mk-portfolio-teaser-frame>.pf-thumb{height:270px;padding:24px;box-shadow:0 16px 32px #16161a29}.mk-portfolio-teaser-frame .pf-thumb-name{font-size:54px}.mk-portfolio-teaser-frame .pf-thumb-nav{font-size:10px;margin-bottom:34px}.mk-portfolio-teaser-frame .pf-thumb-role{font-size:10px}.mk-portfolio-teaser-frame .pf-thumb-portrait{top:68px;right:24px;height:132px}.mk-portfolio-teaser-caption{display:block;margin-top:13px;color:#55555d;font-size:10px}.mk-creator-route-hero{padding-top:clamp(48px,7vw,100px)}.mk-creator-route-hero h1{max-width:14ch;font-size:clamp(46px,5.7vw,72px)}.mk-portfolio-hero{min-height:0;height:clamp(300px,34vw,460px);display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:14px;border-radius:var(--radius-lg);background:#dedee1;color:#25252b;box-shadow:0 20px 56px #1414181a;transform:rotate(1.2deg);animation:mk-hero-arrive .9s cubic-bezier(.2,.75,.2,1) both}.mk-portfolio-hero-bar{flex:none;display:flex;align-items:center;gap:10px;height:30px;padding:0 7px;border-bottom:1px solid rgb(30 30 35 / .1);color:#6e6e76;font:9px Geist,Arial,sans-serif}.mk-portfolio-hero-bar>span:first-child{display:flex;gap:4px}.mk-portfolio-hero-bar i{width:6px;height:6px;border-radius:50%;background:#b9b9bf}.mk-portfolio-hero>.pf-thumb{flex:1;height:auto;min-height:0;margin-top:10px;padding:20px;box-shadow:0 12px 26px #12121624}.mk-portfolio-hero .pf-thumb-name{font-size:clamp(32px,4vw,56px)}.mk-portfolio-hero .pf-thumb-spotlight .pf-thumb-name,.mk-portfolio-teaser-frame .pf-thumb-spotlight .pf-thumb-name{max-width:78%}.mk-portfolio-hero .pf-thumb-nav{font-size:9px;margin-bottom:30px}.mk-portfolio-hero .pf-thumb-role{font-size:9px}.mk-portfolio-hero .pf-thumb-portrait{top:60px;right:20px;height:120px}.mk-portfolio-hero-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 3px 1px;color:#55555d;font-size:10px}.mk-portfolio-hero-caption .mono{font-size:8px;letter-spacing:.08em}@keyframes mk-hero-arrive{0%{opacity:0;transform:translateY(24px) rotate(0) scale(.97);clip-path:inset(0 0 100%)}to{opacity:1;transform:rotate(1.2deg);clip-path:inset(0)}}@keyframes mk-frame-arrive{0%{opacity:0;transform:translateY(26px) rotateX(7deg) rotateY(-7deg) scale(.97);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:rotateX(2deg) rotateY(-4deg);clip-path:inset(0)}}@keyframes mk-film-wipe{0%{opacity:.4;clip-path:inset(0 100% 0 0);transform:translate(-18px)}to{opacity:1;clip-path:inset(0);transform:translate(0) rotateX(2deg) rotateY(-4deg)}}@keyframes mk-focus-pull{0%{opacity:.2;filter:blur(12px);transform:scale(1.05) rotateX(2deg) rotateY(-4deg)}to{opacity:1;filter:blur(0);transform:scale(1) rotateX(2deg) rotateY(-4deg)}}@keyframes mk-screening-reel{0%{opacity:0;transform:translateY(-32px) rotateX(8deg);clip-path:inset(0 0 100%)}to{opacity:1;transform:rotateX(2deg) rotateY(-4deg);clip-path:inset(0)}}@keyframes mk-register{0%{opacity:0;transform:translate(10px,10px) scale(.96);filter:contrast(1.5)}to{opacity:1;transform:rotateX(2deg) rotateY(-4deg);filter:none}}@keyframes mk-curtain{0%{opacity:0;clip-path:inset(0 50%);transform:scaleX(.92)}to{opacity:1;clip-path:inset(0);transform:rotateX(2deg) rotateY(-4deg)}}@keyframes mk-build{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:rotateX(2deg) rotateY(-4deg)}}@keyframes mk-sweep{0%{opacity:0;transform:translate(42px) skew(-4deg);filter:blur(3px)}to{opacity:1;transform:rotateX(2deg) rotateY(-4deg);filter:none}}@keyframes mk-light-on{0%{opacity:.25;filter:brightness(.25) blur(4px);transform:scale(.98)}to{opacity:1;filter:brightness(1);transform:rotateX(2deg) rotateY(-4deg)}}@keyframes mk-index-in{0%{opacity:0;transform:translate(-24px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:rotateX(2deg) rotateY(-4deg);clip-path:inset(0)}}@keyframes mk-phone-arrive{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:1000px){.mk-portfolio-workbench{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr)}.mk-portfolio-preview{min-height:480px;padding:32px}.mk-portfolio-canvas{min-height:280px}.mk-portfolio-canvas>.pf-thumb{height:280px;padding:22px}.mk-portfolio-options>button{grid-template-columns:58px minmax(0,1fr) 18px;gap:8px}.mk-portfolio-option-thumb{height:40px}.mk-portfolio-option-thumb .pf-thumb{transform:scale(.48);width:calc(100% / .48)}}@media(max-width:760px){.mk-creator-route-hero{padding-top:64px}.mk-creator-route-hero h1{max-width:11ch;font-size:clamp(46px,10vw,72px)}.mk-portfolio-hero{height:clamp(300px,82vw,410px)}.mk-portfolio-intro{grid-template-columns:1fr;gap:16px}.mk-portfolio-intro h2,.mk-portfolio-intro>p:last-child{grid-column:1}.mk-portfolio-intro>p:last-child{margin:0}.mk-portfolio-workbench{grid-template-columns:1fr}.mk-portfolio-preview{min-height:430px;padding:30px 20px}.mk-portfolio-browser{transform:none}.mk-portfolio-canvas{min-height:260px}.mk-portfolio-canvas>.pf-thumb{height:260px;padding:20px}.mk-portfolio-canvas .pf-thumb-name{font-size:48px}.mk-portfolio-canvas .pf-thumb-director .pf-thumb-name{font-size:46px}.mk-portfolio-options{grid-template-columns:1fr 1fr;max-height:390px}.mk-portfolio-options>button{grid-template-columns:48px minmax(0,1fr);align-content:start;min-height:74px;gap:7px}.mk-portfolio-option-thumb{height:34px}.mk-portfolio-option-thumb .pf-thumb{transform:scale(.4);width:250%}.mk-portfolio-options>button>span:nth-child(2){grid-column:1/-1}.mk-portfolio-options small{white-space:normal}.mk-portfolio-option-check{position:absolute;margin:4px 0 0 29px;width:16px;height:16px}.mk-portfolio-teaser{grid-template-columns:1fr;gap:36px}.mk-portfolio-teaser-frame{transform:none}}@media(max-width:420px){.mk-portfolio-control-head{align-items:flex-start;flex-direction:column}.mk-portfolio-options>button{padding:6px}.mk-portfolio-preview{min-height:370px}.mk-portfolio-browser-bar{height:30px}.mk-portfolio-canvas{min-height:220px}.mk-portfolio-canvas>.pf-thumb{height:220px}.mk-portfolio-canvas .pf-thumb-name{font-size:40px}.mk-portfolio-canvas .pf-thumb-nav{margin-bottom:24px}.mk-portfolio-canvas .pf-thumb-director .pf-thumb-name{font-size:40px}.mk-portfolio-teaser-frame>.pf-thumb{height:220px}.mk-portfolio-teaser-frame .pf-thumb-name{font-size:42px}}@media(prefers-reduced-motion:reduce){.mk-portfolio-browser,.mk-portfolio-preview.is-mobile .mk-portfolio-browser,.mk-portfolio-hero{animation:none!important;transform:none}.mk-portfolio-options>button,.mk-portfolio-start,.mk-portfolio-teaser-frame,.mk-portfolio-teaser-copy>a span{transition:none}}