@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-LightItalic.ttf) format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
html body #lp-hello-homla {
  --color-black: #000;
  --color-white: #fff;
  --font-lato: 'Lato';
  --font-size-2xl: 35px;
  --font-size-xl: 30px;
  --font-size-lg: 28px;
  --font-size-md: 24px;
  --font-size-sm: 16px;
  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --font-weight-light: 300;
  --gap-2xl: 48px;
  --gap-xl: 40px;
  --gap-lg: 32px;
  --gap-md: 24px;
  --gap-sm: 16px;
  --gap-xs: 8px;
  font-family:
    var(--font-lato), system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
    sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
html body #lp-hello-homla *,
html body #lp-hello-homla :before,
html body #lp-hello-homla :after {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
html body #lp-hello-homla b,
html body #lp-hello-homla strong {
  font-weight: bolder;
}
html body #lp-hello-homla small {
  font-size: 80%;
}
html body #lp-hello-homla button,
html body #lp-hello-homla input,
html body #lp-hello-homla optgroup,
html body #lp-hello-homla select,
html body #lp-hello-homla textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
html body #lp-hello-homla button,
html body #lp-hello-homla [type='button'],
html body #lp-hello-homla [type='reset'],
html body #lp-hello-homla [type='submit'] {
  -moz-appearance: button;
  appearance: button;
  -webkit-appearance: button;
}
html body #lp-hello-homla ::-webkit-inner-spin-button,
html body #lp-hello-homla ::-webkit-outer-spin-button {
  height: auto;
}
html body #lp-hello-homla [type='search'] {
  -moz-appearance: textfield;
  appearance: textfield;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
