@media (max-width: 720px) {
  html,
  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .site-shell {
    color-scheme: dark;
    forced-color-adjust: none;
  }

  .site-shell--about,
  .site-shell--contact,
  .site-shell--legal-light {
    color-scheme: light;
  }

  .home-header__brand,
  .home-header__brand *,
  .home-header__menu-button,
  .home-header__menu-icon,
  .home-header__menu-line {
    color: #f5f5f2 !important;
    -webkit-text-fill-color: #f5f5f2;
    forced-color-adjust: none;
  }

  .home-header__menu-line {
    background: #f5f5f2 !important;
  }

  .home-header.is-open .home-header__subnav a,
  .home-header.is-open .home-header__subnav a:visited,
  .home-header.is-open .home-header__subnav a:active {
    color: rgba(245, 245, 242, 0.56) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.56);
    forced-color-adjust: none;
  }

  .home-header.is-open .home-header__social-label,
  .home-header.is-open .home-header__socials a,
  .home-header.is-open .home-header__legal,
  .home-header.is-open .home-header__legal a,
  .home-header.is-open .home-header__legal span {
    color: rgba(245, 245, 242, 0.58) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.58);
    forced-color-adjust: none;
  }

  .hero-agency-panel__eyebrow,
  .hero-slide__client,
  .placement-grid__overlay span {
    color: #e50914 !important;
    -webkit-text-fill-color: #e50914;
    forced-color-adjust: none;
  }

  .hero-agency-panel__line,
  .hero-agency-panel__line::before,
  .hero-slide__title,
  .placement-grid__overlay strong,
  .work-intro h1,
  .work-intro h2 {
    color: #f5f5f2 !important;
    -webkit-text-fill-color: #f5f5f2;
    forced-color-adjust: none;
  }

  .hero-slide__subtitle,
  .hero-slide__music-credit,
  .placement-grid__type,
  .work-intro__subtitle,
  .work-intro__note {
    color: rgba(245, 245, 242, 0.68) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.68);
    forced-color-adjust: none;
  }

  .work-filter__button {
    color: rgba(245, 245, 242, 0.66) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.66);
    forced-color-adjust: none;
  }

  .work-filter__button.is-active {
    color: #050505 !important;
    -webkit-text-fill-color: #050505;
  }
}

@media (max-width: 720px) {
  .site-shell--about,
  .site-shell--about main,
  .site-shell--about .about-principal,
  .site-shell--contact,
  .site-shell--contact .contact-main,
  .site-shell--legal-light,
  .site-shell--legal-light .legal-page {
    background: #fff !important;
    color: #050505 !important;
    -webkit-text-fill-color: #050505;
    forced-color-adjust: none;
  }

  .site-shell--about .about-principal__kicker,
  .site-shell--contact .contact-kicker,
  .site-shell--legal-light .legal-page__eyebrow {
    color: #e50914 !important;
    -webkit-text-fill-color: #e50914;
    forced-color-adjust: none;
  }

  .site-shell--about .about-principal__title,
  .site-shell--about .about-principal h2,
  .site-shell--about .about-principal__stats strong,
  .site-shell--contact .contact-title,
  .site-shell--contact .contact-name,
  .site-shell--contact .contact-email,
  .site-shell--legal-light .legal-page__hero h1,
  .site-shell--legal-light .legal-block h2,
  .site-shell--legal-light .legal-link {
    color: #050505 !important;
    -webkit-text-fill-color: #050505;
    forced-color-adjust: none;
  }

  .site-shell--about .about-principal__lead,
  .site-shell--contact .contact-intro,
  .site-shell--contact .contact-copy,
  .site-shell--contact .contact-meta dd,
  .site-shell--legal-light .legal-block p,
  .site-shell--legal-light .legal-list {
    color: rgba(5, 5, 5, 0.72) !important;
    -webkit-text-fill-color: rgba(5, 5, 5, 0.72);
    forced-color-adjust: none;
  }

  .site-shell--about .about-principal__body p,
  .site-shell--about .about-principal__stats span,
  .site-shell--contact .contact-role,
  .site-shell--contact .contact-list__label,
  .site-shell--contact .contact-meta dt,
  .site-shell--contact .contact-socials a,
  .site-shell--legal-light .legal-lang__toggle,
  .site-shell--legal-light .site-footer,
  .site-shell--legal-light .site-footer a {
    color: rgba(5, 5, 5, 0.58) !important;
    -webkit-text-fill-color: rgba(5, 5, 5, 0.58);
    forced-color-adjust: none;
  }

  .site-shell--legal-light .legal-lang__toggle.is-active {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    forced-color-adjust: none;
  }

  .site-shell--home,
  .site-shell--workpage,
  .site-shell--home .hero-agency,
  .site-shell--workpage main {
    background: #000 !important;
    forced-color-adjust: none;
  }
}

