/* Homepage-only floating editorial navigation, inspired by the supplied reference.
   The olive header remains visible; buttons sit free of permanent underlines. */
.portfolio .portfolio-header.video-top-nav {
  position:relative;z-index:60;background:var(--olive);min-height:72px;
  padding:12px 5%;overflow:visible;
}
.portfolio .video-top-nav .floating-menu {display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.1vw,32px);max-width:none;flex-wrap:nowrap;overflow:visible}
.portfolio .video-top-nav .floating-menu>a.site-action {
  display:inline-flex;position:relative;isolation:isolate;overflow:visible;
  border:0!important;border-radius:999px!important;background:none!important;
  background-image:none!important;background-size:0!important;
  color:var(--paper)!important;min-height:42px;
  padding:11px 8px!important;font:500 clamp(11px,1vw,14px)/1.2 Arial,Helvetica,sans-serif!important;
  text-transform:none;letter-spacing:0!important;text-decoration:none!important;
  transition:color .22s ease,transform .2s ease!important;
}
.portfolio .video-top-nav .floating-menu>a.site-action::after {
  content:"";position:absolute;left:8px;right:8px;bottom:7px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:center;
  transition:transform .22s cubic-bezier(.2,.75,.2,1);
}
.portfolio .video-top-nav .floating-menu>a.site-action:is(:hover,:focus-visible,.is-current)::after {transform:scaleX(1)}
.portfolio .video-top-nav .floating-menu>a.site-action:active {transform:translateY(1px)}
.portfolio .video-top-nav .floating-menu>a.nav-contact.site-action {
  padding:11px 19px!important;margin-left:3px;
}
.portfolio .video-top-nav .floating-menu>a.nav-contact::before {
  content:""!important;display:block;position:absolute;inset:0;z-index:-1;
  background:var(--paper);border-radius:999px;
  transform:scale(.82);opacity:0;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease;
}
.portfolio .video-top-nav .floating-menu>a.nav-contact:is(:hover,:focus-visible)::before,
.portfolio .video-top-nav .floating-menu>a.nav-contact.is-current::before {
  opacity:1;transform:scale(1)
}
.portfolio .video-top-nav .floating-menu>a.nav-contact:is(:hover,:focus-visible,.is-current) {color:var(--olive)!important}
.portfolio .video-top-nav .floating-menu>a.nav-contact::after {display:none}
.portfolio .video-top-nav .floating-menu>a.site-action:focus-visible {outline:2px solid var(--paper)!important;outline-offset:3px}
.portfolio .portfolio-footer>div {display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,1.5vw,22px)}
.portfolio .portfolio-footer>div a.site-action {min-height:40px}
@media(max-width:700px) {
  .portfolio .portfolio-header.video-top-nav {min-height:58px;padding:8px 16px;gap:8px}
  .portfolio .video-top-nav .floating-menu {gap:clamp(3px,1vw,9px);flex-wrap:nowrap;max-width:none}
  .portfolio .video-top-nav .floating-menu>a.site-action {font-size:11px!important;min-height:40px;padding:9px 5px!important}
  .portfolio .video-top-nav .floating-menu>a.site-action::after {left:5px;right:5px}
  .portfolio .video-top-nav .floating-menu>a.nav-contact.site-action {padding:10px 13px!important;margin-left:0}
}
@media(prefers-reduced-motion:reduce) {
  .portfolio .video-top-nav .floating-menu>a.site-action,
  .portfolio .video-top-nav .floating-menu>a.site-action::after,
  .portfolio .video-top-nav .floating-menu>a.nav-contact::before {transition:none!important}
}

/* Transparent fixed navigation over edge-to-edge hero footage. */
.portfolio .portfolio-header.video-top-nav {position:fixed!important;inset:0 0 auto!important;width:100%;min-height:0;background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:10px 5%!important;z-index:90}
.portfolio .portfolio-header.video-top-nav .small-wordmark {color:var(--paper)}
.portfolio .portfolio-hero.video-led-hero {margin-top:0}
.portfolio :is(#work,#about,#contact) {scroll-margin-top:72px}
/* Email actions share the primary pill treatment used on the comedy page. */
.portfolio .contact-email-link {margin:16px 0 24px;text-transform:none}
.portfolio .compact-footer {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;flex-wrap:nowrap;padding:10px 5%;min-height:64px;background:var(--olive);color:var(--paper)}
.portfolio .compact-footer .footer-wordmark,.portfolio .compact-footer .footer-top-link {display:inline-flex;align-items:center;min-height:42px;padding:6px 2px!important;background:none!important;background-image:none!important;border:0!important;color:var(--paper)!important;text-decoration:none!important;font:400 11px Arial,Helvetica,sans-serif;white-space:nowrap;transition:opacity .2s ease!important}
.portfolio .compact-footer .footer-wordmark:hover,.portfolio .compact-footer .footer-top-link:hover {opacity:.65}
.portfolio .compact-footer .footer-socials {display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:9px}
.portfolio .compact-footer .footer-socials .footer-icon {position:relative;display:grid;place-items:center;box-sizing:border-box;min-width:44px;width:44px;height:44px;padding:9px!important;color:var(--paper)!important;border:0!important;border-radius:50%!important;background:none!important;background-image:none!important;isolation:isolate;overflow:visible;transition:color .23s ease,transform .2s ease!important}
.portfolio .compact-footer .footer-socials .footer-icon::before {content:"";position:absolute;inset:2px;z-index:-1;border-radius:50%;background:var(--paper);opacity:0;transform:scale(.75);transition:transform .23s ease,opacity .23s ease}
.portfolio .compact-footer .footer-socials .footer-icon:is(:hover,:focus-visible)::before {opacity:1;transform:scale(1)}
.portfolio .compact-footer .footer-socials .footer-icon:is(:hover,:focus-visible) {color:var(--olive)!important}
.portfolio .compact-footer .footer-socials .footer-icon:active {transform:scale(.91)}
.portfolio .compact-footer .footer-socials .footer-icon svg {display:block;width:23px;height:23px;overflow:visible}
.portfolio .compact-footer .footer-socials .footer-imdb svg {width:28px;height:23px}
.portfolio .compact-footer .footer-socials .footer-icon:focus-visible,.portfolio .compact-footer a:focus-visible {outline:2px solid var(--paper)!important;outline-offset:2px}
@media(max-width:700px) {
 .portfolio .portfolio-header.video-top-nav {padding:7px 16px!important}
 .portfolio .compact-footer {padding:8px 16px;gap:6px;min-height:58px}
 .portfolio .compact-footer .footer-wordmark,.portfolio .compact-footer .footer-top-link {font-size:10px}
 .portfolio .compact-footer .footer-socials {gap:1px}
 .portfolio .compact-footer .footer-socials .footer-icon {min-width:40px;width:40px;height:40px;padding:8px!important}
}
@media(max-width:370px) {.portfolio .compact-footer .footer-wordmark{font-size:0}.portfolio .compact-footer .footer-wordmark::after{content:"JT";font-size:12px}}
@media(prefers-reduced-motion:reduce) {
 .portfolio .compact-footer a,.portfolio .compact-footer .footer-icon::before,.portfolio .contact-email-link {transition:none!important}
}

/* The video itself remains unshaded, including behind the pinned menu. */
.portfolio .video-led-hero .hero-shade {background:none!important}