/* Fixed Astra header and full-page viewport spacing. */
body:has(.iff38-home) #masthead {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
}
body:has(.iff38-home) #masthead + #content {
    margin-top: 80px;
}

/* IFF38 full screen homepage navigation. Keep this file editable. */
html:has(.iff38-home) {
    scroll-snap-type: none; /* Desktop wheel transitions are controlled by home-fullpage.js. */
    scroll-padding-top: var(--iff-home-header-height, 76px);
}
body:has(.iff38-home) {
    overflow-x: clip;
}
.iff38-home {
    --iff-home-header-height: 80px;
}
.iff38-home main > section {
    box-sizing: border-box;
    height: calc(100dvh - var(--iff-home-header-height)) !important;
    min-height: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    scroll-margin-top: var(--iff-home-header-height);
}
.iff38-home main > .iff38-home-film-section {
    min-height: 0;
    overflow: hidden;
}
.iff38-home .iff38-home-sponsor-list {
    display: flex;
    gap: 16px;
    align-items: stretch;
    flex: 1;
    min-height: 0;
    margin-top: 36px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}
.iff38-home .iff38-home-sponsor {
    flex: 0 0 clamp(160px, 17vw, 250px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
    padding: 20px;
    text-decoration: none;
    border: 1px solid #e4e4e0;
    border-radius: 5px;
    background: white;
    color: #071a3d;
    text-align: center;
}
.iff38-home .iff38-home-sponsor img {
    display: block;
    width: 100%;
    height: 60%;
    object-fit: contain;
}
.iff38-home .iff38-home-sponsor-name {
    font-family: Poppins, Heebo, sans-serif;
    font-size: 14px;
    font-weight: 700;
}
@media (max-width: 767px), (max-height: 570px) {
    html:has(.iff38-home) {
        scroll-snap-type: y proximity;
    }
    .iff38-home main > section {
        height: auto !important;
        min-height: calc(100svh - var(--iff-home-header-height));
        overflow: visible;
    }
    .iff38-home main > #d1 {
        height: calc(100svh - var(--iff-home-header-height)) !important;
        overflow: hidden;
    }
    .iff38-home main > #d6,
    .iff38-home main > #d7 {
        height: auto !important;
        min-height: calc(100svh - var(--iff-home-header-height));
    }
    .iff38-home .iff38-home-sponsor-list {
        flex: auto;
        min-height: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    html:has(.iff38-home) {
        scroll-behavior: auto;
    }
}
.wpcf7 form > div, .wpcf7 form > p {
  margin-bottom: 0;
}
.jo_cf_row_2 p{
  display: flex;
  gap: 12px;
}
.jo_cf_row_1{}
#d6 > div > div{}
#d6 > div > div > h2{
  color: #fff;
  font-weight: 800;
  line-height: 1;
}
#d6 > div > div > p{}
#d6 .iff38-home-contact-form{}
#d6 .iff38-home-contact-form form{}
#d6 .iff38-home-contact-form form p{
  margin: 0;
}
#d6 .iff38-home-contact-form form p label{}
#d6 .iff38-home-contact-form .wpcf7-form-control-wrap input{
  min-width: 0px;
  height: clamp(40px,7cqh,52px) !important;
  padding: 0px 20px;
  border: 1px solid transparent;
  border-radius: 30px;
  background: rgb(255, 255, 255);
  color: rgb(7, 26, 61);
  font-family: Jost, Heebo, sans-serif;
  font-size: calc(17px);
  outline: none;
  box-sizing: border-box;
}
#d6 .iff38-home-contact-form form p br{}
#d6 .iff38-home-contact-form .wpcf7 .wpcf7-submit{
  margin-top: 17px;
  height: 52px;
  padding: 0px 32px;
  font-size: calc(16px);
  cursor: pointer;
  background: linear-gradient(90deg, rgb(240, 75, 71) 0%, rgb(235, 101, 27) 50%, rgb(235, 101, 27) 100%) 0px 0px / 200% 100%;
  border: 1px solid transparent;
  border-radius: 30px;
  color: rgb(255, 255, 255);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-decoration: none;
  transition: background-position 0.9s, color 0.3s;
  width: 100%;
}
#d6 .wpcf7-form-control-wrap {}
#d6 .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 560px;
  margin-top: calc(-0.4 * clamp(14px, 2.6cqh, 28px));
  font-family: Jost, Heebo, sans-serif;
  font-size: calc(16px);
  line-height: 1.5;
  color: rgb(223, 228, 236);
  cursor: pointer;
}
#d6 .wpcf7-form-control-wrap  .wpcf7-acceptance .wpcf7-list-item input{
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 1px 0px 0px;
  accent-color: rgb(240, 75, 71);
  cursor: pointer;
}
#d6 .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item span{
  font-size: 15px;
  line-height: 1.5;
  color: rgb(223, 228, 236);
  cursor: pointer;
}
#d6 .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item span a{
  color: rgb(255, 255, 255);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Mobile homepage: regular document scrolling, no screen-by-screen snapping.
   Desktop fullpage scrolling is intentionally unchanged. */