@media (min-width: 721px) {
  .home-header__nav > a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
  }

  .site-shell--home .home-header {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .site-shell--home .home-header__nav > a,
  .site-shell--home .home-header__nav > a:visited,
  .site-shell--home .home-header__nav > a:active {
    color: rgba(245, 245, 242, 0.68) !important;
  }

  .site-shell--home .home-header__nav > a:hover,
  .site-shell--home .home-header__nav > a[aria-current="page"] {
    color: #fff !important;
  }

  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header {
    color: #f5f5f2;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header::before,
  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header.is-open::before,
  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header.is-scrolled::before {
    opacity: 1;
    background: var(--page-header-bg, #000);
    box-shadow: none;
  }

  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header__brand {
    color: #f5f5f2;
  }

  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header__nav > a {
    color: rgba(245, 245, 242, 0.68);
  }

  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header__nav > a:visited,
  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header__nav > a:active {
    color: rgba(245, 245, 242, 0.68);
  }

  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header__nav > a:hover,
  .site-shell:not(.site-shell--home):not(.site-shell--contact):not(.site-shell--legal-light) .home-header__nav > a[aria-current="page"] {
    color: #fff;
  }

  .site-shell.site-shell--contact .home-header {
    color: #050505;
  }

  .site-shell.site-shell--contact .home-header__brand {
    color: #050505;
  }

  .site-shell.site-shell--contact .home-header__nav > a,
  .site-shell.site-shell--contact .home-header__nav > a:visited,
  .site-shell.site-shell--contact .home-header__nav > a:active {
    color: rgba(5, 5, 5, 0.58);
  }

  .site-shell.site-shell--contact .home-header__nav > a:hover,
  .site-shell.site-shell--contact .home-header__nav > a[aria-current="page"] {
    color: #050505;
  }

  .site-shell--home .home-header:not(.is-scrolled)::before {
    opacity: 0;
    background: transparent;
    box-shadow: none;
  }

  .site-shell--home .home-header.is-scrolled::before {
    opacity: 1;
    background: rgba(0, 0, 0, 0.96);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32), 0 1px 0 rgba(255, 255, 255, 0.06);
  }

  .site-footer__legal-links {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }
}


/* Final shared mobile menu: keep this here so Safari never flashes the old menu during page transitions. */
.home-header__subnav {
  display: none;
}

.home-header__socials {
  display: none;
}

.home-header__legal,
.site-legal-rail,
.site-footer {
  display: none !important;
}

@media (min-width: 721px) {
  .site-legal-rail {
    position: fixed;
    right: clamp(20px, 3.2vw, 44px);
    bottom: 28px;
    z-index: 24;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(245, 245, 242, 0.5);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    box-shadow: none;
    transition: color 180ms ease;
  }

  .site-shell--home .site-legal-rail {
    right: auto;
    left: clamp(28px, 4.4vw, 60px);
  }

  .site-legal-rail::before {
    content: "";
    position: absolute;
    inset: -4px -7px -5px;
    z-index: -1;
    border: 1px solid rgba(245, 245, 242, 0.08);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.14);
    opacity: 0;
    transition: border-color 180ms ease, background-color 180ms ease, opacity 180ms ease;
  }

  .site-shell--about .site-legal-rail,
  .site-shell--contact .site-legal-rail,
  .site-shell--legal-light .site-legal-rail {
    color: rgba(5, 5, 5, 0.42);
  }

  .site-shell--about .site-legal-rail::before,
  .site-shell--contact .site-legal-rail::before,
  .site-shell--legal-light .site-legal-rail::before {
    border-color: rgba(5, 5, 5, 0.08);
    background: rgba(5, 5, 5, 0.035);
  }

  .site-legal-rail span {
    color: inherit;
  }

  .site-legal-rail a,
  .site-legal-rail a:visited,
  .site-legal-rail a:active {
    color: inherit;
    text-decoration: none;
  }

  .site-legal-rail:hover,
  .site-legal-rail:focus-within {
    color: rgba(245, 245, 242, 0.72);
  }

  .site-shell:has(.home-header.is-scrolled) .site-legal-rail::before,
  .site-legal-rail:focus-within::before {
    opacity: 1;
  }

  .site-shell:has(.home-header.is-scrolled) .site-legal-rail:hover::before,
  .site-legal-rail:focus-within::before {
    border-color: rgba(245, 245, 242, 0.18);
    background: rgba(0, 0, 0, 0.28);
  }

  .site-legal-rail a:hover,
  .site-legal-rail a:focus-visible {
    color: rgba(245, 245, 242, 0.88);
  }

  .site-shell--about .site-legal-rail:hover,
  .site-shell--about .site-legal-rail:focus-within,
  .site-shell--contact .site-legal-rail:hover,
  .site-shell--contact .site-legal-rail:focus-within,
  .site-shell--legal-light .site-legal-rail:hover,
  .site-shell--legal-light .site-legal-rail:focus-within {
    color: rgba(5, 5, 5, 0.66);
  }

  .site-shell--about:has(.home-header.is-scrolled) .site-legal-rail:hover::before,
  .site-shell--about .site-legal-rail:focus-within::before,
  .site-shell--contact:has(.home-header.is-scrolled) .site-legal-rail:hover::before,
  .site-shell--contact .site-legal-rail:focus-within::before,
  .site-shell--legal-light:has(.home-header.is-scrolled) .site-legal-rail:hover::before,
  .site-shell--legal-light .site-legal-rail:focus-within::before {
    border-color: rgba(5, 5, 5, 0.16);
    background: rgba(5, 5, 5, 0.07);
  }

  .site-shell--about .site-legal-rail a:hover,
  .site-shell--about .site-legal-rail a:focus-visible,
  .site-shell--contact .site-legal-rail a:hover,
  .site-shell--contact .site-legal-rail a:focus-visible,
  .site-shell--legal-light .site-legal-rail a:hover,
  .site-shell--legal-light .site-legal-rail a:focus-visible {
    color: rgba(5, 5, 5, 0.82);
  }
}

