/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
  ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
  #root#root,
  #root#root *,
  #root#root :before,
  #root#root :after,
  #root#root ::backdrop {
    --tw-border-style: solid;
    --tw-font-weight: initial;
    --tw-duration: initial;
    --tw-outline-style: solid;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
  }
}
#root#root {
  --font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --font-weight-bold: 700;
  --default-transition-duration: 0.15s;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-page: #fff;
  --color-ink: #000;
  --color-on-dark: #fff;
  --color-movie: #000;
  --color-team: #0c3d70;
  --color-craft: #1c6228;
  --color-performance: #4a4e56;
  --color-on-dark-muted: #ffffffa8;
  --color-accent: #d5d5d5;
  --color-veil: #e0e0e080;
  --color-veil-ink: #000c;
  --color-play: #0009;
  --color-play-hover: #000000d9;
  --font-en: "Oswald", sans-serif;
  --font-jp: "line-only", "BIZ UDGothic", sans-serif;
  --text-display: clamp(24px, 4.95vw, 59.4px);
  --text-display--line-height: 1;
  --text-display--letter-spacing: 0.02em;
  --text-movie-title: clamp(24px, 3.8667vw, 46.4px);
  --text-movie-title--line-height: 1;
  --text-movie-title--letter-spacing: 0.02em;
  --text-feature-title: clamp(25px, 3.5vw, 42px);
  --text-feature-title--line-height: 1;
  --text-feature-title--letter-spacing: 0.02em;
  --text-lead-lg: clamp(16px, 2vw, 24px);
  --text-lead-lg--line-height: 1.5;
  --text-lead: clamp(14px, 1.6vw, 19.2px);
  --text-lead--line-height: 1.5;
  --text-body: clamp(14px, 1.4vw, 16.8px);
  --text-body--line-height: 1.7858;
  --text-body--letter-spacing: -0.01em;
  --text-video: clamp(18px, 3vw, 36px);
  --text-video--line-height: 1.5167;
}
#root#root,
#root#root *,
#root#root :after,
#root#root :before,
#root#root ::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
#root#root ::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
#root#root {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(
    --default-font-family,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji"
  );
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
#root#root hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
#root#root abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
#root#root h1,
#root#root h2,
#root#root h3,
#root#root h4,
#root#root h5,
#root#root h6 {
  font-size: inherit;
  font-weight: 500;
}
#root#root a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
#root#root b,
#root#root strong {
  font-weight: bolder;
}
#root#root code,
#root#root kbd,
#root#root samp,
#root#root pre {
  font-family: var(
    --default-mono-font-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace
  );
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
#root#root small {
  font-size: 80%;
}
#root#root sub,
#root#root sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
#root#root sub {
  bottom: -0.25em;
}
#root#root sup {
  top: -0.5em;
}
#root#root table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
#root#root :-moz-focusring:where(:not(iframe)) {
  outline: auto;
}
#root#root progress {
  vertical-align: baseline;
}
#root#root summary {
  display: list-item;
}
#root#root ol,
#root#root ul,
#root#root menu {
  list-style: none;
}
#root#root img,
#root#root svg,
#root#root video,
#root#root canvas,
#root#root audio,
#root#root iframe,
#root#root embed,
#root#root object {
  vertical-align: middle;
  display: block;
}
#root#root img,
#root#root video {
  max-width: 100%;
  height: auto;
}
#root#root button,
#root#root input,
#root#root select,
#root#root optgroup,
#root#root textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
#root#root ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
#root#root :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
#root#root :where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
#root#root ::file-selector-button {
  margin-inline-end: 4px;
}
#root#root ::placeholder {
  opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or
  (contain-intrinsic-size: 1px) {
  #root#root ::placeholder {
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    #root#root ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
#root#root textarea {
  resize: vertical;
}
#root#root ::-webkit-search-decoration {
  -webkit-appearance: none;
}
#root#root ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
#root#root ::-webkit-datetime-edit {
  display: inline-flex;
}
#root#root ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
#root#root ::-webkit-datetime-edit {
  padding-block: 0;
}
#root#root ::-webkit-datetime-edit-year-field {
  padding-block: 0;
}
#root#root ::-webkit-datetime-edit-month-field {
  padding-block: 0;
}
#root#root ::-webkit-datetime-edit-day-field {
  padding-block: 0;
}
#root#root ::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}
#root#root ::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}
#root#root ::-webkit-datetime-edit-second-field {
  padding-block: 0;
}
#root#root ::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}
#root#root ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
#root#root ::-webkit-calendar-picker-indicator {
  line-height: 1;
}
#root#root :-moz-ui-invalid {
  box-shadow: none;
}
#root#root button,
#root#root input:where([type="button"], [type="reset"], [type="submit"]) {
  appearance: button;
}
#root#root ::file-selector-button {
  appearance: button;
}
#root#root ::-webkit-inner-spin-button {
  height: auto;
}
#root#root ::-webkit-outer-spin-button {
  height: auto;
}
#root#root [hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}
#root#root .absolute {
  position: absolute;
}
#root#root .relative {
  position: relative;
}
#root#root .inset-0 {
  inset: 0;
}
#root#root .m-0 {
  margin: 0;
}
#root#root .mx-auto {
  margin-inline: auto;
}
#root#root .mt-\[clamp\(2px\,0\.2vw\,2\.4px\)\] {
  margin-top: clamp(2px, 0.2vw, 2.4px);
}
#root#root .mt-\[clamp\(8px\,0\.8vw\,9\.6px\)\] {
  margin-top: clamp(8px, 0.8vw, 9.6px);
}
#root#root .mt-\[clamp\(9px\,0\.9vw\,10\.8px\)\] {
  margin-top: clamp(9px, 0.9vw, 10.8px);
}
#root#root .mt-\[clamp\(11px\,1\.1vw\,13\.2px\)\] {
  margin-top: clamp(11px, 1.1vw, 13.2px);
}
#root#root .mt-\[clamp\(20px\,2\.31vw\,27\.72px\)\] {
  margin-top: clamp(20px, 2.31vw, 27.72px);
}
#root#root .mt-\[clamp\(20px\,3\.06vw\,36\.72px\)\] {
  margin-top: clamp(20px, 3.06vw, 36.72px);
}
#root#root .mt-\[clamp\(20px\,3\.7vw\,44\.4px\)\] {
  margin-top: clamp(20px, 3.7vw, 44.4px);
}
#root#root .mt-\[clamp\(24px\,3\.9vw\,46\.8px\)\] {
  margin-top: clamp(24px, 3.9vw, 46.8px);
}
#root#root .mt-\[clamp\(24px\,3\.71vw\,44\.52px\)\] {
  margin-top: clamp(24px, 3.71vw, 44.52px);
}
#root#root .mt-\[clamp\(24px\,3\.73vw\,44\.76px\)\] {
  margin-top: clamp(24px, 3.73vw, 44.76px);
}
#root#root .ml-\[10\%\] {
  margin-left: 10%;
}
#root#root .block {
  display: block;
}
#root#root .flex {
  display: flex;
}
#root#root .hidden {
  display: none;
}
#root#root .aspect-\[534\/300\.375\] {
  aspect-ratio: 534/300.375;
}
#root#root .aspect-square {
  aspect-ratio: 1;
}
#root#root .size-\[clamp\(56px\,6vw\,72px\)\] {
  width: clamp(56px, 6vw, 72px);
  height: clamp(56px, 6vw, 72px);
}
#root#root .h-\[38\%\] {
  height: 38%;
}
#root#root .h-auto {
  height: auto;
}
#root#root .h-full {
  height: 100%;
}
#root#root .w-\[33\%\] {
  width: 33%;
}
#root#root .w-full {
  width: 100%;
}
#root#root .max-w-\[1200px\] {
  max-width: 1200px;
}
#root#root .max-w-\[clamp\(534px\,53\.4vw\,640\.8px\)\] {
  max-width: clamp(534px, 53.4vw, 640.8px);
}
#root#root .min-w-0 {
  min-width: 0;
}
#root#root .flex-1 {
  flex: 1;
}
#root#root .baseline-fix {
  transform: translateZ(0);
}
#root#root .cursor-pointer {
  cursor: pointer;
}
#root#root .flex-col {
  flex-direction: column;
}
#root#root .items-center {
  align-items: center;
}
#root#root .justify-center {
  justify-content: center;
}
#root#root .rounded-full {
  border-radius: 2147483647px;
}
#root#root .border-0 {
  border-style: var(--tw-border-style);
  border-width: 0;
}
#root#root .bg-craft {
  background-color: var(--color-craft);
}
#root#root .bg-ink {
  background-color: var(--color-ink);
}
#root#root .bg-movie {
  background-color: var(--color-movie);
}
#root#root .bg-on-dark {
  background-color: var(--color-on-dark);
}
#root#root .bg-page {
  background-color: var(--color-page);
}
#root#root .bg-performance {
  background-color: var(--color-performance);
}
#root#root .bg-play {
  background-color: var(--color-play);
}
#root#root .bg-team {
  background-color: var(--color-team);
}
#root#root .bg-transparent {
  background-color: #0000;
}
#root#root .bg-veil {
  background-color: var(--color-veil);
}
#root#root .object-cover {
  object-fit: cover;
}
#root#root .p-0 {
  padding: 0;
}
#root#root .p-\[clamp\(6px\,0\.6vw\,7\.2px\)\] {
  padding: clamp(6px, 0.6vw, 7.2px);
}
#root#root .px-\[16px\] {
  padding-inline: 16px;
}
#root#root .px-\[20px\] {
  padding-inline: 20px;
}
#root#root .pt-\[16px\] {
  padding-top: 16px;
}
#root#root .pt-\[clamp\(3px\,0\.3vw\,3\.6px\)\] {
  padding-top: clamp(3px, 0.3vw, 3.6px);
}
#root#root .pt-\[clamp\(32px\,4\.88vw\,58\.56px\)\] {
  padding-top: clamp(32px, 4.88vw, 58.56px);
}
#root#root .pt-\[clamp\(40px\,6\.3vw\,75\.6px\)\] {
  padding-top: clamp(40px, 6.3vw, 75.6px);
}
#root#root .pt-\[clamp\(40px\,6\.5vw\,78px\)\] {
  padding-top: clamp(40px, 6.5vw, 78px);
}
#root#root .pt-\[clamp\(40px\,6\.9vw\,82\.8px\)\] {
  padding-top: clamp(40px, 6.9vw, 82.8px);
}
#root#root .pb-\[28px\] {
  padding-bottom: 28px;
}
#root#root .pb-\[clamp\(40px\,6\.94vw\,83\.28px\)\] {
  padding-bottom: clamp(40px, 6.94vw, 83.28px);
}
#root#root .pb-\[clamp\(40px\,7\.76vw\,93\.12px\)\] {
  padding-bottom: clamp(40px, 7.76vw, 93.12px);
}
#root#root .pb-\[clamp\(40px\,7vw\,84px\)\] {
  padding-bottom: clamp(40px, 7vw, 84px);
}
#root#root .pb-\[clamp\(40px\,8\.31vw\,99\.72px\)\] {
  padding-bottom: clamp(40px, 8.31vw, 99.72px);
}
#root#root .pb-\[clamp\(48px\,8\.15vw\,97\.8px\)\] {
  padding-bottom: clamp(48px, 8.15vw, 97.8px);
}
#root#root .text-center {
  text-align: center;
}
#root#root .font-en {
  font-family: var(--font-en);
}
#root#root .font-jp {
  font-family: var(--font-jp);
}
#root#root .text-body {
  font-size: var(--text-body);
  line-height: var(--tw-leading, var(--text-body--line-height));
  letter-spacing: var(--tw-tracking, var(--text-body--letter-spacing));
}
#root#root .text-display {
  font-size: var(--text-display);
  line-height: var(--tw-leading, var(--text-display--line-height));
  letter-spacing: var(--tw-tracking, var(--text-display--letter-spacing));
}
#root#root .text-feature-title {
  font-size: var(--text-feature-title);
  line-height: var(--tw-leading, var(--text-feature-title--line-height));
  letter-spacing: var(--tw-tracking, var(--text-feature-title--letter-spacing));
}
#root#root .text-movie-title {
  font-size: var(--text-movie-title);
  line-height: var(--tw-leading, var(--text-movie-title--line-height));
  letter-spacing: var(--tw-tracking, var(--text-movie-title--letter-spacing));
}
#root#root .text-lead {
  font-size: var(--text-lead);
  line-height: var(--tw-leading, var(--text-lead--line-height));
}
#root#root .text-lead-lg {
  font-size: var(--text-lead-lg);
  line-height: var(--tw-leading, var(--text-lead-lg--line-height));
}
#root#root .text-video {
  font-size: var(--text-video);
  line-height: var(--tw-leading, var(--text-video--line-height));
}
#root#root .font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
#root#root .whitespace-nowrap {
  white-space: nowrap;
}
#root#root .text-accent {
  color: var(--color-accent);
}
#root#root .text-ink {
  color: var(--color-ink);
}
#root#root .text-on-dark {
  color: var(--color-on-dark);
}
#root#root .text-on-dark-muted {
  color: var(--color-on-dark-muted);
}
#root#root .text-veil-ink {
  color: var(--color-veil-ink);
}
#root#root .transition-colors {
  transition-property:
    color, background-color, border-color, outline-color, text-decoration-color,
    fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
