a.log-out-button{
	background:#fff !important;
	color:var(--charcoal) !important;
}

.home-search{
	max-width: 1000px !important;
	width: 100%;
}

.hero-section{
	display: grid !important;
	overflow: clip;
	position: relative;
	padding-bottom: var(--pad-l)!important;
}

.hero-section > *{
	grid-area: 1 / 1;
}

@media (max-width: 767px) {

}

.home-page-hero{
	min-height: 100vh;
	min-height: 100dvh;
	z-index: 10;

	--brand-mark-w: 35vw;
	--text-top-gap: clamp(200px, 15%, 400px);
	--brand-mark-left: -5%;
	--vh: 1vh;              /* fallback */
	--hero-search-h: 0px;   /* JS updates this */
	--slider-size: calc((var(--vh) * 100) - var(--hero-search-h));
}


@media (max-width: 767px) {
	.home-page-hero{
		--text-top-gap: 100px;
	}
}


/* apply computed size */
.home-page-hero .hero-section{
	min-height: var(--slider-size) !important;
	position: relative;
}

/* slideshow acts like a background layer */
.home-page-hero .hero-slideshow{
	position: absolute;
	inset: 0;
	z-index: 0;
}

/* make the carousel fill the hero-section */
.home-page-hero .hero-slideshow,
.home-page-hero .elementor-image-carousel-wrapper,
.home-page-hero .elementor-image-carousel,
.home-page-hero .swiper,
.home-page-hero .swiper-wrapper,
.home-page-hero .swiper-slide,
.home-page-hero .swiper-slide-inner{
	height: 100% !important;
}

.hero-text-wrapper{
	display: flex;
	margin-top: var(--text-top-gap);
	padding-right: var(--default-pad) !important;
	flex-direction: column;
	z-index: 2;
	color: var(--h-white);
	height: 100%;
}

.hero-section .hero-intro{
	padding-left: calc(var(--brand-mark-w) + var(--brand-mark-left) + var(--pad-m));
	max-width: 65ch;
}

.browse-dir-btn{
	margin-left: calc(var(--brand-mark-w) + var(--brand-mark-left) + var(--pad-m));
	margin-top: var(--mar-s);
}

.hero-intro.sign-up{
    font-size: var(--small-intro-f-size)!important;
    margin-top: var(--mar-s)!important;
}

.hero-intro.sign-up a{
    color: var(--h-white);
    text-decoration: underline;
}

.home-hero-h1{
	display: flex;
	align-items: center;
	font-size: clamp(2rem, 10vw, 6.5rem) !important;
	line-height: 110% !important;
	font-weight: 600 !important;
	padding-left: calc((var(--brand-mark-w) / 2) + var(--brand-mark-left) + var(--pad-m));
	height: calc(var(--brand-mark-w) * 0.6);
	max-width: 1400px;
}

.home-hero-mark-wrapper{
	position: absolute;
	top: 0;
	left: var(--brand-mark-left);
	z-index: 2;
}

.brand-mark-home-svg{
	fill: transparent;
	stroke: white;
	stroke-width: 0.11px;
	width: var(--brand-mark-w);
	display: block;
	pointer-events: none !important;
}

.elementor-swiper-button{
	z-index: 20;
}

.home-page-hero .swiper-slide::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 10%);
	background: linear-gradient(
		to right,
		rgba(0,0,0,.6) 20%,
		rgba(0,0,0,0) 100%
	);
}

.home-page-hero .swiper-slide-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-height: 850px){
	.home-hero-h1{
		font-size: 2.5rem !important;
	}

	.home-page-hero{
		--brand-mark-w: 400px;
	}

	.hero-intro{
		font-size: 1.5rem !important;
	}

	.home-hero-h1{
		padding-top: 100px;
		padding-left: calc(var(--brand-mark-w) + var(--brand-mark-left) + var(--pad-m));
		height: fit-content;
	}
}