@media (min-width: 721px) {
  .home-header__nav {
    position: relative;
  }

  .home-header__work-link {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
  }

  .home-header__work-link::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    opacity: 0.62;
    transform: rotate(45deg);
    transition: transform 160ms ease, opacity 160ms ease;
  }

  .home-header__work-link:hover::after,
  .home-header__work-link:focus-visible::after {
    opacity: 1;
    transform: translateY(2px) rotate(45deg);
  }

  .home-header__subnav {
    counter-reset: work-subnav;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 44;
    display: grid;
    gap: 7px;
    min-width: 238px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, -6px, 0);
    transition: opacity 150ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .home-header__subnav::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -18px;
    height: 18px;
  }

  .home-header__work-link:hover + .home-header__subnav,
  .home-header__work-link:focus-visible + .home-header__subnav,
  .home-header__subnav:hover,
  .home-header__subnav:focus-within {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  .home-header__subnav a,
  .home-header__subnav a:visited,
  .home-header__subnav a:active {
    counter-increment: work-subnav;
    display: grid;
    grid-template-columns: 22px max-content;
    align-items: baseline;
    column-gap: 11px;
    min-height: auto;
    padding: 0;
    color: rgba(245, 245, 242, 0.7) !important;
    background: transparent !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 760 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.05 !important;
    text-align: left;
    text-transform: uppercase !important;
    white-space: nowrap;
    transition: color 140ms ease, transform 140ms ease;
  }

  .home-header__subnav a::before {
    content: "0" counter(work-subnav);
    color: rgba(245, 245, 242, 0.34);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.06em;
  }

  .home-header__subnav a:hover,
  .home-header__subnav a:focus-visible {
    color: #fff !important;
    background: transparent !important;
    transform: translateX(2px);
  }

  .site-shell--workpage .home-header:not(.is-open) .home-header__work-link:hover + .home-header__subnav,
  .site-shell--workpage .home-header:not(.is-open) .home-header__work-link:focus-visible + .home-header__subnav,
  .site-shell--workpage .home-header:not(.is-open) .home-header__subnav:hover,
  .site-shell--workpage .home-header:not(.is-open) .home-header__subnav:focus-within {
    padding: 14px 16px 15px;
    border: 1px solid rgba(245, 245, 242, 0.11);
    background: rgba(5, 5, 5, 0.82);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .site-shell--about .home-header:not(.is-open) .home-header__work-link:hover + .home-header__subnav,
  .site-shell--about .home-header:not(.is-open) .home-header__work-link:focus-visible + .home-header__subnav,
  .site-shell--about .home-header:not(.is-open) .home-header__subnav:hover,
  .site-shell--about .home-header:not(.is-open) .home-header__subnav:focus-within,
  .site-shell--contact .home-header:not(.is-open) .home-header__work-link:hover + .home-header__subnav,
  .site-shell--contact .home-header:not(.is-open) .home-header__work-link:focus-visible + .home-header__subnav,
  .site-shell--contact .home-header:not(.is-open) .home-header__subnav:hover,
  .site-shell--contact .home-header:not(.is-open) .home-header__subnav:focus-within {
    padding: 14px 16px 15px;
    border: 1px solid rgba(5, 5, 5, 0.08);
    background: rgba(245, 245, 242, 0.92);
    box-shadow: 0 18px 38px rgba(5, 5, 5, 0.1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav {
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .site-shell--about .home-header:not(.is-open) .home-header__subnav a,
  .site-shell--contact .home-header:not(.is-open) .home-header__subnav a,
  .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav a {
    color: rgba(5, 5, 5, 0.66) !important;
  }

  .site-shell--about .home-header:not(.is-open) .home-header__subnav a::before,
  .site-shell--contact .home-header:not(.is-open) .home-header__subnav a::before,
  .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav a::before {
    color: rgba(5, 5, 5, 0.32);
  }

  .site-shell--about .home-header:not(.is-open) .home-header__subnav a:hover,
  .site-shell--about .home-header:not(.is-open) .home-header__subnav a:focus-visible,
  .site-shell--contact .home-header:not(.is-open) .home-header__subnav a:hover,
  .site-shell--contact .home-header:not(.is-open) .home-header__subnav a:focus-visible,
  .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav a:hover,
  .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav a:focus-visible {
    color: #050505 !important;
    background: transparent !important;
  }

  html.submenu-preview-inline .home-header__nav {
    gap: 18px;
  }

  html.submenu-preview-inline .home-header__work-link::after {
    display: none;
  }

  html.submenu-preview-inline .home-header__subnav {
    position: static;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    max-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(-8px);
    transition:
      max-width 260ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 150ms ease,
      transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  html.submenu-preview-inline .home-header__subnav::before {
    display: none;
  }

  html.submenu-preview-inline .home-header__work-link:hover + .home-header__subnav,
  html.submenu-preview-inline .home-header__work-link:focus-visible + .home-header__subnav,
  html.submenu-preview-inline .home-header__subnav:hover,
  html.submenu-preview-inline .home-header__subnav:focus-within {
    max-width: 430px;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }

  html.submenu-preview-inline .home-header__subnav a,
  html.submenu-preview-inline .home-header__subnav a:visited,
  html.submenu-preview-inline .home-header__subnav a:active {
    min-height: auto;
    padding: 0;
    background: transparent !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
  }

  html.submenu-preview-inline .home-header__subnav a:hover,
  html.submenu-preview-inline .home-header__subnav a:focus-visible {
    background: transparent !important;
  }

  html.submenu-preview-inline .site-shell--about .home-header:not(.is-open) .home-header__subnav,
  html.submenu-preview-inline .site-shell--contact .home-header:not(.is-open) .home-header__subnav,
  html.submenu-preview-inline .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  html.submenu-preview-underline .home-header__work-link::after {
    width: 6px;
    height: 6px;
    border-width: 1.5px;
    opacity: 0.55;
  }

  html.submenu-preview-underline .home-header__subnav {
    top: calc(100% + 11px);
    left: auto;
    right: 0;
    display: inline-flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 11px 0 0;
    border: 0;
    border-top: 1px solid rgba(245, 245, 242, 0.22);
    background: transparent;
    box-shadow: none;
    opacity: 0;
    transform: translateY(-5px);
    transition: opacity 150ms ease, transform 170ms ease;
  }

  html.submenu-preview-underline .home-header__subnav::before {
    top: -20px;
    height: 20px;
  }

  html.submenu-preview-underline .home-header__work-link:hover + .home-header__subnav,
  html.submenu-preview-underline .home-header__work-link:focus-visible + .home-header__subnav,
  html.submenu-preview-underline .home-header__subnav:hover,
  html.submenu-preview-underline .home-header__subnav:focus-within {
    transform: translateY(0);
  }

  html.submenu-preview-underline .home-header__subnav a,
  html.submenu-preview-underline .home-header__subnav a:visited,
  html.submenu-preview-underline .home-header__subnav a:active {
    min-height: auto;
    padding: 0;
    background: transparent !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
  }

  html.submenu-preview-underline .home-header__subnav a:hover,
  html.submenu-preview-underline .home-header__subnav a:focus-visible {
    background: transparent !important;
  }

  html.submenu-preview-underline .site-shell--about .home-header:not(.is-open) .home-header__subnav,
  html.submenu-preview-underline .site-shell--contact .home-header:not(.is-open) .home-header__subnav,
  html.submenu-preview-underline .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav {
    border-top-color: rgba(5, 5, 5, 0.2);
    background: transparent;
    box-shadow: none;
  }

  html.submenu-preview-header .home-header {
    transition:
      background-color 180ms ease,
      box-shadow 180ms ease,
      padding 180ms ease;
  }

  html.submenu-preview-header .home-header:has(.home-header__work-link:hover),
  html.submenu-preview-header .home-header:has(.home-header__work-link:focus-visible),
  html.submenu-preview-header .home-header:has(.home-header__subnav:hover),
  html.submenu-preview-header .home-header:has(.home-header__subnav:focus-within) {
    background: rgba(5, 5, 5, 0.9) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
  }

  html.submenu-preview-header .site-shell--about .home-header:not(.is-open):has(.home-header__work-link:hover),
  html.submenu-preview-header .site-shell--about .home-header:not(.is-open):has(.home-header__work-link:focus-visible),
  html.submenu-preview-header .site-shell--about .home-header:not(.is-open):has(.home-header__subnav:hover),
  html.submenu-preview-header .site-shell--about .home-header:not(.is-open):has(.home-header__subnav:focus-within),
  html.submenu-preview-header .site-shell--contact .home-header:not(.is-open):has(.home-header__work-link:hover),
  html.submenu-preview-header .site-shell--contact .home-header:not(.is-open):has(.home-header__work-link:focus-visible),
  html.submenu-preview-header .site-shell--contact .home-header:not(.is-open):has(.home-header__subnav:hover),
  html.submenu-preview-header .site-shell--contact .home-header:not(.is-open):has(.home-header__subnav:focus-within),
  html.submenu-preview-header .site-shell--legal-light .home-header:not(.is-open):has(.home-header__work-link:hover),
  html.submenu-preview-header .site-shell--legal-light .home-header:not(.is-open):has(.home-header__work-link:focus-visible),
  html.submenu-preview-header .site-shell--legal-light .home-header:not(.is-open):has(.home-header__subnav:hover),
  html.submenu-preview-header .site-shell--legal-light .home-header:not(.is-open):has(.home-header__subnav:focus-within) {
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
  }

  html.submenu-preview-header .home-header__subnav {
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 7px 0 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    transform: translateY(-4px);
  }

  html.submenu-preview-header .home-header__subnav::before {
    top: -16px;
    height: 16px;
  }

  html.submenu-preview-header .home-header__work-link:hover + .home-header__subnav,
  html.submenu-preview-header .home-header__work-link:focus-visible + .home-header__subnav,
  html.submenu-preview-header .home-header__subnav:hover,
  html.submenu-preview-header .home-header__subnav:focus-within {
    transform: translateY(0);
  }

  html.submenu-preview-header .home-header__subnav a,
  html.submenu-preview-header .home-header__subnav a:visited,
  html.submenu-preview-header .home-header__subnav a:active {
    min-height: auto;
    padding: 0;
    background: transparent !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
  }

  html.submenu-preview-header .home-header__subnav a:hover,
  html.submenu-preview-header .home-header__subnav a:focus-visible {
    background: transparent !important;
  }

  html.submenu-preview-header .site-shell--about .home-header:not(.is-open) .home-header__subnav,
  html.submenu-preview-header .site-shell--contact .home-header:not(.is-open) .home-header__subnav,
  html.submenu-preview-header .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  html.submenu-preview-editorial .home-header__work-link::after {
    width: 5px;
    height: 5px;
    margin-top: -2px;
    border-width: 1.5px;
    opacity: 0.62;
  }

  html.submenu-preview-editorial .home-header__subnav {
    counter-reset: work-subnav;
    top: calc(100% + 12px);
    right: 0;
    left: auto;
    display: grid;
    gap: 7px;
    min-width: 238px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, -6px, 0);
    transition: opacity 150ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  html.submenu-preview-editorial .home-header__subnav::before {
    top: -18px;
    height: 18px;
  }

  html.submenu-preview-editorial .home-header__work-link:hover + .home-header__subnav,
  html.submenu-preview-editorial .home-header__work-link:focus-visible + .home-header__subnav,
  html.submenu-preview-editorial .home-header__subnav:hover,
  html.submenu-preview-editorial .home-header__subnav:focus-within {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  html.submenu-preview-editorial .home-header__subnav a,
  html.submenu-preview-editorial .home-header__subnav a:visited,
  html.submenu-preview-editorial .home-header__subnav a:active {
    counter-increment: work-subnav;
    display: grid;
    grid-template-columns: 22px max-content;
    align-items: baseline;
    column-gap: 11px;
    min-height: auto;
    padding: 0;
    color: rgba(245, 245, 242, 0.7) !important;
    background: transparent !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 760 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.05 !important;
    text-align: left;
    text-transform: uppercase !important;
    white-space: nowrap;
    transition: color 140ms ease, transform 140ms ease;
  }

  html.submenu-preview-editorial .home-header__subnav a::before {
    content: "0" counter(work-subnav);
    color: rgba(245, 245, 242, 0.34);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.06em;
  }

  html.submenu-preview-editorial .home-header__subnav a:hover,
  html.submenu-preview-editorial .home-header__subnav a:focus-visible {
    color: #fff !important;
    background: transparent !important;
    transform: translateX(2px);
  }

  html.submenu-preview-editorial .site-shell--about .home-header:not(.is-open) .home-header__subnav,
  html.submenu-preview-editorial .site-shell--contact .home-header:not(.is-open) .home-header__subnav,
  html.submenu-preview-editorial .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  html.submenu-preview-editorial .site-shell--about .home-header:not(.is-open) .home-header__subnav a,
  html.submenu-preview-editorial .site-shell--contact .home-header:not(.is-open) .home-header__subnav a,
  html.submenu-preview-editorial .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav a {
    color: rgba(5, 5, 5, 0.66) !important;
  }

  html.submenu-preview-editorial .site-shell--about .home-header:not(.is-open) .home-header__subnav a::before,
  html.submenu-preview-editorial .site-shell--contact .home-header:not(.is-open) .home-header__subnav a::before,
  html.submenu-preview-editorial .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav a::before {
    color: rgba(5, 5, 5, 0.32);
  }

  html.submenu-preview-editorial .site-shell--about .home-header:not(.is-open) .home-header__subnav a:hover,
  html.submenu-preview-editorial .site-shell--about .home-header:not(.is-open) .home-header__subnav a:focus-visible,
  html.submenu-preview-editorial .site-shell--contact .home-header:not(.is-open) .home-header__subnav a:hover,
  html.submenu-preview-editorial .site-shell--contact .home-header:not(.is-open) .home-header__subnav a:focus-visible,
  html.submenu-preview-editorial .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav a:hover,
  html.submenu-preview-editorial .site-shell--legal-light .home-header:not(.is-open) .home-header__subnav a:focus-visible {
    color: #050505 !important;
  }
}

@media (max-width: 720px) {
  .home-header,
  .home-header a,
  .home-header button {
    -webkit-tap-highlight-color: transparent;
  }

  .home-header {
    z-index: 90;
    padding: 2px 18px;
    align-items: center;
    flex-wrap: nowrap;
    background: transparent !important;
  }

  .site-shell--home .home-header {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .home-header__brand {
    font-size: clamp(1.58rem, 6.3vw, 1.86rem);
    line-height: 0.88;
  }

  .home-header__menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 42;
    width: 44px;
    min-width: 44px;
    min-height: 40px;
    margin-left: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: currentColor;
    cursor: pointer;
    transform: none;
  }

  .home-header__menu-button:focus {
    outline: none;
  }

  .home-header__menu-button:focus-visible {
    outline: 1px solid rgba(245, 245, 242, 0.34);
    outline-offset: 6px;
  }

  .home-header__menu-icon {
    width: 25px;
    height: 16px;
    transform: none;
  }

  .home-header__menu-line {
    width: 25px;
    height: 1px;
    border-radius: 0;
  }

  .home-header__menu-line:nth-child(1) {
    top: 1px;
  }

  .home-header__menu-line:nth-child(2) {
    top: 8px;
  }

  .home-header__menu-line:nth-child(3) {
    top: 15px;
  }

  .home-header.is-open .home-header__menu-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg) scaleX(0.72);
  }

  .home-header.is-open .home-header__menu-line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0.4);
  }

  .home-header.is-open .home-header__menu-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) scaleX(0.72);
  }

  .site-shell--home .home-header:not(.is-open) .home-header__menu-button {
    color: rgba(245, 245, 242, 0.9);
  }

  .site-shell--contact .home-header:not(.is-open) .home-header__menu-button {
    color: #050505;
  }

  .site-shell--home .home-header:not(.is-open)::before {
    opacity: 0;
    background: transparent;
    box-shadow: none;
  }

  .site-shell--home .home-header.is-scrolled:not(.is-open) {
    background: rgba(0, 0, 0, 0.96) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32), 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  .site-shell--home .home-header.is-scrolled:not(.is-open)::before {
    opacity: 1 !important;
    background: rgba(0, 0, 0, 0.96) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32), 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  .home-header__nav {
    position: fixed !important;
    inset: 0 !important;
    z-index: 40 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    min-height: 100svh !important;
    padding: max(96px, calc(env(safe-area-inset-top, 0px) + 96px)) 22px max(46px, calc(env(safe-area-inset-bottom, 0px) + 46px)) !important;
    background: #030303 !important;
    color: #f5f5f2 !important;
    overflow-y: auto !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: none !important;
    visibility: hidden !important;
    transition: none !important;
  }

  .home-header.is-open,
  .home-header.is-open .home-header__brand,
  .home-header.is-open .home-header__menu-button {
    color: #f5f5f2 !important;
  }

  .home-header.is-open .home-header__brand {
    position: relative;
    z-index: 42;
  }

  .home-header.is-open::before {
    background: #030303 !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  .home-header.is-open .home-header__nav {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    min-height: 100svh !important;
    padding: max(96px, calc(env(safe-area-inset-top, 0px) + 96px)) 22px max(46px, calc(env(safe-area-inset-bottom, 0px) + 46px)) !important;
    background: #030303 !important;
    color: #f5f5f2 !important;
    counter-reset: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    transition-delay: 0s !important;
  }

  .home-header.is-open .home-header__nav::before {
    display: none !important;
    content: none !important;
  }

  .home-header.is-open .home-header__nav > a,
  .home-header.is-open .home-header__nav > a:visited,
  .home-header.is-open .home-header__nav > a:active,
  .home-header.is-open .home-header__nav > a[aria-current="page"],
  .home-header.is-open .home-header__nav > a[aria-current="page"]:visited,
  .home-header.is-open .home-header__nav > a[aria-current="page"]:active,
  .site-shell .home-header.is-open .home-header__nav > a,
  .site-shell .home-header.is-open .home-header__nav > a:visited,
  .site-shell .home-header.is-open .home-header__nav > a:active,
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"],
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"]:visited,
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"]:active {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    width: min(100%, 452px) !important;
    margin: 0 auto !important;
    padding: 13px 0 15px !important;
    border-top: 1px solid rgba(245, 245, 242, 0.105) !important;
    color: rgba(245, 245, 242, 0.44) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: clamp(2.1rem, 5.8vw, 3.1rem) !important;
    font-weight: 900 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    letter-spacing: -0.04em !important;
    line-height: 0.96 !important;
    text-transform: none !important;
    opacity: 1 !important;
    transform: none !important;
    font-variation-settings: normal !important;
    transition: color 200ms ease, transform 200ms ease !important;
  }

  .home-header.is-open .home-header__nav > a::before,
  .home-header.is-open .home-header__subnav a::before,
  .home-header.is-open .home-header__subnav a::after {
    display: none !important;
    content: none !important;
  }

  .home-header.is-open .home-header__nav > a::after {
    display: none !important;
    content: none !important;
  }

  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"],
  .site-shell .home-header.is-open .home-header__nav > a:hover,
  .site-shell .home-header.is-open .home-header__nav > a:focus-visible {
    color: #f5f5f2 !important;
    transform: translateX(3px) !important;
  }

  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"]::after,
  .site-shell .home-header.is-open .home-header__nav > a:hover::after,
  .site-shell .home-header.is-open .home-header__nav > a:focus-visible::after {
    display: none !important;
    content: none !important;
  }

  .home-header.is-open .home-header__subnav {
    display: grid !important;
    grid-template-columns: 1fr;
    width: min(100%, 452px) !important;
    margin: -2px auto 0 !important;
    padding: 3px 0 18px 18px !important;
    gap: 11px !important;
    border-left: 1px solid rgba(229, 9, 20, 0.68) !important;
    border-bottom: 1px solid rgba(245, 245, 242, 0.105) !important;
  }

  .home-header.is-open .home-header__subnav::before {
    display: none !important;
    content: none !important;
  }

  .home-header.is-open .home-header__subnav a,
  .home-header.is-open .home-header__subnav a:visited,
  .home-header.is-open .home-header__subnav a:active {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: rgba(245, 245, 242, 0.44) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.18rem, 5.35vw, 1.82rem) !important;
    font-weight: 480 !important;
    letter-spacing: 0 !important;
    line-height: 1.08 !important;
    text-transform: none !important;
    transition: color 190ms ease, transform 190ms ease !important;
  }

  .home-header.is-open .home-header__subnav a::before,
  .home-header.is-open .home-header__subnav a::after {
    display: none !important;
    content: none !important;
  }

  .home-header.is-open .home-header__subnav a:hover,
  .home-header.is-open .home-header__subnav a:focus,
  .home-header.is-open .home-header__subnav a:focus-visible,
  .home-header.is-open .home-header__subnav a:active {
    color: #f5f5f2 !important;
    transform: translateX(5px) !important;
  }

  .home-header.is-open .home-header__socials {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    width: min(100%, 452px) !important;
    margin: auto auto 0 !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(245, 245, 242, 0.105) !important;
    transform: none !important;
    gap: 13px 26px !important;
  }

  .home-header.is-open .home-header__socials::before {
    content: "Elsewhere" !important;
    flex: 0 0 100% !important;
    color: rgba(245, 245, 242, 0.32) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 620 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
  }

  .home-header.is-open .home-header__social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: max-content !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    transform: none !important;
  }

  .home-header.is-open .home-header__social-link img,
  .home-header.is-open .home-header__social-link > img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .home-header.is-open .home-header__social-link::after {
    display: block !important;
    content: attr(aria-label) !important;
    color: rgba(245, 245, 242, 0.68) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 640 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }

  .home-header.is-open .home-header__legal {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: min(100%, 452px) !important;
    margin: 15px auto 0 !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(245, 245, 242, 0.105) !important;
    color: rgba(245, 245, 242, 0.38) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.68rem !important;
    font-weight: 620 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    text-transform: none !important;
  }

  .home-header.is-open .home-header__legal a,
  .home-header.is-open .home-header__legal a:visited,
  .home-header.is-open .home-header__legal a:active,
  .home-header.is-open .home-header__legal span {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .home-header.is-open .home-header__legal a::before,
  .home-header.is-open .home-header__legal a::after {
    display: none !important;
    content: none !important;
  }

  .home-header.is-open .home-header__legal a:hover,
  .home-header.is-open .home-header__legal a:focus-visible {
    color: rgba(245, 245, 242, 0.76) !important;
  }
}