#root#root .duration-200 {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
#root#root .\[contain\:inline-size\] {
  contain: inline-size;
}
#root#root .\[clip-path\:polygon\(0_0\,100\%_50\%\,0_100\%\)\] {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#root#root .jp-no-trim {
  text-spacing-trim: space-all;
}
@media (hover: hover) {
  #root#root .group-hover\:bg-play-hover:is(:where(.group):hover *) {
    background-color: var(--color-play-hover);
  }
}
#root#root
  .group-focus-visible\:bg-play-hover:is(:where(.group):focus-visible *) {
  background-color: var(--color-play-hover);
}
#root#root .focus-visible\:outline-3:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 3px;
}
#root#root .focus-visible\:outline-offset-\[-3px\]:focus-visible {
  outline-offset: -3px;
}
#root#root .focus-visible\:outline-on-dark:focus-visible {
  outline-color: var(--color-on-dark);
}
@media not all and (width>=48rem) {
  #root#root .max-md\:block {
    display: block;
  }
}
@media (width>=48rem) {
  #root#root .md\:ml-\[0\.2em\] {
    margin-left: 0.2em;
  }
  #root#root .md\:h-\[clamp\(293px\,29\.3vw\,351\.6px\)\] {
    height: clamp(293px, 29.3vw, 351.6px);
  }
  #root#root .md\:w-\[clamp\(281px\,28\.1vw\,337\.2px\)\] {
    width: clamp(281px, 28.1vw, 337.2px);
  }
  #root#root .md\:max-w-\[clamp\(480px\,48vw\,576px\)\] {
    max-width: clamp(480px, 48vw, 576px);
  }
  #root#root .md\:max-w-\[clamp\(487px\,48\.7vw\,584\.4px\)\] {
    max-width: clamp(487px, 48.7vw, 584.4px);
  }
  #root#root .md\:shrink-0 {
    flex-shrink: 0;
  }
  #root#root .md\:translate-x-\[clamp\(-3\.6px\,-0\.3vw\,-3px\)\] {
    --tw-translate-x: clamp(-3.6px, -0.3vw, -3px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  #root#root .md\:translate-x-\[clamp\(-6\.6px\,-0\.55vw\,-5\.5px\)\] {
    --tw-translate-x: clamp(-6.6px, -0.55vw, -5.5px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  #root#root .md\:flex-row {
    flex-direction: row;
  }
  #root#root .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #root#root .md\:items-center {
    align-items: center;
  }
  #root#root .md\:py-0 {
    padding-block: 0;
  }
  #root#root .md\:pr-\[clamp\(16px\,1\.6vw\,19\.2px\)\] {
    padding-right: clamp(16px, 1.6vw, 19.2px);
  }
  #root#root .md\:pl-\[clamp\(10px\,1vw\,12px\)\] {
    padding-left: clamp(10px, 1vw, 12px);
  }
  #root#root .md\:pl-\[clamp\(12px\,1\.2vw\,14\.4px\)\] {
    padding-left: clamp(12px, 1.2vw, 14.4px);
  }
  #root#root .md\:pl-\[clamp\(15px\,1\.5vw\,18px\)\] {
    padding-left: clamp(15px, 1.5vw, 18px);
  }
  #root#root .md\:pl-\[clamp\(16px\,1\.6vw\,19\.2px\)\] {
    padding-left: clamp(16px, 1.6vw, 19.2px);
  }
  #root#root .md\:pl-\[clamp\(33px\,3\.3vw\,39\.6px\)\] {
    padding-left: clamp(33px, 3.3vw, 39.6px);
  }
  #root#root .md\:pl-\[clamp\(48px\,4\.8vw\,57\.6px\)\] {
    padding-left: clamp(48px, 4.8vw, 57.6px);
  }
}
#root#root {
  margin: 0;
  padding: 0;
}
#root#root {
  font-family: inherit;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}