.mpl-site-brand .brand_motion_mark{width:var(--mark-width);height:auto;max-width:none}.mpl-site-brand .brand_motion_label{font-size:8px;letter-spacing:.14em}.mpl-site-brand .brand_motion_word{display:inline-flex!important}.mpl-site-brand .brand_motion_name{display:flex!important}.mpl-site-brand .brand_motion_nameReveal{display:block!important}.mpl-site-brand .brand_motion_wordmark{display:flex!important;flex-direction:column;gap:4px}.max-logo.mpl-site-brand{gap:0!important}.max-logo.mpl-site-brand span{font:inherit;letter-spacing:inherit}.max-logo.mpl-site-brand .brand_motion_initial{font-size:var(--initial-size);font-weight:var(--word-weight)}.max-logo.mpl-site-brand .brand_motion_remainder{font-size:var(--remainder-size);font-weight:var(--word-weight)}
.project-stage{min-width:0}.project-stage .project-cover{position:relative;display:block;isolation:isolate}.project-stage iframe{position:absolute;inset:0;border:0;width:1440px;height:950px;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .65s ease;z-index:1}.project-stage.is-loaded iframe{opacity:1}.project-stage .project-cover>span{z-index:2}.project-preview-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #26262025;font:10px 'Inter Tight',Arial,sans-serif;letter-spacing:.06em}.project-preview-controls button{flex-shrink:0;font:12px 'Inter Tight',Arial,sans-serif;letter-spacing:0;border:1px solid #26262040;background:transparent;color:#262620;padding:7px 12px;border-radius:30px;cursor:pointer}.project-preview-controls button:focus-visible{outline:2px solid #ab4434;outline-offset:3px}.project-stage .project-cover:hover iframe{filter:saturate(1.04)}
.reveal-pending{opacity:0;transform:translateY(28px)}.reveal-enter{animation:portfolio-enter .8s cubic-bezier(.16,1,.3,1) both}@keyframes portfolio-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.studio-header .studio-contact{display:none}.studio-header{gap:8px}.studio-header .studio-brand{max-width:calc(100vw - 85px)}.studio-header .brand_motion_lockup{min-width:0}.studio-header .studio-nav::after{content:none}.project-preview-controls{align-items:flex-start;font-size:9px}.project-preview-controls>span{max-width:180px;line-height:1.5}.max-logo.mpl-site-brand{max-width:240px}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.reveal-enter{animation:none}.project-stage iframe{transition:none}}

.studio-nav .mobile-brief-link{display:none}@media(max-width:600px){.studio-nav .mobile-brief-link{display:flex}}
/* Brand entrance belongs to the work index. Other studio pages show the mark immediately. */
.studio-brand .brand_motion_mark,.studio-brand .brand_motion_nameReveal,.studio-brand .brand_motion_label{animation:none;opacity:1;filter:none;transform:none;clip-path:none}
.studio-header{padding-left:clamp(18px,3.2vw,48px)}
@media(max-width:380px){.retained .topline{gap:8px}.retained nav{gap:8px}}