@media (max-width: 720px) {
  .home-header.is-open .home-header__nav > a,
  .home-header.is-open .home-header__nav > a:visited,
  .home-header.is-open .home-header__nav > a:active {
    color: rgba(245, 245, 242, 0.5) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.5);
    forced-color-adjust: none;
  }

  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"],
  .site-shell .home-header.is-open .home-header__nav > a:hover,
  .site-shell .home-header.is-open .home-header__nav > a:focus-visible {
    color: #f5f5f2 !important;
    -webkit-text-fill-color: #f5f5f2;
    forced-color-adjust: none;
  }

  .home-header.is-open .home-header__nav > a::after {
    color: rgba(245, 245, 242, 0.5) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.5);
    forced-color-adjust: none;
  }

  .home-header.is-open .home-header__subnav a,
  .home-header.is-open .home-header__subnav a:visited,
  .home-header.is-open .home-header__subnav a:active {
    color: rgba(245, 245, 242, 0.48) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.48);
    forced-color-adjust: none;
  }

  .home-header.is-open .home-header__subnav a:hover,
  .home-header.is-open .home-header__subnav a:focus,
  .home-header.is-open .home-header__subnav a:focus-visible,
  .home-header.is-open .home-header__subnav a:active {
    color: #f5f5f2 !important;
    -webkit-text-fill-color: #f5f5f2;
    forced-color-adjust: none;
  }

  .home-header.is-open .home-header__socials::before {
    color: rgba(245, 245, 242, 0.36) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.36);
    forced-color-adjust: none;
  }

  .home-header.is-open .home-header__social-link::after {
    color: rgba(245, 245, 242, 0.72) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.72);
    forced-color-adjust: none;
  }

  .home-header.is-open .home-header__legal,
  .home-header.is-open .home-header__legal a,
  .home-header.is-open .home-header__legal span {
    color: rgba(245, 245, 242, 0.42) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.42);
    forced-color-adjust: none;
  }

  .site-shell--about .home-header:not(.is-open),
  .site-shell--contact .home-header:not(.is-open),
  .site-shell--legal-light .home-header:not(.is-open),
  .site-shell--about .home-header:not(.is-open) .home-header__brand,
  .site-shell--contact .home-header:not(.is-open) .home-header__brand,
  .site-shell--legal-light .home-header:not(.is-open) .home-header__brand,
  .site-shell--about .home-header:not(.is-open) .home-header__brand *,
  .site-shell--contact .home-header:not(.is-open) .home-header__brand *,
  .site-shell--legal-light .home-header:not(.is-open) .home-header__brand *,
  .site-shell--about .home-header:not(.is-open) .home-header__menu-button,
  .site-shell--contact .home-header:not(.is-open) .home-header__menu-button,
  .site-shell--legal-light .home-header:not(.is-open) .home-header__menu-button {
    color: #050505 !important;
    -webkit-text-fill-color: #050505;
  }

  .site-shell--about .home-header:not(.is-open) .home-header__menu-line,
  .site-shell--contact .home-header:not(.is-open) .home-header__menu-line,
  .site-shell--legal-light .home-header:not(.is-open) .home-header__menu-line {
    background: #050505 !important;
  }

  .home-header.is-open .home-header__nav {
    counter-reset: mobile-main-nav !important;
    padding-top: max(96px, calc(env(safe-area-inset-top, 0px) + 96px)) !important;
  }

  .home-header.is-open .home-header__nav > a,
  .home-header.is-open .home-header__nav > a:visited,
  .home-header.is-open .home-header__nav > a:active,
  .home-header.is-open .home-header__nav > a[aria-current="page"],
  .home-header.is-open .home-header__nav > a[aria-current="page"]:visited,
  .home-header.is-open .home-header__nav > a[aria-current="page"]:active,
  .site-shell .home-header.is-open .home-header__nav > a,
  .site-shell .home-header.is-open .home-header__nav > a:visited,
  .site-shell .home-header.is-open .home-header__nav > a:active,
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"],
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"]:visited,
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"]:active {
    counter-increment: mobile-main-nav !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: baseline !important;
    justify-content: start !important;
    column-gap: 18px !important;
    width: min(100%, 452px) !important;
    padding: 16px 0 17px !important;
    color: rgba(245, 245, 242, 0.62) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.62) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: clamp(1.65rem, 7.2vw, 2.35rem) !important;
    font-weight: 760 !important;
    letter-spacing: 0.055em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  .home-header.is-open .home-header__nav > a::before,
  .site-shell .home-header.is-open .home-header__nav > a::before {
    content: "0" counter(mobile-main-nav) !important;
    display: block !important;
    color: rgba(245, 245, 242, 0.3) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.3) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.68rem !important;
    font-weight: 780 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    transform: translateY(-0.12em) !important;
  }

  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"],
  .site-shell .home-header.is-open .home-header__nav > a:hover,
  .site-shell .home-header.is-open .home-header__nav > a:focus-visible {
    color: #f5f5f2 !important;
    -webkit-text-fill-color: #f5f5f2 !important;
    transform: translateX(2px) !important;
  }

  .home-header.is-open .home-header__subnav {
    counter-reset: mobile-work-subnav !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(100%, 452px) !important;
    margin: -2px auto 0 !important;
    padding: 1px 0 19px 52px !important;
    gap: 9px !important;
    border-left: 0 !important;
    border-bottom: 1px solid rgba(245, 245, 242, 0.105) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home-header.is-open .home-header__subnav a,
  .home-header.is-open .home-header__subnav a:visited,
  .home-header.is-open .home-header__subnav a:active {
    counter-increment: mobile-work-subnav !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: baseline !important;
    column-gap: 12px !important;
    color: rgba(245, 245, 242, 0.52) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.52) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: clamp(0.82rem, 3.45vw, 1.05rem) !important;
    font-weight: 740 !important;
    letter-spacing: 0.095em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }

  .home-header.is-open .home-header__subnav a::before {
    content: "0" counter(mobile-work-subnav) !important;
    display: block !important;
    color: rgba(245, 245, 242, 0.26) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.26) !important;
    font-size: 0.58rem !important;
    font-weight: 780 !important;
    letter-spacing: 0.07em !important;
  }

  .home-header.is-open .home-header__subnav a:hover,
  .home-header.is-open .home-header__subnav a:focus,
  .home-header.is-open .home-header__subnav a:focus-visible,
  .home-header.is-open .home-header__subnav a:active {
    color: #f5f5f2 !important;
    -webkit-text-fill-color: #f5f5f2 !important;
    transform: translateX(3px) !important;
  }
}