@media (max-width: 1390px){
	.home-page-hero{
		--brand-mark-w: 800px;
		--brand-mark-left: -20%;
	}
}
@media (max-height: 850px) and (max-width: 1390px) {
    .home-page-hero{
		--brand-mark-w: 350px;
		--brand-mark-left: -5%;
	}
}
@media (max-width: 1024px){
	.home-page-hero{
		--brand-mark-w: 450px;
		--brand-mark-left: -20%;
		min-height: 70vh;
	}

	.home-page-hero .hero-section{
		--slider-size: 50vh;
	}
}

@media (max-width: 767px){
	.home-page-hero{
		min-height: 50vh;
		--brand-mark-w: 0px;
		--brand-mark-left: var(--default-pad);
	}

	.home-hero-h1{
		height: fit-content;
		padding-bottom: var(--pad-m);
	}
}




/*prov-tile*/
.prov-tile{
	  corner-shape: scoop round round round;
}


.prov-tile::before{
  content: "";
  position: absolute;
  left: calc((var(--rad-m) / 2 + 6px) * -1);
  top: calc((var(--rad-m) / 2 + 6px) * -1);

  width: calc(var(--rad-m) * 1.5);
  height: calc(var(--rad-m) * 1.5);

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23e3e3e3'%3E%3Cpath d='m422.46-323.69 255.85-255.85L650-607.85 422.46-380.31l-114-114L280.15-466l142.31 142.31ZM480.13-120q-74.67 0-140.41-28.34-65.73-28.34-114.36-76.92-48.63-48.58-76.99-114.26Q120-405.19 120-479.87q0-74.67 28.34-140.41 28.34-65.73 76.92-114.36 48.58-48.63 114.26-76.99Q405.19-840 479.87-840q74.67 0 140.41 28.34 65.73 28.34 114.36 76.92 48.63 48.58 76.99 114.26Q840-554.81 840-480.13q0 74.67-28.34 140.41-28.34 65.73-76.92 114.36-48.58 48.63-114.26 76.99Q554.81-120 480.13-120Zm-.13-40q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}

/* base */
.g-i-t-chev .chevron-wrapper{ width:100%; }

.g-i-t-chev .chevron-shape{
  fill: var(--c-sand-50);
  width: 100%;
  opacity: .5;
  will-change: opacity;
}

/* one-at-a-time loop (crossfade: next starts as previous fades out) */
.g-i-t-chev .chevron-wrapper:nth-child(1) .chevron-shape{
  animation: chevPulse 6s ease-in-out infinite;
  animation-delay: 0s;
}
.g-i-t-chev .chevron-wrapper:nth-child(2) .chevron-shape{
  animation: chevPulse 6s ease-in-out infinite;
  animation-delay: 2s;
}
.g-i-t-chev .chevron-wrapper:nth-child(3) .chevron-shape{
  animation: chevPulse 6s ease-in-out infinite;
  animation-delay: 4s;
}


@keyframes chevPulse{
  0%   { opacity:.5; }  
  10%  { opacity:1; }   
  35%  { opacity:1; }   
  60%  { opacity:.5; }  
  100% { opacity:.5; }  
}

@media (max-width:1440px){
  .g-i-t-chev .chevron-wrapper:nth-child(n+4){ display:none; } /* 1–3 */
}

@media (max-width:768px){
  .g-i-t-chev .chevron-wrapper:nth-child(n+4){ display:flex; } 


  .g-i-t-chev .chevron-wrapper:nth-child(1) .chevron-shape{
    animation-duration: 4s;
    animation-delay: 0s;
  }
  .g-i-t-chev .chevron-wrapper:nth-child(2) .chevron-shape{
    animation-duration: 4s;
    animation-delay: 2s;
  }
}

@media (prefers-reduced-motion: reduce){
  .g-i-t-chev .chevron-shape{
    animation:none;
    opacity:1;
  }
}

/*how to*/
.how-to-icon-wrapper{
	max-width: 100px!important;
	padding: 0px!important;
}
.how-to-icon{
	fill: var(--c-green-50);
}