/* Shared navigation stays small; the work keeps each face's own visual voice. */
.mh-dock{position:fixed;z-index:2147483000;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:5px;border:1px solid #ffffff32;border-radius:30px;background:#161719ed;color:#fafafa;box-shadow:0 4px 24px #0003;font:14px/1.2 system-ui,sans-serif;backdrop-filter:blur(12px);white-space:nowrap}
.mh-dock button{all:unset;box-sizing:border-box;cursor:pointer;padding:10px 13px;border-radius:24px;min-height:38px;color:inherit;font:inherit}.mh-dock button:hover{background:#ffffff17}.mh-dock .mh-mark{color:#b7f76b}
.mh-dock button:focus-visible,.mh-dialog :focus-visible{outline:2px solid #a8e95b;outline-offset:3px}
.mh-dialog{box-sizing:border-box;border:1px solid #ffffff25;border-radius:14px;width:min(1060px,calc(100% - 32px));height:min(850px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:0;background:#141719;color:#f3f4ef;font:16px/1.6 system-ui,sans-serif;box-shadow:0 25px 100px #0007;color-scheme:dark}
.mh-dialog::backdrop{background:#07090be8;backdrop-filter:blur(12px)}.mh-dialog *{box-sizing:border-box}.mh-dialog h2,.mh-dialog h3,.mh-dialog p{margin:0}.mh-dialog button,.mh-dialog input,.mh-dialog a{font:inherit}.mh-dialog button,.mh-dialog a{touch-action:manipulation}.mh-dialog button{cursor:pointer}.mh-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;background:#141719f5;border-bottom:1px solid #ffffff1e;z-index:3}.mh-bar h2{font-size:16px;letter-spacing:.04em}.mh-close,.mh-small{border:1px solid #ffffff35;background:none;color:inherit;border-radius:5px;padding:8px 13px;text-decoration:none;font-size:14px!important}.mh-close:hover,.mh-small:hover{background:#ffffff12}.mh-content{padding:28px}.mh-search{display:block;width:100%;background:#202427;border:1px solid #6d7477;border-radius:6px;color:inherit;padding:13px 16px;margin:0 0 24px}.mh-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mh-result{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:13px;border:1px solid #ffffff20;background:transparent;color:inherit;border-radius:7px;text-decoration:none;min-height:84px}.mh-result:hover{border-color:#b7f76b;background:#b7f76b0a}.mh-result img{width:88px;height:54px;object-fit:cover;border-radius:3px}.mh-result strong{display:block;font-size:16px;font-weight:550;line-height:1.3}.mh-result small{display:block;font-size:12px;letter-spacing:.06em;color:#a9b5b7;margin-top:5px}.mh-count{font-size:13px;color:#a9b5b7;margin-bottom:14px!important}.mh-new{background:#c2fc74!important;color:#0b1503!important;font:11px/1 system-ui!important;padding:3px 5px;display:inline-block!important;border-radius:3px;margin-left:5px}.mh-face-number{font:22px/1.2 ui-monospace,monospace;color:#8f9f96;min-width:40px}.mh-project-title{font-size:clamp(32px,6vw,64px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 22px!important;font-weight:500}.mh-client{font:13px/1.4 ui-monospace,monospace;color:#b7f76b;letter-spacing:.12em}.mh-description{font-size:20px;line-height:1.55;max-width:760px;margin-bottom:36px!important;color:#d4d9d5}.mh-section{margin:42px 0}.mh-section h3{font-size:22px;line-height:1.25;margin-bottom:13px}.mh-section p{color:#c4cbc8;max-width:750px;margin-bottom:20px;white-space:pre-line}.mh-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mh-media-grid.mh-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.mh-video{margin:0;min-width:0}.mh-video-title{font-size:14px;margin:9px 0 20px;color:#bfc9c2}.mh-video-slot{position:relative;aspect-ratio:16/9;background:#22292a;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:4px;overflow:hidden}.mh-vertical .mh-video-slot{aspect-ratio:9/16}.mh-video-slot button{width:100%;height:100%;border:0;color:#e6eccb;background:radial-gradient(ellipse at 50% 60%,#46503b,#1c2524);font:16px system-ui;padding:24px}.mh-video-slot button:hover{background:#364635}.mh-video-slot button span{display:block;font-size:36px;margin:0 0 14px}.mh-video-slot iframe{position:absolute;width:100%;height:100%;border:0}.mh-image-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.mh-image-group.row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mh-image-group.full{grid-template-columns:1fr}.mh-image-group img{width:100%;height:auto;display:block;background:#222}.mh-audio{display:block;width:100%;margin:9px 0 25px}.mh-credits{font-size:14px;color:#9faaa6;border-top:1px solid #ffffff25;padding-top:24px;white-space:pre-line}.mh-project-nav{display:flex;justify-content:space-between;gap:12px;margin:30px 0}.mh-project-nav button{flex:1;max-width:48%;padding:18px;border:1px solid #ffffff25;color:inherit;background:none;text-align:left;border-radius:5px}.mh-project-nav button:last-child{text-align:right}.mh-resume{display:grid;grid-template-columns:140px 1fr;gap:24px;border-top:1px solid #ffffff25;padding:22px 0}.mh-resume p{font-size:16px;color:#acbab2}.mh-resume strong{display:block}.mh-resume time{font:12px/1.6 ui-monospace,monospace;color:#a8b5ad}.mh-toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:2147483100;background:#d1f79f;color:#132208;padding:12px 20px;border-radius:6px;font:14px system-ui;max-width:calc(100vw - 32px)}.mh-empty{grid-column:1/-1;padding:30px;color:#bcc4bd}.mh-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(max-width:600px){.mh-dialog{width:calc(100% - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:8px}.mh-bar{padding:12px 16px}.mh-content{padding:20px 16px}.mh-list{grid-template-columns:1fr}.mh-dock{bottom:max(10px,env(safe-area-inset-bottom))}.mh-dock button{padding:10px 11px}.mh-media-grid,.mh-media-grid.mh-vertical,.mh-image-group,.mh-image-group.row-3{grid-template-columns:1fr}.mh-description{font-size:18px}.mh-resume{grid-template-columns:1fr;gap:8px}.mh-project-nav button{font-size:14px}.mh-result img{width:72px;height:48px}}
@media(prefers-reduced-motion:reduce){.mh-dialog *,.mh-dock *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.mh-image-group.split{grid-template-columns:1fr 1fr}.mh-image-group.split>a:first-child{grid-row:span 3}.mh-image-group.row-match{align-items:stretch}.mh-image-group.row-match img{height:100%;object-fit:contain}@media(max-width:600px){.mh-image-group.split{grid-template-columns:1fr}.mh-image-group.split>a:first-child{grid-row:auto}}