@media (max-width: 720px) {
  html.is-android,
  html.is-android body,
  html.is-android .site-shell {
    color-scheme: only light !important;
  }

  html.is-android .home-header__brand,
  html.is-android .home-header__brand *,
  html.is-android .hero-agency-panel__line,
  html.is-android .hero-agency-panel__line::before,
  html.is-android .hero-slide__title,
  html.is-android .placement-grid__overlay strong,
  html.is-android .work-intro h1,
  html.is-android .work-intro h2 {
    --android-text-color: #f5f5f2;
  }

  html.is-android .hero-agency-panel__eyebrow,
  html.is-android .hero-slide__client,
  html.is-android .placement-grid__overlay span,
  html.is-android .site-shell--about .about-principal__kicker,
  html.is-android .site-shell--contact .contact-kicker,
  html.is-android .site-shell--legal-light .legal-page__eyebrow {
    --android-text-color: #e50914;
  }

  html.is-android .hero-slide__subtitle,
  html.is-android .hero-slide__music-credit,
  html.is-android .hero-agency-panel__links a,
  html.is-android .hero-agency-panel__proof,
  html.is-android .placement-grid__type,
  html.is-android .work-intro__subtitle,
  html.is-android .work-intro__note,
  html.is-android .work-filter__button {
    --android-text-color: rgba(245, 245, 242, 0.68);
  }

  html.is-android .work-filter__button.is-active {
    --android-text-color: #050505;
  }

  html.is-android .hero-agency-panel__links a:first-child {
    --android-text-color: #050505;
  }

  html.is-android .hero-agency-panel__links a:first-child,
  html.is-android .work-filter__button.is-active {
    background: #f5f5f2 !important;
    border-color: rgba(245, 245, 242, 0.92) !important;
    forced-color-adjust: none;
  }

  html.is-android .hero-agency-panel__links a:not(:first-child),
  html.is-android .work-filter__button:not(.is-active) {
    background: transparent !important;
    border-color: rgba(245, 245, 242, 0.22) !important;
    forced-color-adjust: none;
  }

  html.is-android .site-shell--about .home-header:not(.is-open),
  html.is-android .site-shell--contact .home-header:not(.is-open),
  html.is-android .site-shell--legal-light .home-header:not(.is-open),
  html.is-android .site-shell--about .home-header:not(.is-open) .home-header__brand,
  html.is-android .site-shell--contact .home-header:not(.is-open) .home-header__brand,
  html.is-android .site-shell--legal-light .home-header:not(.is-open) .home-header__brand,
  html.is-android .site-shell--about .home-header:not(.is-open) .home-header__brand *,
  html.is-android .site-shell--contact .home-header:not(.is-open) .home-header__brand *,
  html.is-android .site-shell--legal-light .home-header:not(.is-open) .home-header__brand *,
  html.is-android .site-shell--about .home-header:not(.is-open) .home-header__menu-button,
  html.is-android .site-shell--contact .home-header:not(.is-open) .home-header__menu-button,
  html.is-android .site-shell--legal-light .home-header:not(.is-open) .home-header__menu-button,
  html.is-android .site-shell--about .about-principal__title,
  html.is-android .site-shell--about .about-principal h2,
  html.is-android .site-shell--about .about-principal__stats strong,
  html.is-android .site-shell--contact .contact-title,
  html.is-android .site-shell--contact .contact-name,
  html.is-android .site-shell--contact .contact-email,
  html.is-android .site-shell--legal-light .legal-page__hero h1,
  html.is-android .site-shell--legal-light .legal-block h2,
  html.is-android .site-shell--legal-light .legal-link {
    --android-text-color: #050505;
  }

  html.is-android .site-shell--about .about-principal__lead,
  html.is-android .site-shell--contact .contact-intro,
  html.is-android .site-shell--contact .contact-copy,
  html.is-android .site-shell--contact .contact-meta dd,
  html.is-android .site-shell--legal-light .legal-block p,
  html.is-android .site-shell--legal-light .legal-list {
    --android-text-color: rgba(5, 5, 5, 0.72);
  }

  html.is-android .site-shell--about .about-principal__body p,
  html.is-android .site-shell--about .about-principal__stats span,
  html.is-android .site-shell--contact .contact-role,
  html.is-android .site-shell--contact .contact-list__label,
  html.is-android .site-shell--contact .contact-meta dt,
  html.is-android .site-shell--contact .contact-socials a,
  html.is-android .site-shell--legal-light .legal-lang__toggle,
  html.is-android .site-shell--legal-light .site-footer,
  html.is-android .site-shell--legal-light .site-footer a {
    --android-text-color: rgba(5, 5, 5, 0.58);
  }

  html.is-android .home-header.is-open .home-header__nav > a,
  html.is-android .home-header.is-open .home-header__nav > a:visited,
  html.is-android .home-header.is-open .home-header__nav > a:active,
  html.is-android .home-header.is-open .home-header__nav > a::after {
    --android-text-color: rgba(245, 245, 242, 0.5);
  }

  html.is-android .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"],
  html.is-android .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"]::after,
  html.is-android .site-shell .home-header.is-open .home-header__nav > a:hover,
  html.is-android .site-shell .home-header.is-open .home-header__nav > a:hover::after,
  html.is-android .site-shell .home-header.is-open .home-header__nav > a:focus-visible,
  html.is-android .site-shell .home-header.is-open .home-header__nav > a:focus-visible::after,
  html.is-android .home-header.is-open .home-header__subnav a:hover,
  html.is-android .home-header.is-open .home-header__subnav a:focus,
  html.is-android .home-header.is-open .home-header__subnav a:focus-visible,
  html.is-android .home-header.is-open .home-header__subnav a:active {
    --android-text-color: #f5f5f2;
  }

  html.is-android .home-header.is-open .home-header__subnav a,
  html.is-android .home-header.is-open .home-header__subnav a:visited,
  html.is-android .home-header.is-open .home-header__subnav a:active {
    --android-text-color: rgba(245, 245, 242, 0.48);
  }

  html.is-android .home-header.is-open .home-header__social-link::after {
    --android-text-color: rgba(245, 245, 242, 0.72);
  }

  html.is-android .home-header.is-open .home-header__legal,
  html.is-android .home-header.is-open .home-header__legal a,
  html.is-android .home-header.is-open .home-header__legal span {
    --android-text-color: rgba(245, 245, 242, 0.42);
  }

  html.is-android .home-header__brand,
  html.is-android .home-header__brand *,
  html.is-android .hero-agency-panel__eyebrow,
  html.is-android .hero-agency-panel__links a,
  html.is-android .hero-agency-panel__proof,
  html.is-android .hero-agency-panel__line,
  html.is-android .hero-agency-panel__line::before,
  html.is-android .hero-slide__client,
  html.is-android .hero-slide__title,
  html.is-android .hero-slide__subtitle,
  html.is-android .hero-slide__music-credit,
  html.is-android .placement-grid__overlay span,
  html.is-android .placement-grid__overlay strong,
  html.is-android .placement-grid__type,
  html.is-android .work-intro h1,
  html.is-android .work-intro h2,
  html.is-android .work-intro__subtitle,
  html.is-android .work-intro__note,
  html.is-android .work-filter__button,
  html.is-android .site-shell--about .home-header:not(.is-open),
  html.is-android .site-shell--contact .home-header:not(.is-open),
  html.is-android .site-shell--legal-light .home-header:not(.is-open),
  html.is-android .site-shell--about .home-header:not(.is-open) .home-header__brand,
  html.is-android .site-shell--contact .home-header:not(.is-open) .home-header__brand,
  html.is-android .site-shell--legal-light .home-header:not(.is-open) .home-header__brand,
  html.is-android .site-shell--about .home-header:not(.is-open) .home-header__brand *,
  html.is-android .site-shell--contact .home-header:not(.is-open) .home-header__brand *,
  html.is-android .site-shell--legal-light .home-header:not(.is-open) .home-header__brand *,
  html.is-android .site-shell--about .home-header:not(.is-open) .home-header__menu-button,
  html.is-android .site-shell--contact .home-header:not(.is-open) .home-header__menu-button,
  html.is-android .site-shell--legal-light .home-header:not(.is-open) .home-header__menu-button,
  html.is-android .site-shell--about .about-principal__kicker,
  html.is-android .site-shell--about .about-principal__title,
  html.is-android .site-shell--about .about-principal h2,
  html.is-android .site-shell--about .about-principal__stats strong,
  html.is-android .site-shell--about .about-principal__lead,
  html.is-android .site-shell--about .about-principal__body p,
  html.is-android .site-shell--about .about-principal__stats span,
  html.is-android .site-shell--contact .contact-kicker,
  html.is-android .site-shell--contact .contact-title,
  html.is-android .site-shell--contact .contact-name,
  html.is-android .site-shell--contact .contact-email,
  html.is-android .site-shell--contact .contact-intro,
  html.is-android .site-shell--contact .contact-copy,
  html.is-android .site-shell--contact .contact-meta dd,
  html.is-android .site-shell--contact .contact-role,
  html.is-android .site-shell--contact .contact-list__label,
  html.is-android .site-shell--contact .contact-meta dt,
  html.is-android .site-shell--contact .contact-socials a,
  html.is-android .site-shell--legal-light .legal-page__eyebrow,
  html.is-android .site-shell--legal-light .legal-page__hero h1,
  html.is-android .site-shell--legal-light .legal-block h2,
  html.is-android .site-shell--legal-light .legal-link,
  html.is-android .site-shell--legal-light .legal-block p,
  html.is-android .site-shell--legal-light .legal-list,
  html.is-android .site-shell--legal-light .legal-lang__toggle,
  html.is-android .site-shell--legal-light .site-footer,
  html.is-android .site-shell--legal-light .site-footer a,
  html.is-android .home-header.is-open .home-header__nav > a,
  html.is-android .home-header.is-open .home-header__nav > a::after,
  html.is-android .home-header.is-open .home-header__subnav a,
  html.is-android .home-header.is-open .home-header__socials::before,
  html.is-android .home-header.is-open .home-header__social-link::after,
  html.is-android .home-header.is-open .home-header__legal,
  html.is-android .home-header.is-open .home-header__legal a,
  html.is-android .home-header.is-open .home-header__legal span {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 0 var(--android-text-color) !important;
    forced-color-adjust: none;
  }
}

