/* TERASU design tokens | t-page-d | TERASU original build */
.t-top-column__unit {
  border-radius: calc(16em / var(--t-em));
  display: grid;
  gap: calc(40em / var(--t-em));
  overflow: hidden;
  padding: calc(26em / var(--t-em));
  position: relative;
}
.t-top-column__unit:after {
  border-radius: inherit;
  box-shadow: 0 0 0 calc(2em / var(--t-em)) currentColor inset;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
}
.t-top-column__img {
  margin: calc(-26em / var(--t-em));
  margin-block-end: 0;
  padding-inline: calc(1em / var(--t-em));
}
.t-top-column__img img {
  border-radius: calc(18em / var(--t-em));
  height: calc(470em / var(--t-em));
  -o-object-fit: cover;
  object-fit: cover;
}
.t-top-column__title {
  --t-em: 36;
  --t-lh: 52;
  font-weight: 700;
  margin-block: calc(-2em / var(--t-em));
}
.t-top-column__title a:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.t-top-column__category {
  --t-em: 20;
  align-items: center;
  background-color: #000;
  border-radius: 10em;
  color: #fff;
  display: grid;
  font-weight: 700;
  grid-template-columns: repeat(2, auto);
  height: calc(42em / var(--t-em));
  justify-self: start;
  padding-inline: calc(23em / var(--t-em));
}
.t-top-column__category:before {
  content: "#";
}
@media (min-width: 48em) {
  .t-top-column__unit {
    gap: calc(20em / var(--t-em));
  }
  .t-top-column__img img {
    height: calc(235em / var(--t-em));
  }
  .t-top-column__title {
    --t-em: 18;
    --t-lh: 28;
    margin-block: calc(1em / var(--t-em)) calc(-1em / var(--t-em));
  }
  .t-top-column__category {
    --t-em: 14;
    height: calc(32em / var(--t-em));
    padding-inline: calc(13em / var(--t-em));
  }
}
.t-top-column {
  margin-bottom: calc(-230em / var(--t-em));
  padding-bottom: calc(235em / var(--t-em));
  padding-top: calc(120em / var(--t-em));
}
.t-top-column__container {
  display: grid;
  margin-bottom: calc(100em / var(--t-em));
}
.t-top-column__btn:is(.t-top-column__btn) {
  --t-em: 30;
  height: calc(135em / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-column__container {
    gap: calc(80em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-column {
    margin-bottom: calc(-200em / var(--t-em));
    padding-bottom: calc(202em / var(--t-em));
    padding-top: calc(100em / var(--t-em));
  }
  .t-top-column__container {
    grid-template-columns: repeat(3, calc(314em / var(--t-em)));
    justify-content: space-between;
    margin-bottom: calc(120em / var(--t-em));
  }
  .t-top-column__btn:is(.t-top-column__btn) {
    --t-em: 18;
    height: calc(82em / var(--t-em));
    justify-content: center;
    margin-inline: auto;
    width: calc(398em / var(--t-em));
  }
}
.home .t-ui-header__logo {
  transition-property: translate;
  translate: 0 calc(-30em / var(--t-em) - 100%);
}
.Loaded .home .t-ui-header__logo {
  translate: 0 0;
}
.home .t-ui-header__btn li {
  --t-d: 24ms;
  opacity: 0;
  transition-delay: calc(var(--t-d) * 6);
  transition-property: opacity, translate;
  translate: 0 -1em;
}
.home .t-ui-header__btn li:nth-child(2) {
  transition-delay: calc(var(--t-d) * 8);
}
.Loaded .home .t-ui-header__btn li {
  opacity: 1;
  translate: 0 0;
}
@media (min-width: 48em) {
  .home .t-ui-header__logo {
    translate: 0 calc(-24em / var(--t-em) - 100%);
  }
}
.home .t-ui-nav li {
  --t-d: 24ms;
  opacity: 0;
  transition-delay: var(--t-d);
  transition-property: opacity, translate;
  translate: 0 -1em;
}
.home .t-ui-nav li:nth-child(2) {
  transition-delay: calc(var(--t-d) * 2);
}
.home .t-ui-nav li:nth-child(3) {
  transition-delay: calc(var(--t-d) * 3);
}
.home .t-ui-nav li:nth-child(4) {
  transition-delay: calc(var(--t-d) * 4);
}
.home .t-ui-nav li:nth-child(5) {
  transition-delay: calc(var(--t-d) * 5);
}
.home .t-ui-nav li:nth-child(6) {
  transition-delay: calc(var(--t-d) * 6);
}
.home .t-ui-nav li:nth-child(7) {
  transition-delay: calc(var(--t-d) * 7);
}
.home .t-ui-nav li:nth-child(8) {
  transition-delay: calc(var(--t-d) * 8);
}
.home .t-ui-nav li:nth-child(9) {
  transition-delay: calc(var(--t-d) * 9);
}
.home .t-ui-nav li:nth-child(10) {
  transition-delay: calc(var(--t-d) * 10);
}
.Loaded .home .t-ui-nav li {
  opacity: 1;
  translate: 0 0;
}