.container:where(.astro-6wpuu7ar) {
  position: relative;
  z-index: 1;
}
.video:where(.astro-6wpuu7ar) {
  position: sticky;
  top: 0;
  width: 100%;
  height: var(--aspect-ratio-height, 100svh);
  overflow: hidden;
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .video:where(.astro-6wpuu7ar) {
    height: calc(var(--aspect-ratio-height, 100svh) + var(--sp-video-padding));
  }
}
.video-object:where(.astro-6wpuu7ar) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.control:where(.astro-6wpuu7ar) {
  --_control-size: calc(2 * var(--rem));
  --_control-position: clamp(
    15 * var(--px),
    var(--window-width) / 100 * 1.408px + 9.72 * var(--px),
    30 * var(--px)
  );
  position: absolute;
  top: calc(100vh - var(--_control-size) - var(--_control-position));
  top: calc(100svh - var(--_control-size) - var(--_control-position));
  right: var(--_control-position);
  z-index: 1;
  font-size: 0;
}
.control:where(.astro-6wpuu7ar).is-absolute {
  position: absolute;
  inset: auto;
  right: var(--_control-position);
  bottom: var(--_control-position);
}
.control:where(.astro-6wpuu7ar).is-fixed {
  position: fixed;
  inset: auto;
  right: var(--_control-position);
  bottom: var(--_control-position);
}
.body:where(.astro-6wpuu7ar) {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(
    180 * var(--px),
    var(--window-width) / 100 * 20.833px + 20.003 * var(--px),
    320 * var(--px)
  );
  max-width: calc(460 * var(--px));
  padding-bottom: calc(200 * var(--px));
  margin-top: clamp(
    -373 * var(--px),
    var(--window-width) / 100 * -11.174px + -212.098 * var(--px),
    -254 * var(--px)
  );
  margin-left: clamp(
    70 * var(--px),
    var(--window-width) / 100 * 11.905px + -21.43 * var(--px),
    150 * var(--px)
  );
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .body:where(.astro-6wpuu7ar) {
    padding-inline: calc(20 * var(--px));
    margin-inline: auto;
  }
}
.body-group:where(.astro-6wpuu7ar) {
  display: flex;
  flex-direction: column;
  gap: clamp(
    60 * var(--px),
    var(--window-width) / 100 * 1.878px + 52.958 * var(--px),
    80 * var(--px)
  );
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .body-group:where(.astro-6wpuu7ar) {
    justify-content: center;
  }
}
.body-group:where(.astro-6wpuu7ar) .text:where(.astro-6wpuu7ar) {
  font-family: var(--font-family-serif-text);
  font-size: clamp(
    1.5 * var(--rem),
    var(--window-width) / 1000 * 0.282rem + 1.3943 * var(--rem),
    1.8 * var(--rem)
  );
  line-height: 1.6;
  letter-spacing: -0.01em;
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .body-group:where(.astro-6wpuu7ar) .text:where(.astro-6wpuu7ar) {
    text-align: center;
  }
}
.body-group:where(.astro-6wpuu7ar) .text:where(.astro-6wpuu7ar).text01 br:where(.astro-6wpuu7ar) {
  display: none;
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .body-group:where(.astro-6wpuu7ar) .text:where(.astro-6wpuu7ar).text01 br:where(.astro-6wpuu7ar) {
    display: inline;
  }
}
.body-group:where(.astro-6wpuu7ar) .button-cv:where(.astro-6wpuu7ar) {
  width: clamp(
    20 * var(--rem),
    var(--window-width) / 1000 * 5.634rem + 17.8873 * var(--rem),
    26 * var(--rem)
  );
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: max(767px,47.9375rem)) {
  .body-group:where(.astro-6wpuu7ar) .button-cv:where(.astro-6wpuu7ar) {
    margin-inline: auto;
  }
}
@use '@/styles/extension' as *;