.main-nav > .nav-more > .nav-more-menu { left: auto; right: 0; transform: translateY(-6px); }
.main-nav .nav-more:hover .nav-more-menu,
.main-nav .nav-more:focus-within .nav-more-menu { transform: translateY(0); }
.main-nav .nav-more[data-open="false"] .nav-more-menu { opacity: 0; visibility: hidden; pointer-events: none; }
.main-nav .nav-more[data-open="true"] .nav-more-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.main-nav .contact-link, .main-nav .nav-more-trigger, .main-nav .home-link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.main-nav .nav-more-trigger { min-width: 44px; touch-action: manipulation; }
@media (max-width: 520px) {
  .main-nav { column-gap: 10px !important; }
  .main-nav > .contact-link { margin-right: 8px; }
  .main-nav > .nav-more { margin-right: 0; }
}

.main-nav .nav-more-menu a { display:block; padding:10px 6px; min-height:44px; font-size:14px; font-weight:800; text-align:center; border-radius:7px; }
.main-nav{gap:clamp(8px,2vw,25px)!important}
.main-nav>.about-link,.main-nav>.contact-link{display:inline-flex;align-items:center;min-height:44px;margin-right:0!important;font-family:inherit;font-weight:800;font-size:clamp(17px,2.4vw,36px);color:#F2E2C1;text-decoration:none;white-space:nowrap}
.main-nav>.nav-more{margin-right:0!important}
.main-nav>.about-link:focus-visible{outline:2px solid #F2E2C1;outline-offset:3px}
@media(max-width:520px){.main-nav{gap:9px!important;padding-left:10px!important;padding-right:10px!important}.main-nav>.about-link,.main-nav>.contact-link,.main-nav .nav-more-trigger{font-size:14px!important}.main-nav .nav-wordmark{height:38px;max-width:68px}.main-nav>.home-link{margin-right:auto}}
@media(max-width:360px){.main-nav{gap:7px!important}.main-nav .nav-wordmark{max-width:58px}.main-nav>.about-link,.main-nav>.contact-link,.main-nav .nav-more-trigger{font-size:13px!important}}
/* Outrank the bundled homepage's older zero-gap rule. */
html body .main-nav{gap:clamp(16px,2.5vw,40px)!important}
html body .main-nav>.about-link,html body .main-nav>.contact-link{flex:0 0 auto;margin:0!important}
.main-nav>.about-link,.main-nav>.contact-link,.main-nav>.home-link,.main-nav>a[href="#showreel"],.main-nav .nav-more-trigger{transition:transform .16s ease,color .16s ease}
.main-nav>.about-link:hover,.main-nav>.about-link:focus-visible,.main-nav>.contact-link:hover,.main-nav>.contact-link:focus-visible,.main-nav>.home-link:hover,.main-nav>.home-link:focus-visible,.main-nav>a[href="#showreel"]:hover,.main-nav>a[href="#showreel"]:focus-visible,.main-nav .nav-more-trigger:hover,.main-nav .nav-more-trigger:focus-visible{transform:translateY(-2px);color:#FFF6DF}
.main-nav>.nav-more>.nav-more-menu{width:clamp(132px,12vw,150px);min-width:0;max-width:150px}
.main-nav .nav-more-menu span,.main-nav .nav-more-menu a{text-align:center;padding:8px 3px;font-size:clamp(13px,1.15vw,16px)}
@media(min-width:521px){.main-nav>.about-link,.main-nav>.contact-link,.main-nav .nav-more-trigger{font-size:clamp(18px,1.3vw,23px)!important}}
@media(max-width:520px){html body .main-nav{gap:14px!important}}
@media(max-width:360px){html body .main-nav{gap:10px!important}}
@media(prefers-reduced-motion:reduce){.main-nav>.about-link,.main-nav>.contact-link,.main-nav>.home-link,.main-nav>a[href="#showreel"],.main-nav .nav-more-trigger,.main-nav .nav-more-menu{transition:none!important}}

/* Touch targets and reduced-motion behavior across all three pages. */
@media(max-width:1024px){.main-nav .about-link,.main-nav .contact-link,.main-nav .nav-more-trigger{min-height:44px;display:inline-flex;align-items:center}.main-nav .nav-more-menu a{min-height:44px;display:flex;align-items:center;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}#memoir-loading-screen .memoir-loading-mark{animation:none!important}.music-note{animation:none!important;display:none!important}}

@font-face{font-family:'AA Penny';src:url('aa-penny.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
html body :is(h1,h2,h3,h4,h5,h6,.about-question,.team-card strong,.footer-title,.footer-heading){font-family:'AA Penny','Baloo 2',sans-serif!important;font-weight:400!important;font-synthesis:none;letter-spacing:normal}