.work-menu{position:relative}.work-menu__trigger{min-height:44px;color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.work-menu__trigger:hover,.work-menu__trigger[data-active],.work-menu__trigger[aria-expanded=true]{color:var(--text-primary)}.work-menu__trigger svg{transition:transform .18s}.work-menu__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.work-menu__trigger:focus-visible{outline:2px solid var(--brand-highlight);outline-offset:5px;border-radius:2px}.work-menu__panel{inset-inline-start:-20px;z-index:110;border:1px solid var(--border);background:var(--bg-elevated);width:520px;max-width:calc(100vw - 48px);color:var(--text-primary);transform-origin:0 0;border-radius:8px;padding:18px 14px 10px;animation:.18s ease-out work-menu-enter;position:absolute;top:calc(100% + 10px);box-shadow:0 24px 80px #0006}.work-menu__panel:before{content:"";inset-inline:20px;background:linear-gradient(90deg,#635bff,#9290ff,#0000);height:2px;position:absolute;top:-1px}.work-menu__intro{justify-content:space-between;align-items:center;gap:12px;padding:0 10px 14px;display:flex}.work-menu__intro>:first-child{font-size:17px;font-weight:500}.work-menu__intro>:last-child{color:var(--brand-highlight);font-size:10px}.work-menu__film{border-top:1px solid var(--border);border-radius:2px;grid-template-columns:20px minmax(0,1fr) 112px 18px;align-items:center;gap:14px;min-height:108px;padding:14px 10px;transition:background-color .18s;display:grid;position:relative}.work-menu__film:hover,.work-menu__film:focus-visible{background:var(--bg-hover)}.work-menu__film:focus-visible{outline:2px solid var(--brand-highlight);outline-offset:-2px}.work-menu__film[aria-current=page]:before{content:"";inset-inline-start:0;background:var(--brand-highlight);width:2px;position:absolute;top:25%;bottom:25%}.work-menu__number{color:var(--brand-highlight);font-variant-numeric:tabular-nums;font-size:10px}.work-menu__copy{flex-direction:column;gap:6px;min-width:0;display:flex}.work-menu__title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3}.work-menu__line{color:var(--text-secondary);font-size:12px;line-height:1.5}.work-menu__frame{aspect-ratio:3/2;background:var(--bg-primary);border-radius:3px;width:112px;position:relative;overflow:hidden}.work-menu__frame img{object-fit:cover;transition:transform .24s}.work-menu__film:hover .work-menu__frame img{transform:scale(1.06)}.work-menu__arrow{color:var(--text-muted);transition:color .18s,transform .18s}.work-menu__film:hover .work-menu__arrow,.work-menu__film:focus-visible .work-menu__arrow{color:var(--brand-highlight);transform:translate(2px,-2px)}.work-menu--mobile .work-menu__trigger{width:100%;min-height:56px;font-family:var(--font-heading), sans-serif;color:var(--text-primary);justify-content:space-between;padding-block:12px;font-size:24px}.work-menu--mobile .work-menu__trigger svg{width:20px;height:20px}.work-menu--mobile .work-menu__panel{width:100%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 0 8px;position:static}.work-menu--mobile .work-menu__panel:before{display:none}.work-menu--mobile .work-menu__film{grid-template-columns:18px minmax(0,1fr) 76px 16px;gap:10px;min-height:90px;padding:14px 0}.work-menu--mobile .work-menu__frame{width:76px}.work-menu--mobile .work-menu__film[aria-current=page]:before{inset-inline-start:-8px}.work-menu--mobile .work-menu__title{font-size:15px}.work-menu--mobile .work-menu__line{font-size:11px}@keyframes work-menu-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:359px){.work-menu--mobile .work-menu__film{grid-template-columns:16px minmax(0,1fr) 62px 16px;gap:8px}.work-menu--mobile .work-menu__frame{width:62px}}@media (prefers-reduced-motion:reduce){.work-menu__panel{animation:none}.work-menu__trigger svg,.work-menu__frame img,.work-menu__arrow,.work-menu__film{transition:none}.work-menu__film:hover .work-menu__frame img,.work-menu__film:hover .work-menu__arrow,.work-menu__film:focus-visible .work-menu__arrow{transform:none}}
.filmito-nav-brand{flex-shrink:0;width:44px;height:44px;display:block;position:relative;overflow:hidden}.filmito-nav-brand img{top:50%;width:131.148%;max-width:none;height:auto;position:absolute;inset-inline-start:-15.5738%;transform:translateY(-49.537%)}.filmito-nav-brand:focus-visible{outline-offset:4px;outline:2px solid #8b84ff}@media (min-width:640px){.filmito-nav-brand{width:60px}}@media (min-width:768px){.filmito-nav-brand{width:77px}}@media (max-width:379px){.filmito-nav-layout{gap:8px}}@media (max-width:359px){.filmito-nav-layout{gap:4px;padding-inline:16px}}