@media (max-width: 720px) {
  .home-header.is-open .home-header__nav {
    padding: max(132px, calc(env(safe-area-inset-top, 0px) + 132px)) 28px max(42px, calc(env(safe-area-inset-bottom, 0px) + 42px)) !important;
    background: #010101 !important;
  }

  .home-header.is-open .home-header__nav::before {
    content: "" !important;
    position: static !important;
    display: block !important;
    width: 26px !important;
    height: 1px !important;
    margin: 0 auto 28px !important;
    background: #e50914 !important;
    opacity: 0.9 !important;
  }

  .home-header.is-open .home-header__nav > a,
  .home-header.is-open .home-header__nav > a:visited,
  .home-header.is-open .home-header__nav > a:active,
  .home-header.is-open .home-header__nav > a[aria-current="page"],
  .home-header.is-open .home-header__nav > a[aria-current="page"]:visited,
  .home-header.is-open .home-header__nav > a[aria-current="page"]:active,
  .site-shell .home-header.is-open .home-header__nav > a,
  .site-shell .home-header.is-open .home-header__nav > a:visited,
  .site-shell .home-header.is-open .home-header__nav > a:active,
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"],
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"]:visited,
  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"]:active {
    grid-template-columns: minmax(0, 1fr) 2.4rem !important;
    column-gap: 16px !important;
    width: min(100%, 420px) !important;
    padding: 4px 0 8px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(245, 245, 242, 0.08) !important;
    color: rgba(245, 245, 242, 0.68) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.68) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: clamp(2.1rem, 5.8vw, 3.1rem) !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
    line-height: 0.96 !important;
    text-transform: none !important;
  }

  .home-header.is-open .home-header__nav > a::before,
  .site-shell .home-header.is-open .home-header__nav > a::before {
    order: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    color: rgba(245, 245, 242, 0.24) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.24) !important;
    font-size: 0.64rem !important;
    font-weight: 620 !important;
    letter-spacing: 0.06em !important;
    transform: none !important;
  }

  .site-shell .home-header.is-open .home-header__nav > a[aria-current="page"],
  .site-shell .home-header.is-open .home-header__nav > a:hover,
  .site-shell .home-header.is-open .home-header__nav > a:focus-visible {
    color: #f5f5f2 !important;
    -webkit-text-fill-color: #f5f5f2 !important;
    transform: none !important;
  }

  .home-header.is-open .home-header__subnav {
    width: min(100%, 420px) !important;
    margin: 0 auto 14px !important;
    padding: 12px 2.4rem 17px 0 !important;
    gap: 7px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(245, 245, 242, 0.08) !important;
  }

  .home-header.is-open .home-header__subnav a,
  .home-header.is-open .home-header__subnav a:visited,
  .home-header.is-open .home-header__subnav a:active {
    grid-template-columns: 1.2rem minmax(0, 1fr) !important;
    column-gap: 12px !important;
    color: rgba(245, 245, 242, 0.44) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.44) !important;
    font-size: clamp(0.72rem, 2.95vw, 0.88rem) !important;
    font-weight: 620 !important;
    letter-spacing: 0.13em !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
  }

  .home-header.is-open .home-header__subnav a::before {
    color: rgba(245, 245, 242, 0.24) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.24) !important;
    font-size: 0.52rem !important;
    font-weight: 620 !important;
  }

  .home-header.is-open .home-header__subnav a:hover,
  .home-header.is-open .home-header__subnav a:focus,
  .home-header.is-open .home-header__subnav a:focus-visible,
  .home-header.is-open .home-header__subnav a:active {
    color: rgba(245, 245, 242, 0.82) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.82) !important;
    transform: none !important;
  }

  .home-header.is-open .home-header__subnav a[aria-current="page"],
  .home-header.is-open .home-header__subnav a[aria-current="page"]:visited,
  .home-header.is-open .home-header__subnav a[aria-current="page"]:active,
  .home-header.is-open .home-header__subnav a.is-active,
  .home-header.is-open .home-header__subnav a.is-active:visited,
  .home-header.is-open .home-header__subnav a.is-active:active {
    color: #f5f5f2 !important;
    -webkit-text-fill-color: #f5f5f2 !important;
  }

  .home-header.is-open .home-header__subnav a[aria-current="page"]::before,
  .home-header.is-open .home-header__subnav a.is-active::before {
    color: rgba(245, 245, 242, 0.62) !important;
    -webkit-text-fill-color: rgba(245, 245, 242, 0.62) !important;
  }

  .home-header.is-open .home-header__socials,
  .home-header.is-open .home-header__legal {
    width: min(100%, 420px) !important;
    border-top-color: rgba(245, 245, 242, 0.08) !important;
  }

  .site-shell--legal-light .legal-page__hero h1 {
    letter-spacing: -0.025em !important;
  }
}