/* ZUZA GOŁAŚ — DESKTOP HOME */

body.zg-home {
    margin: 0 !important;
    padding: 0 !important;
}

body.zg-home #page,
body.zg-home .site,
body.zg-home .site-content,
body.zg-home .ast-container,
body.zg-home .content-area,
body.zg-home .site-main,
body.zg-home #primary,
body.zg-home article,
body.zg-home .ast-article-single,
body.zg-home .entry-content,
body.zg-home .wp-block-html {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

body.zg-home .ast-separate-container .ast-article-single {
    margin: 0 !important;
    padding: 0 !important;
}

body.zg-home .entry-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.zg-home .site-content {
    padding: 0 !important;
}

body.zg-home .ast-container {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.zuza-hero {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: 50% 50%;
    overflow: hidden;
    background: #000;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
    padding: 0 !important;
}

body.admin-bar .zuza-hero {
    height: calc(100vh - 32px);
}

.zuza-panel {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    cursor: pointer;
}

.zuza-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
    filter: none;
    transition: filter 0.18s ease;
}

.zuza-video {
    background: #000;
}

.zuza-video video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
    filter: none;
    transition: filter 0.18s ease;
}

.zuza-photo:hover img,
.zuza-video:hover video {
    filter:
        invert(1)
        sepia(20%)
        saturate(190%)
        hue-rotate(145deg)
        brightness(96%)
        contrast(92%);
}

.zuza-hover-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    color: #fff;
    font-family:
        "Arial Narrow",
        "Helvetica Neue",
        Arial,
        sans-serif;
    font-size: 52px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

.zuza-panel:hover .zuza-hover-title {
    opacity: 1;
}

.zuza-logo {
 position:absolute;top:0;left:39.174009535%;width:23.050285190vw;height:auto;transform:none;z-index:100;pointer-events:none;
}
.zuza-logo img {display:block;width:100%;height:auto;max-width:none}

.zuza-video video {pointer-events:none}
.zuza-panel:focus-visible .zuza-hover-title {opacity:1}
.zuza-panel:focus-visible {outline:3px solid white;outline-offset:-6px}
@media(max-width:782px){body.admin-bar .zuza-hero{height:calc(100vh - 46px)}}
@media(max-width:600px){.zuza-logo{width:min(280px,70vw);left:50%;top:0;transform:translateX(-50%)}.zuza-hover-title{font-size:24px;letter-spacing:3px;opacity:1}}
@media(prefers-reduced-motion:reduce){.zuza-panel img,.zuza-panel video,.zuza-hover-title{transition:none}}

/* Mobile edge-to-edge media: use the changing viewport, with an older Safari fallback. */
@media (max-width:782px), (hover:none) and (pointer:coarse) {
 html.zg-home-document { min-height:100%; }
 body.zg-home { min-height:100vh; min-height:100dvh; overflow-x:clip; }
 body.zg-home .zuza-hero {
  width:100%; left:0; transform:none;
  height:100vh; height:-webkit-fill-available; height:100dvh;
  min-height:0;
 }
 body.admin-bar.zg-home .zuza-hero { height:calc(100vh - 46px); height:calc(100dvh - 46px); }
 .zuza-panel { min-width:0; min-height:0; }
 .zuza-logo { top:0; }
}