html body #lp-hello-homla ::-webkit-search-decoration {
  -webkit-appearance: none;
}
html body #lp-hello-homla ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
html body #lp-hello-homla h1,
html body #lp-hello-homla h2,
html body #lp-hello-homla h3,
html body #lp-hello-homla h4,
html body #lp-hello-homla h5,
html body #lp-hello-homla h6 {
  font-size: inherit;
  font-weight: inherit;
}
html body #lp-hello-homla ol,
html body #lp-hello-homla ul,
html body #lp-hello-homla menu {
  list-style: none;
}
html body #lp-hello-homla img,
html body #lp-hello-homla svg,
html body #lp-hello-homla video,
html body #lp-hello-homla canvas,
html body #lp-hello-homla audio,
html body #lp-hello-homla iframe,
html body #lp-hello-homla embed,
html body #lp-hello-homla object {
  display: block;
  vertical-align: middle;
}
html body #lp-hello-homla img,
html body #lp-hello-homla video {
  max-width: 100%;
  height: auto;
}
html body #lp-hello-homla .linebreak,
html body #lp-hello-homla .linebreak--mobile {
  display: inline-block;
}
@media (min-width: 769px) {
  html body #lp-hello-homla .linebreak--mobile {
    display: none;
  }
}
html body #lp-hello-homla .linebreak--desktop {
  display: none;
}
@media (min-width: 769px) {
  html body #lp-hello-homla .linebreak--desktop {
    display: inline-block;
  }
}
html body #lp-hello-homla .section-container {
  width: 100%;
  max-width: 1365px;
  margin: 0 auto;
  display: block;
}
html body #lp-hello-homla .video-full-width {
  width: 100%;
  max-width: 1350px;
  margin-bottom: var(--gap-S);
}
@media (min-width: 1025px) {
  html body #lp-hello-homla .video-full-width {
    margin-bottom: var(--gap-M);
  }
}
html body #lp-hello-homla .video-full-width__video {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 196px;
}
@media (min-width: 769px) {
  html body #lp-hello-homla .video-full-width__video {
    min-height: 734px;
  }
}
html body #lp-hello-homla .lp-btn {
  font-family: var(--font-lato);
  font-size: var(--font-size-sm);
  height: 32px;
  width: 164px;
  line-height: 20px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  background-color: var(--color-black);
  color: var(--color-white);
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1.5px solid var(--color-black);
  margin-left: auto;
  margin-right: auto;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .lp-btn {
    height: 72px;
    width: 315px;
    font-size: var(--font-size-md);
  }
}
html body #lp-hello-homla .lp-btn:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}
html body #lp-hello-homla .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--gap-md) var(--gap-sm);
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .text-wrapper {
    gap: var(--gap-lg);
    padding: var(--gap-lg) var(--gap-md);
  }
}
html body #lp-hello-homla .grid-two {
  display: flex;
  gap: var(--gap-sm);
  align-items: center;
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .grid-two {
    gap: var(--gap-md);
  }
}
html body #lp-hello-homla .grid-two .grid__left,
html body #lp-hello-homla .grid-two .grid__right {
  width: 50%;
}
html body #lp-hello-homla .grid-two .grid__left div,
html body #lp-hello-homla .grid-two .grid__right div {
  max-height: 940px;
  margin: 0;
}
html body #lp-hello-homla .grid-two .grid__left {
  display: flex;
  align-items: center;
  justify-content: center;
}
html body #lp-hello-homla .card {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  isolation: isolate;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 450px;
}
@media (min-width: 768px) {
  html body #lp-hello-homla .card {
    height: 730px;
  }
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .card {
    height: 900px;
  }
}
html body #lp-hello-homla .card__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
html body #lp-hello-homla .card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
html body #lp-hello-homla .card__content {
  position: relative;
  padding: 1rem;
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .card__content {
    padding: 3rem;
  }
}
html body #lp-hello-homla .card__title {
  color: #fff;
  font-family: var(--font-lato);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  font-style: normal;
}
html body #lp-hello-homla .card__title--bold {
  font-weight: var(--font-weight-bold);
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .card__title {
    font-size: var(--font-size-lg);
  }
}
html body #lp-hello-homla .text__italic {
  width: 100%;
  text-align: center;
  font-family: var(--font-lato);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  font-style: italic;
  color: var(--color-black);
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .text__italic {
    font-size: var(--font-size-md);
  }
}
html body #lp-hello-homla .header--main {
  width: 100%;
  text-align: center;
  font-family: var(--font-lato);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  font-style: normal;
  color: var(--color-black);
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .header--main {
    font-size: var(--font-size-2xl);
    padding: var(--gap-lg);
  }
}
html body #lp-hello-homla .section--2 .grid__left .text-wrapper {
  max-width: 450px;
  padding: var(--gap-md) var(--gap-xs);
  gap: 4rem;
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .section--2 .grid__left .text-wrapper {
    gap: 8rem;
  }
}
html body #lp-hello-homla .swiper-container {
  padding: 0 var(--gap-sm);
}
html body #lp-hello-homla .swiper-container .swiper {
  width: 100%;
  max-width: 1240px;
  margin: var(--gap-sm) auto;
  padding: 0 16px;
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .swiper-container .swiper {
    padding: 0 24px;
    margin: var(--gap-lg) auto;
  }
}
html body #lp-hello-homla .swiper-container .swiper-button-prev {
  color: transparent;
  -webkit-tap-highlight-color: transparent;
  top: auto;
  bottom: 0;
  left: -12px;
  width: 24px;
  height: 24px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #d9d9d9;
}
@media (min-width: 768px) {
  html body #lp-hello-homla .swiper-container .swiper-button-prev {
    left: -16px;
    width: 30px;
    height: 30px;
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-right-width: 15px;
  }
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .swiper-container .swiper-button-prev {
    left: -20px;
    width: 38px;
    height: 38px;
    border-top-width: 19px;
    border-bottom-width: 19px;
    border-right-width: 19px;
  }
}
html body #lp-hello-homla .swiper-container .swiper-button-prev-lock {
  display: flex;
}
html body #lp-hello-homla .swiper-container .swiper-button-next {
  color: transparent;
  -webkit-tap-highlight-color: transparent;
  top: auto;
  bottom: 0;
  right: -12px;
  width: 24px;
  height: 24px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #d9d9d9;
}
@media (min-width: 768px) {
  html body #lp-hello-homla .swiper-container .swiper-button-next {
    right: -16px;
    width: 30px;
    height: 30px;
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-right-width: 15px;
  }
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .swiper-container .swiper-button-next {
    right: -20px;
    width: 38px;
    height: 38px;
    border-top-width: 19px;
    border-bottom-width: 19px;
    border-left-width: 19px;
  }
}
html body #lp-hello-homla .swiper-container .swiper-button-next-lock {
  display: flex;
}
html body #lp-hello-homla .header {
  width: 100%;
  max-width: 1345px;
  text-align: center;
  font-family: var(--font-lato);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  font-style: normal;
  color: var(--color-black);
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .header {
    font-size: var(--font-size-xl);
  }
}
html body #lp-hello-homla .image-full-width {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 795px;
  overflow: hidden;
  display: block;
  margin: var(--gap-sm) 0;
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .image-full-width {
    margin: var(--gap-md) 0;
  }
}
html body #lp-hello-homla .image-full-width .image-bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
html body #lp-hello-homla .text__regular {
  width: 100%;
  text-align: center;
  font-family: var(--font-lato);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  color: var(--color-black);
}
@media (min-width: 1024px) {
  html body #lp-hello-homla .text__regular {
    font-size: var(--font-size-md);
  }
}
html body #lp-hello-homla .section--3 .image-full-width,
html body #lp-hello-homla .section--4 .image-full-width {
  margin: 0;
}