.dp-front{width:100%;overflow:hidden;padding:var(--dp-gap,0px);box-sizing:border-box;position:relative}
.dp-front__cursor{display:none}
.dp-front__rows{display:grid;gap:var(--dp-gap,0px);grid-template-rows:repeat(auto-fit,minmax(0,var(--dp-row-height,var(--dp-height))));min-height:var(--dp-height,100vh)}
.dp-front__track{display:flex;gap:var(--dp-gap,0px);min-height:var(--dp-row-height,var(--dp-height));width:100%;align-items:stretch}
.dp-front__item{position:relative;flex:1 1 0;min-width:0;min-height:var(--dp-row-height,var(--dp-height));overflow:hidden;border-radius:var(--dp-radius,0);-webkit-clip-path:inset(0 round var(--dp-radius,0));clip-path:inset(0 round var(--dp-radius,0));border:var(--dp-border-width,0px) var(--dp-border-style,solid) var(--dp-border-color,#fff);text-decoration:none;color:inherit;cursor:pointer;transition:flex-basis .72s cubic-bezier(.22,1,.36,1),flex-grow .72s cubic-bezier(.22,1,.36,1),filter .5s ease-in-out;will-change:flex-basis,flex-grow}
.dp-front__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;border-radius:inherit;filter:var(--dp-filter);transition:filter .5s ease-in-out}
.dp-front__overlay{position:absolute;inset:0;background:var(--dp-overlay,#000);border-radius:inherit;opacity:var(--dp-overlay-opacity,.2);transition:opacity .45s ease-in-out;pointer-events:none}
.dp-front__copy{position:absolute;left:20px;right:20px;top:var(--dp-copy-top,50%);bottom:var(--dp-copy-bottom,auto);transform:translateY(var(--dp-copy-translate-y,0));z-index:2;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:var(--dp-align-items,center);gap:10px;text-align:var(--dp-text-align,center);pointer-events:none;box-sizing:border-box;max-height:calc(100% - 40px);overflow:visible}

.dp-front__copy.has-title{padding:30px 0;border-radius:12px;transition:background .45s ease-in-out}

.dp-front__title,.dp-front__tagline,.dp-front__quote{display:block;max-width:min(90%,34ch);width:100%;margin:0;text-wrap:balance}
.dp-front__title{font-weight:500;opacity:1;transform:none;font-size:var(--dp-title-size,40px);line-height:1.05}
.dp-front__tagline{font-style:normal;opacity:0;transform:translateY(18px);transition:opacity .45s ease-in-out,transform .55s cubic-bezier(.22,1,.36,1);font-size:var(--dp-tagline-size,30px);line-height:1.1}
.dp-front__quote{max-width:min(92%,48ch);font-size:clamp(14px,calc(var(--dp-tagline-size,30px) * .68),28px);line-height:1.35;opacity:0;transform:translateY(18px);transition:opacity .45s ease-in-out,transform .55s cubic-bezier(.22,1,.36,1);text-wrap:pretty}
.dp-front__track.is-interacting .dp-front__item{flex:1 1 0}
.dp-front__track.is-interacting .dp-front__item.is-active{flex:0 1 var(--dp-hover-width,50%);z-index:2}
.dp-front__track.is-interacting .dp-front__item.is-active .dp-front__image{filter:var(--dp-filter-hover)}




.dp-front__track.is-interacting .dp-front__item.is-active .dp-front__copy.has-title{background:rgba(0,0,0,.2)}

.dp-front__track.is-interacting .dp-front__item.is-active .dp-front__tagline,
.dp-front__track.is-interacting .dp-front__item.is-active .dp-front__quote{opacity:1;transform:translateY(0)}
.dp-front__track.is-interacting .dp-front__item.is-active .dp-front__overlay{opacity:var(--dp-overlay-opacity-hover,.32)}
.dp-front__item:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:-4px}
.dp-front--flush .dp-front__track{gap:0}
.dp-front--flush .dp-front__item + .dp-front__item{margin-left:-1px}
.dp-front--flush .dp-front__rows > .dp-front__track + .dp-front__track{margin-top:-1px}

@media (hover:hover) and (pointer:fine){
  .dp-front.has-custom-cursor,
  .dp-front.has-custom-cursor .dp-front__item,
  .dp-front.has-custom-cursor .dp-front__image{cursor:none}
  .dp-front.has-custom-cursor .dp-front__cursor{display:block;position:absolute;left:0;top:0;width:54px;height:54px;border:5px solid #00adba;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:40;transition:transform .16s ease}
}



@media (max-width:767px){
  .dp-front__rows{grid-template-rows:none;min-height:0}
  .dp-front__track{display:grid;grid-template-columns:1fr;min-height:0}
  .dp-front__item{min-height:46vh}
  .dp-front__track.is-interacting .dp-front__item,
  .dp-front__track.is-interacting .dp-front__item.is-active{flex:auto}
  .dp-front__tagline,.dp-front__quote{opacity:1;transform:none}
}