@media (max-width: 767px) {
    html:has(.iff38-home) {
        scroll-snap-type: none !important;
        scroll-behavior: auto;
    }

    .iff38-home main > section {
        height: auto !important;
        min-height: 0;
        overflow: visible;
        scroll-snap-align: none !important;
        scroll-snap-stop: normal;
        overscroll-behavior-y: auto;
    }

    /* The animated hero relies on a fixed-height canvas layout. */
    .iff38-home main > #d1 {
        height: calc(100svh - var(--iff-home-header-height, 80px)) !important;
        min-height: 0;
        overflow: hidden;
    }

    /* Highlight slides use absolute positioning, so retain a visible stage. */
    .iff38-home main > .iff38-home-featured {
        height: max(540px, calc(85svh - var(--iff-home-header-height, 80px))) !important;
        min-height: 0;
        overflow: hidden;
    }

    /* Film sections expand with their contents rather than trapping scrolling. */
    .iff38-home main > .iff38-home-film-section {
        height: auto !important;
        min-height: 0;
        padding-top: 48px;
        padding-bottom: 48px;
        overflow: visible;
    }

    .iff38-home main > #d6 {
        height: auto !important;
        min-height: 620px;
        overflow: visible;
    }

    .iff38-home main > #d6 [data-nlwrap] {
        min-height: 620px;
        height: auto !important;
    }

    .iff38-home main > #d7 {
        height: auto !important;
        min-height: 0;
        overflow: visible;
    }

    .iff38-home main > #d7 [data-spin] {
        height: auto !important;
    }
}

/* Mobile film carousels: allow native horizontal touch swipes.
   The shared slider currently uses touch-action: pan-y, which blocks swiping.
   Scope the override to homepage mobile so other pages remain unchanged. */
@media (max-width: 767px) {
    .iff38-home .iff38-home-film-section .iff38-film-slider__track.iff38-film-row {
        touch-action: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
        overflow-x: auto;
        overflow-y: hidden;
    }
	.iff38-film-slider__title, .iff38-film-group__head h2, .iff38-film-slider--related .iff38-film-slider__title{font-size: calc(22.4px + 2px) !important;background: none !important;}
	.iff38-film-more__actions .iff38-round-nav, a.iff38-all-films.iff38-all-films--mobile{display: none !important;}
	.iff38-home main > #d1 > div > video + div + div > img:nth-child(2),
	.iff38-home main > #d1 > div > video + div + div > img:nth-child(3),
	.iff38-home main > #d1 > div > video + div + div > img:nth-child(4),
	.iff38-home main > #d1 > div > video + div + div > img:nth-child(5){margin-top: -50px;max-width: 210px;}
	.iff38-home main > #d1 [data-hbtns] {top: auto !important;bottom: 25px;}
	.iff38-home main > .iff38-home-film-section{padding-right:0;}
	.iff38-home main > section#home-gallery{padding-inline: 0;}
	.iff38-home main > section#home-gallery .iff38-home-gallery__head{padding-inline:clamp(20px, 4.5vw, 80px);}
	.iff38-home main > #d7 div:has(.h4e){flex-direction: column;}
}
@media (max-width: 370px) {
	.iff38-film-slider__title, .iff38-film-group__head h2, .iff38-film-slider--related .iff38-film-slider__title{font-size: calc(20px + 2px) !important;}
}