.mobile-menu-toggle{display:none}
@media(max-width:760px){
  .home-page .hero .hero-identity{position:absolute!important;top:max(20px,env(safe-area-inset-top))!important;left:20px;right:20px;margin:0!important;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;z-index:10}
  .hero-identity .hero-logo-hover{width:48px!important;height:48px;flex:0 0 48px!important}
  .hero-identity .hero-logo{width:48px!important;height:48px!important}
  .hero-identity .vinny-logo-short{opacity:1!important;transform:none!important;text-transform:uppercase}
  .hero-identity .vinny-logo-full{opacity:0!important}
  .hero-identity .hero-role-pill{transform:none!important}
  .hero-brand::before{right:0!important}
  .hero-identity .hero-brand{width:auto;min-width:0;gap:8px}
  .hero-identity .hero-role-pill{font-size:11px;padding:0 10px}
  .mobile-menu-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:var(--panel);color:var(--ink);cursor:pointer}
  .mobile-menu-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .home-page .hero .hero-top-nav{display:none;position:absolute;top:calc(100% + 12px);right:0;width:min(300px,calc(100vw - 40px));padding:12px;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 36px rgb(0 0 0 / .08);flex-direction:column;align-items:stretch;gap:8px}
  .home-page .hero .hero-top-nav.mobile-menu-open{display:flex;animation:mobile-menu-enter .28s cubic-bezier(.2,.8,.2,1)}
  .hero-top-nav>a,.hero-top-contact summary{height:48px!important;justify-content:flex-start;font-size:14px!important}
  .hero-top-contact>.top-contact-options{position:relative!important;inset:auto!important;width:100%!important;margin-top:8px;box-shadow:none!important}
  .home-page .project-list{display:block!important;overflow:visible!important;padding:0!important;max-width:none!important}
  .home-page .project-deck-stage{position:sticky!important;top:0;display:block!important;height:100svh!important}
  .home-page .project{position:absolute!important;top:50%!important;left:50%!important;width:min(80vw,420px)!important;translate:-50% -50%!important;padding:12px!important;box-sizing:border-box}
  .home-page .project-list-static{height:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .home-page .project-list-static .project{position:relative!important;inset:auto!important;translate:none!important;width:100%!important}
  .home-page .project[hidden]{display:none!important}
  .home-page .project>a{height:100%;display:flex;flex-direction:column}
  .home-page .project:hover,.home-page .project:focus-within{translate:-50% -50%!important}
  .home-page .project-list-static .project:hover,.home-page .project-list-static .project:focus-within{translate:none!important}
  .home-page .project-media{aspect-ratio:16/9!important;flex-shrink:0}
  .home-page .project-info{flex:1;padding-bottom:80px!important;padding-right:8px!important}
  .home-page .project-info h3{font-size:28px!important;line-height:1.12!important}
  .home-page .project-result{font-size:15px;line-height:1.5}
  .home-page .work-reel{height:240svh}
  .home-page .reel-cut{padding:64px 16px 100px!important}
  .home-page .reel-cut img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
  .home-page .reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:64px 16px 100px!important}
  .home-page .reel-grid figure{border-radius:16px!important}
  .home-page .work-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:4px 0 8px;gap:8px}
  .home-page .work-filters button{flex-shrink:0}
  .home-page .case-drawer-panel{inset:max(40px,env(safe-area-inset-top)) 0 0!important;width:100%!important;border-radius:64px 64px 0 0!important;transform:translateY(calc(100% + 24px))!important;transition:transform .85s cubic-bezier(.22,.8,.2,1)!important}
  .home-page .case-drawer.is-open .case-drawer-panel{transform:translateY(0)!important}
  .home-page .case-drawer-panel>header{top:28px!important;right:28px!important}
  .home-page .case-drawer-panel::before{content:'';position:absolute;z-index:6;top:10px;left:50%;width:40px;height:4px;border-radius:999px;background:var(--muted);opacity:.35;transform:translateX(-50%);pointer-events:none}
}
@keyframes mobile-menu-enter{from{transform:translateY(-8px) scale(.97)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.home-page .hero .hero-top-nav.mobile-menu-open{animation:none}.home-page .work-reel{height:100svh!important}}