@font-face { font-family: "Zuza Bebas"; src: url("../fonts/BebasNeue-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
body.zg-stills { color: rgb(4, 4, 4); background: rgb(255, 255, 255) !important; }
.stills-page { position: relative; width: 100%; min-height: 100vh; --zg-toolbar: 0px; }
body.admin-bar .stills-page { --zg-toolbar: 32px; }
.stills-page *, .stills-page ::before, .stills-page ::after { box-sizing: border-box; }
.stills-logo { position: fixed; z-index: 1000; left: 3.16808vw; top: var(--zg-toolbar); width: 22.0843vw; height: auto; line-height: 0; text-decoration: none !important; }
.stills-logo img { display: block; width: 100%; height: auto; max-width: none; }
.stills-seo-title { width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: -1px; padding: 0px; position: absolute !important; }
.zuza-main-nav { position: absolute; z-index: 900; top: 0px; left: 0px; width: 100%; padding: 0px; margin: 0px; }
.zuza-main-nav .wp-block-navigation__container { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; gap: 2.51876vw; padding: 3.73844vw 0px 0px 59.5233vw; margin: 0px; list-style: none; }
.zuza-main-nav li { display: block; list-style: none; margin: 0px; padding: 0px; }
.zuza-main-nav a { display: block; padding: 0px; font-size: 1.32828vw; font-weight: 400; line-height: 1; letter-spacing: 0.11em; text-transform: uppercase; white-space: nowrap; transition: opacity 0.15s; color: rgb(4, 4, 4) !important; text-decoration: none !important; font-family: "Zuza Bebas", sans-serif !important; }
.zuza-main-nav a:hover { opacity: 0.45; }
.zuza-main-nav li.current-menu-item, .zuza-main-nav li:has(a[aria-current="page"]) { position: absolute; left: 42.9624vw; top: 2.42423vw; transform: none; }
.zuza-main-nav li.current-menu-item > a, .zuza-main-nav a[aria-current="page"] { font-size: 4.51384vw; }
.stills-gallery { position: relative; top: 100px; width: 100%; aspect-ratio: 1280 / 3700; margin: 0px 0px 100px; padding: 0px; }
.stills-item { position: absolute; display: block; left: var(--zg-x); top: var(--zg-y); width: var(--zg-w); height: var(--zg-h); overflow: hidden; cursor: zoom-in; margin: 0px !important; padding: 0px !important; text-decoration: none !important; }
.stills-item img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left top; margin: 0px; padding: 0px; }
.item-04 img { object-fit: cover; object-position: left top; }
.zuza-lightbox { position: fixed; inset: 0px; width: 100vw; height: 100vh; max-width: none; max-height: none; box-sizing: border-box; margin: 0px; padding: 30px; border: 0px; background: rgba(0, 0, 0, 0.96); color: white; cursor: zoom-out; }
.zuza-lightbox[open] { display: flex; align-items: center; justify-content: center; }
.zuza-lightbox::backdrop { background: rgb(0, 0, 0); }
.zuza-lightbox-image { display: block; width: auto; height: auto; max-width: 96vw; max-height: 94vh; object-fit: contain; cursor: default; }
.zuza-lightbox-close { position: fixed; top: 20px; right: 28px; width: 50px; height: 50px; padding: 0px; border: 0px; background: transparent; color: white; font: 44px / 1 Arial, sans-serif; cursor: pointer; }
body.lightbox-open { overflow: hidden; }
@media (max-width: 782px) {
  body.admin-bar .stills-page { --zg-toolbar: 46px; }
}
@media (max-width: 700px) {
  .stills-logo { position: absolute; left: 8px; top: 0px; width: 220px; height: auto; }
  .zuza-main-nav { top: 108px; padding: 0px 20px; }
  .zuza-main-nav .wp-block-navigation__container { top: 0px; padding: 0px; gap: 8px 16px; flex-wrap: wrap; justify-content: flex-start; }
  .zuza-main-nav a { font-size: 16px; line-height: 2; }
  .zuza-main-nav li.current-menu-item, .zuza-main-nav li:has(a[aria-current="page"]) { position: static; transform: none; }
  .zuza-main-nav li.current-menu-item > a, .zuza-main-nav a[aria-current="page"] { font-size: 16px; text-underline-offset: 4px; text-decoration: underline !important; }
  .stills-gallery { top: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; width: auto; margin: 0px 20px; padding: 160px 0px 60px; aspect-ratio: auto; align-items: start; }
  .stills-item { position: relative; left: auto; top: auto; width: 100%; height: auto; aspect-ratio: auto; }
  .stills-item img { height: auto; aspect-ratio: auto; object-fit: contain; }
  .stills-item:nth-child(even) { margin-top: 32px !important; }
  .item-07 { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .zuza-main-nav a { transition: none; }
}