/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}
:root,
:host {
  --font-sans: SST, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-black: #1d1d1d;
  --color-white: #fff;
  --spacing: 1rem;
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --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-blue: #4040ff;
  --color-dark-gray: #9a9a9a;
  --color-light-gray: #f5f5f5;
  --color-orange: #f35b1e;
  --color-light-purple: #eef;
  --color-yellow: #ffda00;
  --color-pink: #ee5b7e;
  --color-sony-blue: #003b9c;
  --color-dark-sony-blue: #003387;
  --color-sony-white: #fff;
  --color-momentum-light-blue: #0070cc;
  --color-momentum-blue: #003b9c;
  --color-bold-gray: #666;
  --color-waterfall: #61bcff;
  --color-tree-frog-green: #80dd22;
  --color-violet-wonder: #954ecb;
  --color-corn-yellow: #eabd01;
  --color-spicy-pink: #f326b3;
  --color-teal-green: #03857a;
  --color-boho-violet: #ab5997;
  --font-display: SST, sans-serif;
}
*,
:after,
:before,
::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
html,
:host {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(
    --default-font-family,
    ui-sans-serif,
    system-ui,
    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;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
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;
}
small {
  font-size: 80%;
}
sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol,
ul,
menu {
  list-style: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  vertical-align: middle;
  display: block;
}
img,
video {
  max-width: 100%;
  height: auto;
}
button,
input,
select,
optgroup,
textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
::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;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::-moz-placeholder {
  opacity: 1;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  ::-moz-placeholder {
    color: currentColor;
  }
  ::placeholder {
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    ::-moz-placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
    ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit {
  padding-block: 0;
}
::-webkit-datetime-edit-year-field {
  padding-block: 0;
}
::-webkit-datetime-edit-month-field {
  padding-block: 0;
}
::-webkit-datetime-edit-day-field {
  padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}
::-webkit-datetime-edit-second-field {
  padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button,
input:where([type="button"], [type="reset"], [type="submit"]) {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
::file-selector-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
::-webkit-inner-spin-button {
  height: auto;
}
::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.inset-x-\[0\.8rem\] {
  inset-inline: 0.8rem;
}
.-top-8 {
  top: calc(var(--spacing) * -8);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-\[1\.7rem\] {
  top: 1.7rem;
}
.top-full {
  top: 100%;
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.-bottom-5 {
  bottom: calc(var(--spacing) * -5);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-\[0\.8rem\] {
  bottom: 0.8rem;
}
.bottom-\[2\.1rem\] {
  bottom: 2.1rem;
}
.-left-1\/2 {
  left: -50%;
}
.-left-3 {
  left: calc(var(--spacing) * -3);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-2 {
  left: calc(var(--spacing) * 2);
}
.left-\[1\.1rem\] {
  left: 1.1rem;
}
.left-\[3\.6rem\] {
  left: 3.6rem;
}
.-z-1 {
  z-index: -1;
}
.-z-10 {
  z-index: -10;
}
.z-1 {
  z-index: 1;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-999 {
  z-index: 999;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[999\] {
  z-index: 999;
}
.container {
  width: 100%;
}
@media (min-width: 40rem) {
  .container {
    max-width: 40rem;
  }
}
@media (min-width: 48rem) {
  .container {
    max-width: 48rem;
  }
}
@media (min-width: 64rem) {
  .container {
    max-width: 64rem;
  }
}
@media (min-width: 80rem) {
  .container {
    max-width: 80rem;
  }
}
@media (min-width: 96rem) {
  .container {
    max-width: 96rem;
  }
}
.m-\[0\.2rem\] {
  margin: 0.2rem;
}
.m-\[0\.4rem\] {
  margin: 0.4rem;
}
.mx-1 {
  margin-inline: calc(var(--spacing) * 1);
}
.mx-1\.5 {
  margin-inline: calc(var(--spacing) * 1.5);
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-auto {
  margin-inline: auto;
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-3 {
  margin-block: calc(var(--spacing) * 3);
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-\[0\.5rem\] {
  margin-top: 0.5rem;
}
.mt-\[1\.6rem\] {
  margin-top: 1.6rem;
}
.mt-\[1\.9rem\] {
  margin-top: 1.9rem;
}
.mt-\[3rem\] {
  margin-top: 3rem;
}
.mt-\[11rem\] {
  margin-top: 11rem;
}
.mt-auto {
  margin-top: auto;
}
.section-container {
  max-width: 192rem;
  margin-left: auto;
  margin-right: auto;
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-\[0\.66rem\] {
  margin-bottom: 0.66rem;
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}
.ml-\[2\.7rem\] {
  margin-left: 2.7rem;
}
.ml-\[3\.5rem\] {
  margin-left: 3.5rem;
}
.ml-auto {
  margin-left: auto;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.aspect-\[456\/280\] {
  aspect-ratio: 456/280;
}
.aspect-\[690\/540\] {
  aspect-ratio: 690/540;
}
.aspect-\[1424\/418\] {
  aspect-ratio: 1424/418;
}
.aspect-\[192\/108\] {
    aspect-ratio: 192/108;
}
.aspect-\[240\/108\] {
    aspect-ratio: 240/108;
}
.aspect-\[32\/8\] {
    aspect-ratio: 32/8;
}
.size-1 {
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 1);
}
.size-2 {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
}
.size-20 {
  width: calc(var(--spacing) * 20);
  height: calc(var(--spacing) * 20);
}
.size-28 {
  width: calc(var(--spacing) * 28);
  height: calc(var(--spacing) * 28);
}
.size-\[2\.4rem\] {
  width: 2.4rem;
  height: 2.4rem;
}
.size-\[2rem\] {
  width: 2rem;
  height: 2rem;
}
.size-\[11\.9rem\] {
  width: 11.9rem;
  height: 11.9rem;
}
.size-\[13\.6rem\] {
  width: 13.6rem;
  height: 13.6rem;
}
.size-full {
  width: 100%;
  height: 100%;
}
.\!h-\[6\.6rem\] {
  height: 6.6rem !important;
}
.\!h-\[7\.26rem\] {
  height: 7.26rem !important;
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-\[0\.2rem\] {
  height: 0.2rem;
}
.h-\[0\.6rem\] {
  height: 0.6rem;
}
.h-\[0\.8rem\] {
  height: 0.8rem;
}
.h-\[0\.8985rem\] {
  height: 0.8985rem;
}
.h-\[1\.1rem\] {
  height: 1.1rem;
}
.h-\[1\.5rem\] {
  height: 1.5rem;
}
.h-\[1\.6rem\] {
  height: 1.6rem;
}
.h-\[1\.8rem\] {
  height: 1.8rem;
}
.h-\[1\.9rem\] {
  height: 1.9rem;
}
.h-\[2\.4rem\] {
  height: 2.4rem;
}
.h-\[2\.23rem\] {
  height: 2.23rem;
}
.h-\[3\.3rem\] {
  height: 3.3rem;
}
.h-\[3\.6rem\] {
  height: 3.6rem;
}
.h-\[3\.8rem\] {
  height: 3.8rem;
}
.h-\[5\.7rem\] {
  height: 5.7rem;
}
.h-\[6rem\] {
  height: 6rem;
}
.h-\[9rem\] {
  height: 9rem;
}
.h-\[10\.7rem\] {
  height: 10.7rem;
}
.h-\[10rem\] {
  height: 10rem;
}
.h-\[10\.1rem\] {
  height: 10.1rem;
}
.h-\[12\.3rem\] {
  height: 12.3rem;
}
.h-\[12\.8rem\] {
  height: 12.8rem;
}
.h-\[13\.2rem\] {
  height: 13.2rem;
}
.h-\[14\.3rem\] {
  height: 14.3rem;
}
.h-\[15\.7rem\] {
  height: 15.7rem;
}
.h-\[15rem\] {
  height: 15rem;
}
.h-\[17\.2rem\] {
  height: 17.2rem;
}
.h-\[17\.8rem\] {
  height: 17.8rem;
}
.h-\[17\.9rem\] {
  height: 17.9rem;
}
.h-\[18\.6rem\] {
  height: 18.6rem;
}
.h-\[18\.8rem\] {
  height: 18.8rem;
}
.h-\[19\.826rem\] {
  height: 19.826rem;
}
.h-\[20rem\] {
  height: 20rem;
}
.h-\[23\.2rem\] {
  height: 23.2rem;
}
.h-\[23\.6rem\] {
  height: 23.6rem;
}
.h-\[23\.9rem\] {
  height: 23.9rem;
}
.h-\[24\.4rem\] {
  height: 24.4rem;
}
.h-\[24rem\] {
  height: 24rem;
}
.h-\[27\.1rem\] {
  height: 27.1rem;
}
.h-\[36\.2rem\] {
  height: 36.2rem;
}
.h-\[44\.4rem\] {
  height: 44.4rem;
}
.h-\[46\.1rem\] {
  height: 46.1rem;
}
.h-\[46\.3rem\] {
  height: 46.3rem;
}
.h-\[50\.6rem\] {
  height: 50.6rem;
}
.h-\[50vw\] {
  height: 50vw;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[70vw\] {
  height: 70vw;
}
.h-\[90vw\] {
  height: 90vw;
}
.h-\[calc\(100\%\+5rem\)\] {
  height: calc(100% + 5rem);
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.max-h-2 {
  max-height: calc(var(--spacing) * 2);
}
.max-h-\[calc\(100vh-12rem\)\] {
  max-height: calc(100vh - 12rem);
}
.min-h-36 {
  min-height: calc(var(--spacing) * 36);
}
.min-h-\[6\.8rem\] {
  min-height: 6.8rem;
}
.min-h-\[12\.7rem\] {
  min-height: 12.7rem;
}
.min-h-\[40\.4rem\] {
  min-height: 40.4rem;
}
.min-h-\[40rem\] {
  min-height: 40rem;
}
.min-h-\[50vw\] {
  min-height: 50vw;
}
.min-h-\[52rem\] {
  min-height: 52rem;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[VALUE\] {
  min-height: VALUE;
}
.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content;
}
.\!w-\[5\.2rem\] {
  width: 5.2rem !important;
}
.\!w-\[5\.72rem\] {
  width: 5.72rem !important;
}
.\!w-full {
  width: 100% !important;
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-\[0\.2rem\] {
  width: 0.2rem;
}
.w-\[0\.8rem\] {
  width: 0.8rem;
}
.w-\[0\.4496rem\] {
  width: 0.4496rem;
}
.w-\[1\.3rem\] {
  width: 1.3rem;
}
.w-\[1\.6rem\] {
  width: 1.6rem;
}
.w-\[1\.8rem\] {
  width: 1.8rem;
}
.w-\[2\.4rem\] {
  width: 2.4rem;
}
.w-\[2\.6rem\] {
  width: 2.6rem;
}
.w-\[3rem\] {
  width: 3rem;
}
.w-\[4\.7rem\] {
  width: 4.7rem;
}
.w-\[6rem\] {
  width: 6rem;
}
.w-\[7\.4rem\] {
  width: 7.4rem;
}
.w-\[7\.5rem\] {
  width: 7.5rem;
}
.w-\[9\.4rem\] {
  width: 9.4rem;
}
.w-\[9rem\] {
  width: 9rem;
}
.w-\[10\.7rem\] {
  width: 10.7rem;
}
.w-\[10rem\] {
  width: 10rem;
}
.w-\[12\.3rem\] {
  width: 12.3rem;
}
.w-\[12\.7rem\] {
  width: 12.7rem;
}
.w-\[13\.6rem\] {
  width: 13.6rem;
}
.w-\[14\.1rem\] {
  width: 14.1rem;
}
.w-\[14\.2rem\] {
  width: 14.2rem;
}
.w-\[14\.5rem\] {
  width: 14.5rem;
}
.w-\[18rem\] {
  width: 18rem;
}
.w-\[19\.6rem\] {
  width: 19.6rem;
}
.w-\[23\.9rem\] {
  width: 23.9rem;
}
.w-\[26rem\] {
  width: 26rem;
}
.w-\[32\.3rem\] {
  width: 32.3rem;
}
.w-\[35\.9rem\] {
  width: 35.9rem;
}
.w-\[70vw\] {
  width: 70vw;
}
.w-\[100vw\] {
  width: 100vw;
}
.w-\[128rem\] {
  width: 128rem;
}
.w-\[200\%\] {
  width: 200%;
}
.w-\[calc\(100\%\+6rem\)\] {
  width: calc(100% + 6rem);
}
.w-\[calc\(100vw-4rem\)\] {
  width: calc(100vw - 4rem);
}
.w-\[min-content\] {
  width: -moz-min-content;
  width: min-content;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-screen {
  width: 100vw;
}
.max-w-54 {
  max-width: calc(var(--spacing) * 54);
}
.max-w-74 {
  max-width: calc(var(--spacing) * 74);
}
.max-w-82 {
  max-width: calc(var(--spacing) * 82);
}
.max-w-91 {
  max-width: calc(var(--spacing) * 91);
}
.max-w-107 {
  max-width: calc(var(--spacing) * 107);
}
.max-w-\[40\.9rem\] {
  max-width: 40.9rem;
}
.max-w-\[49\.6rem\] {
  max-width: 49.6rem;
}
.max-w-\[51\.1rem\] {
  max-width: 51.1rem;
}
.max-w-\[54\.5rem\] {
  max-width: 54.5rem;
}
.max-w-\[62\.6rem\] {
  max-width: 62.6rem;
}
.max-w-\[69\.2rem\] {
  max-width: 69.2rem;
}
.max-w-\[69rem\] {
  max-width: 69rem;
}
.max-w-\[71\.6rem\] {
  max-width: 71.6rem;
}
.max-w-\[79\.8rem\] {
  max-width: 79.8rem;
}
.max-w-\[81\.2rem\] {
  max-width: 81.2rem;
}
.max-w-\[83rem\] {
  max-width: 83rem;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[104\.5rem\] {
  max-width: 104.5rem;
}
.max-w-\[112rem\] {
  max-width: 112rem;
}
.max-w-\[121\.1rem\] {
  max-width: 121.1rem;
}
.max-w-\[128rem\] {
  max-width: 128rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-none {
  max-width: none;
}
.min-w-full {
  min-width: 100%;
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-full {
  flex-basis: 100%;
}
.rotate-45 {
  rotate: 45deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
  cursor: pointer;
}
.list-inside {
  list-style-position: inside;
}
.list-outside {
  list-style-position: outside;
}
.list-\[\'-\'\] {
  list-style-type: "-";
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.\!flex-col-reverse {
  flex-direction: column-reverse !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.\!items-start {
  align-items: flex-start !important;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.\!justify-between {
  justify-content: space-between !important;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: calc(var(--spacing) * 0);
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-\[0\.3rem\] {
  gap: 0.3rem;
}
.gap-\[0\.5rem\] {
  gap: 0.5rem;
}
.gap-\[0\.6rem\] {
  gap: 0.6rem;
}
.gap-\[1\.8rem\] {
  gap: 1.8rem;
}
.gap-\[1rem\] {
  gap: 1rem;
}
.gap-\[2\.7rem\] {
  gap: 2.7rem;
}
.gap-\[4\.2rem\] {
  gap: 4.2rem;
}
.gap-\[5rem\] {
  gap: 5rem;
}
:where(.space-y-4 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
.self-center {
  align-self: center;
}
.self-start {
  align-self: flex-start;
}
.overflow-auto {
  overflow: auto;
}
.overflow-clip {
  overflow: clip;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-\[0\.6rem\] {
  border-radius: 0.6rem;
}
.rounded-\[0\.8rem\] {
  border-radius: 0.8rem;
}
.rounded-\[1\.2rem\] {
  border-radius: 1.2rem;
}
.rounded-\[1\.4rem\] {
  border-radius: 1.4rem;
}
.rounded-\[1\.6rem\] {
  border-radius: 1.6rem;
}
.rounded-\[1\.8rem\] {
  border-radius: 1.8rem;
}
.rounded-\[1\.9rem\] {
  border-radius: 1.9rem;
}
.rounded-\[2\.2rem\] {
  border-radius: 2.2rem;
}
.rounded-\[2\.4rem\] {
  border-radius: 2.4rem;
}
.rounded-\[2\.5rem\] {
  border-radius: 2.5rem;
}
.rounded-\[3rem\] {
  border-radius: 3rem;
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-\[3\.8rem\] {
  border-radius: 3.8rem;
}
.rounded-\[4rem\] {
  border-radius: 4rem;
}
.rounded-\[10rem\] {
  border-radius: 10rem;
}
.rounded-full {
  border-radius: 3.40282e38px;
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-t-\[3rem\] {
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
}
.rounded-tl-\[1\.4rem\] {
  border-top-left-radius: 1.4rem;
}
.rounded-b-\[3rem\] {
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-\[0\.1rem\] {
  border-style: var(--tw-border-style);
  border-width: 0.1rem;
}
.border-\[0\.3rem\] {
  border-style: var(--tw-border-style);
  border-width: 0.3rem;
}
.border-\[0\.5rem\] {
  border-style: var(--tw-border-style);
  border-width: 0.5rem;
}
.border-\[0\.25rem\] {
  border-style: var(--tw-border-style);
  border-width: 0.25rem;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.border-black {
  border-color: var(--color-black);
}
.border-dark-gray {
  border-color: var(--color-dark-gray);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-light-gray {
  border-color: var(--color-light-gray);
}
.border-orange {
  border-color: var(--color-orange);
}
.border-sony-blue {
  border-color: var(--color-sony-blue);
}
.border-transparent {
  border-color: #0000;
}
.border-white {
  border-color: var(--color-white);
}
.\!bg-white {
  background-color: var(--color-white) !important;
}
.bg-\[\#4a77bb\] {
  background-color: #4a77bb;
}
.bg-\[\#0040AA\] {
  background-color: #0040aa;
}
.bg-\[\#00348A\] {
  background-color: #00348a;
}
.bg-\[\#03857a\] {
  background-color: #03857a;
}
.bg-\[\#ab5897\] {
  background-color: #ab5897;
}
.bg-\[\#bdbfc1\] {
  background-color: #bdbfc1;
}
.bg-\[\#e5e5e5\] {
  background-color: #e5e5e5;
}
.bg-\[\#e9546f\] {
  background-color: #e9546f;
}
.bg-\[\#eee\] {
  background-color: #eee;
}
.bg-\[\#ffd800\]\/80 {
  background-color: #ffd800cc;
}
.bg-black {
  background-color: var(--color-black);
}
.bg-blue-500 {
  background-color: var(--color-blue-500);
}
.bg-blue\/50 {
  background-color: #4040ff80;
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-blue\/50 {
    background-color: color-mix(in oklab, var(--color-blue) 50%, transparent);
  }
}
.bg-boho-violet {
  background-color: var(--color-boho-violet);
}
.bg-bold-gray {
  background-color: var(--color-bold-gray);
}
.bg-corn-yellow {
  background-color: var(--color-corn-yellow);
}
.bg-dark-gray {
  background-color: var(--color-dark-gray);
}
.bg-light-gray {
  background-color: var(--color-light-gray);
}
.bg-light-gray\/50 {
  background-color: #f5f5f580;
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-light-gray\/50 {
    background-color: color-mix(in oklab, var(--color-light-gray) 50%, transparent);
  }
}
.bg-light-purple {
  background-color: var(--color-light-purple);
}
.bg-momentum-blue {
  background-color: var(--color-momentum-blue);
}
.bg-momentum-light-blue {
  background-color: var(--color-momentum-light-blue);
}
.bg-orange {
  background-color: var(--color-orange);
}
.bg-pink {
  background-color: var(--color-pink);
}
.bg-sony-blue {
  background-color: var(--color-sony-blue);
}
.bg-sony-white {
  background-color: var(--color-sony-white);
}
.bg-spicy-pink {
  background-color: var(--color-spicy-pink);
}
.bg-transparent {
  background-color: #0000;
}
.bg-tree-frog-green {
  background-color: var(--color-tree-frog-green);
}
.bg-violet-wonder {
  background-color: var(--color-violet-wonder);
}
.bg-waterfall {
  background-color: var(--color-waterfall);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/10 {
  background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/10 {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.bg-white\/20 {
  background-color: #fff3;
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/20 {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.bg-white\/40 {
  background-color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/40 {
    background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
}
.bg-white\/60 {
  background-color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/60 {
    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
.bg-yellow {
  background-color: var(--color-yellow);
}
.bg-blue-gradient {
  background-image: linear-gradient(#4040ff, #0303c7);
}
.bg-blue-white-gradient {
  background-image: linear-gradient(#003b9c 12.5%, #fff 12.5%);
}
.bg-gray-gradient {
  background-image: linear-gradient(270deg, #1d1d1d, #838383);
}
.bg-nav-gradient {
  background-image: linear-gradient(#001e50, #003387);
}
.bg-sun-gradient {
  background-image: linear-gradient(90deg, #f35b1e, #ffd933);
}
.bg-contain {
  background-size: contain;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-cover {
    background-size: cover;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.object-bottom {
  -o-object-position: bottom;
  object-position: bottom;
}
.object-left {
  -o-object-position: left;
  object-position: left;
}
.object-right {
  -o-object-position: right;
  object-position: right;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-\[0\.2rem\] {
  padding: 0.2rem;
}
.p-\[0\.7rem\] {
  padding: 0.7rem;
}
.p-\[1\.25rem\] {
  padding: 1.25rem;
}
.px-0 {
  padding-inline: calc(var(--spacing) * 0);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-\[0\.4rem\] {
  padding-inline: 0.4rem;
}
.px-\[0\.5rem\] {
  padding-inline: 0.5rem;
}
.px-\[1\.6rem\] {
  padding-inline: 1.6rem;
}
.px-\[1\.25rem\] {
  padding-inline: 1.25rem;
}
.px-\[2\.3rem\] {
  padding-inline: 2.3rem;
}
.px-\[2rem\] {
  padding-inline: 2rem;
}
.px-\[3\.25rem\] {
  padding-inline: 3.25rem;
}
.px-\[7\.6rem\] {
  padding-inline: 7.6rem;
}
.py-0 {
  padding-block: calc(var(--spacing) * 0);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-\[0\.5rem\] {
  padding-block: 0.5rem;
}
.py-\[1\.2rem\] {
  padding-block: 1.2rem;
}
.py-\[1\.5rem\] {
  padding-block: 1.5rem;
}
.py-\[3rem\] {
  padding-block: 3rem;
}
.py-\[5\.5rem\] {
  padding-block: 5.5rem;
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-\[1\.2rem\] {
  padding-top: 1.2rem;
}
.pr-1 {
  padding-right: calc(var(--spacing) * 1);
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pb-\[2\.4rem\] {
  padding-bottom: 2.4rem;
}
.pb-\[32\%\] {
  padding-bottom: 32%;
}
.pb-\[41\.7\%\] {
  padding-bottom: 41.7%;
}
.pb-\[56\.25\%\] {
  padding-bottom: 56.25%;
}
.pb-\[100\%\] {
  padding-bottom: 100%;
}
.pl-1 {
  padding-left: calc(var(--spacing) * 1);
}
.pl-1\.5 {
  padding-left: calc(var(--spacing) * 1.5);
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.pl-\[0\.5rem\] {
  padding-left: 0.5rem;
}
.pl-\[2\.7rem\] {
  padding-left: 2.7rem;
}
.text-center {
  text-align: center;
}
.text-start {
  text-align: start;
}
.font-display {
  font-family: var(--font-display);
}
.hd-quaternary {
  letter-spacing: -0.04rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 120%;
}
.hd-secondary {
  letter-spacing: -0.064rem;
  font-size: 4.4rem;
  font-weight: 300;
  line-height: 120%;
}
.hd-tertiary {
  letter-spacing: -0.048rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 120%;
}
.text-btn {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.pg {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 160%;
}
.pg > a {
  text-decoration: underline;
}
.pg-sm {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 140%;
}
.pg-sm > a {
  text-decoration: underline;
}
.nav-link {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-\[1\.1rem\] {
  font-size: 1.1rem;
}
.text-\[1\.2rem\] {
  font-size: 1.2rem;
}
.text-\[1\.4rem\] {
  font-size: 1.4rem;
}
.text-\[1\.6rem\] {
  font-size: 1.6rem;
}
.text-\[2\.4rem\] {
  font-size: 2.4rem;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[3\.2rem\] {
  font-size: 3.2rem;
}
.text-\[4\.4rem\] {
  font-size: 4.4rem;
}
.leading-\[0\] {
  --tw-leading: 0;
  line-height: 0;
}
.leading-\[1\.2\] {
  --tw-leading: 1.2;
  line-height: 1.2;
}
.leading-\[1\.3\] {
  --tw-leading: 1.3;
  line-height: 1.3;
}
.leading-\[1\.6\] {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.leading-\[1\.8\] {
  --tw-leading: 1.8;
  line-height: 1.8;
}
.leading-\[100\%\] {
  --tw-leading: 100%;
  line-height: 100%;
}
.leading-\[normal\] {
  --tw-leading: normal;
  line-height: normal;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-\[-0\.088rem\] {
  --tw-tracking: -0.088rem;
  letter-spacing: -0.088rem;
}
.text-balance {
  text-wrap: balance;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-\[\#00a088\] {
  color: #00a088;
}
.text-\[\#4a77bb\] {
  color: #4a77bb;
}
.text-\[\#03857a\] {
  color: #03857a;
}
.text-\[\#5880c1\] {
  color: #5880c1;
}
.text-\[\#a0658f\] {
  color: #a0658f;
}
.text-\[\#e9546f\] {
  color: #e9546f;
}
.text-black {
  color: var(--color-black);
}
.text-boho-violet {
  color: var(--color-boho-violet);
}
.text-dark-gray {
  color: var(--color-dark-gray);
}
.text-sony-blue {
  color: var(--color-sony-blue);
}
.text-teal-green {
  color: var(--color-teal-green);
}
.text-transparent {
  color: #0000;
}
.text-white {
  color: var(--color-white);
}
.\!normal-case {
  text-transform: none !important;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.line-through {
  text-decoration-line: line-through;
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-100 {
  opacity: 1;
}
.opacity-\[0\.48\] {
  opacity: 0.48;
}
.mix-blend-difference {
  mix-blend-mode: difference;
}
.shadow-\[0px_8px_20px_0px_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 0px 8px 20px 0px var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_-0\.1rem_0_0_\#FFF\] {
  --tw-shadow: inset 0 -0.1rem 0 0 var(--tw-shadow-color, #fff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_0\.2rem_\#FFF\] {
  --tw-shadow: inset 0 0 0 0.2rem var(--tw-shadow-color, #fff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-1 {
  box-shadow: 0 8px 20px #0000000d;
}
.shadow-card {
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.blur-\[1\.8rem\] {
  --tw-blur: blur(1.8rem);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
    var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-\[1\.2rem\] {
  --tw-backdrop-blur: blur(1.2rem);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-blur-\[2rem\] {
  --tw-backdrop-blur: blur(2rem);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-blur-\[4rem\] {
  --tw-backdrop-blur: blur(4rem);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-blur-\[13rem\] {
  --tw-backdrop-blur: blur(13rem);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
    var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
    var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
    var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
    var(--tw-backdrop-sepia,);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to,
    opacity,
    box-shadow,
    transform,
    translate,
    scale,
    rotate,
    filter,
    -webkit-backdrop-filter,
    backdrop-filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[grid-template-rows_flex-grow\] {
  transition-property: grid-template-rows flex-grow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[margin\] {
  transition-property: margin;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[max-height\] {
  transition-property: max-height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[top\] {
  transition-property: top;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.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));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-200 {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
.duration-300 {
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
}
.duration-500 {
  --tw-duration: 0.5s;
  transition-duration: 0.5s;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
@media (hover: hover) {
  .group-hover\:rotate-180:is(:where(.group):hover *) {
    rotate: 180deg;
  }
  .group-hover\:bg-blue\/30:is(:where(.group):hover *) {
    background-color: #4040ff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-hover\:bg-blue\/30:is(:where(.group):hover *) {
      background-color: color-mix(in oklab, var(--color-blue) 30%, transparent);
    }
  }
  .group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity: 1;
  }
}
.group-hocus\:scale-110:is(:is(:where(.group):hover, :where(.group):focus) *) {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hocus\:text-white:is(:is(:where(.group):hover, :where(.group):focus) *) {
  color: var(--color-white);
}
.group-current\:mt-\[0px\]:is(:where(.group).current *) {
  margin-top: 0;
}
.group-current\:h-\[29\.1rem\]:is(:where(.group).current *) {
  height: 29.1rem;
}
.group-current\:h-auto:is(:where(.group).current *) {
  height: auto;
}
.group-current\:max-h-3:is(:where(.group).current *) {
  max-height: calc(var(--spacing) * 3);
}
.group-current\:max-h-screen:is(:where(.group).current *) {
  max-height: 100vh;
}
.group-current\:w-\[35\.3rem\]:is(:where(.group).current *) {
  width: 35.3rem;
}
.group-current\:flex-grow:is(:where(.group).current *) {
  flex-grow: 1;
}
.group-current\:rotate-180:is(:where(.group).current *) {
  rotate: 180deg;
}
.group-current\:grid-rows-\[1fr\]:is(:where(.group).current *) {
  grid-template-rows: 1fr;
}
.group-current\:rounded-\[2\.4rem\]:is(:where(.group).current *) {
  border-radius: 2.4rem;
}
.group-current\:bg-orange:is(:where(.group).current *) {
  background-color: var(--color-orange);
}
.group-current\:object-contain:is(:where(.group).current *) {
  -o-object-fit: contain;
  object-fit: contain;
}
.group-current\:opacity-0:is(:where(.group).current *) {
  opacity: 0;
}
.group-current\:opacity-100:is(:where(.group).current *) {
  opacity: 1;
}
.group-\[\.active\]\:max-h-3:is(:where(.group).active *) {
  max-height: calc(var(--spacing) * 3);
}
.group-\[\.active\]\:bg-orange:is(:where(.group).active *) {
  background-color: var(--color-orange);
}
.has-checked\:bg-sony-blue:has(:checked) {
  background-color: var(--color-sony-blue);
}
.has-checked\:bg-white:has(:checked) {
  background-color: var(--color-white);
}
.has-checked\:text-white:has(:checked) {
  color: var(--color-white);
}
.has-current\:border-sony-blue:has(.current) {
  border-color: var(--color-sony-blue);
}
@media not all and (min-width: 64rem) {
  .max-lg\:hidden {
    display: none;
  }
}
@media not all and (min-width: 48rem) {
  .max-md\:grid {
    display: grid;
  }
  .max-md\:hidden {
    display: none;
  }
  .max-md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .max-md\:flex-wrap {
    flex-wrap: wrap;
  }
  .max-md\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .max-md\:px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  :is(.max-md\:\*\:basis-\[calc\(50\%-1rem\)\] > *) {
    flex-basis: calc(50% - 1rem);
  }
}
@media (min-width: 48rem) {
  .md\:-left-1\/4 {
    left: -25%;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .md\:mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .md\:mt-\[15rem\] {
    margin-top: 15rem;
  }
  .md\:mt-auto {
    margin-top: auto;
  }
  .md\:mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .md\:ml-\[7\.5rem\] {
    margin-left: 7.5rem;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-\[3\.7rem\] {
    height: 3.7rem;
  }
  .md\:h-\[17\.9rem\] {
    height: 17.9rem;
  }
  .md\:h-\[24rem\] {
    height: 24rem;
  }
  .md\:h-\[26\.6rem\] {
    height: 26.6rem;
  }
  .md\:h-\[26\.9rem\] {
    height: 26.9rem;
  }
  .md\:h-\[30vw\] {
    height: 30vw;
  }
  .md\:h-\[39\.6rem\] {
    height: 39.6rem;
  }
  .md\:h-\[40\.2rem\] {
    height: 40.2rem;
  }
  .md\:h-\[41\.6rem\] {
    height: 41.6rem;
  }
  .md\:h-\[62\.1rem\] {
    height: 62.1rem;
  }
  .md\:h-\[70vw\] {
    height: 70vw;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:min-h-\[47\.6rem\] {
    min-height: 47.6rem;
  }
  .md\:\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-60 {
    width: calc(var(--spacing) * 60);
  }
  .md\:w-\[5\.1rem\] {
    width: 5.1rem;
  }
  .md\:w-\[18\.2rem\] {
    width: 18.2rem;
  }
  .md\:w-\[19\.6rem\] {
    width: 19.6rem;
  }
  .md\:w-\[21rem\] {
    width: 21rem;
  }
  .md\:w-\[22\.6rem\] {
    width: 22.6rem;
  }
  .md\:w-\[24rem\] {
    width: 24rem;
  }
  .md\:w-\[30vw\] {
    width: 30vw;
  }
  .md\:w-\[31\.5rem\] {
    width: 31.5rem;
  }
  .md\:w-\[35\.7rem\] {
    width: 35.7rem;
  }
  .md\:w-\[35\.9rem\] {
    width: 35.9rem;
  }
  .md\:w-\[36\.3rem\] {
    width: 36.3rem;
  }
  .md\:w-\[42rem\] {
    width: 42rem;
  }
  .md\:w-\[46\.7rem\] {
    width: 46.7rem;
  }
  .md\:w-\[50rem\] {
    width: 50rem;
  }
  .md\:w-\[50vw\] {
    width: 50vw;
  }
  .md\:w-\[56\.4rem\] {
    width: 56.4rem;
  }
  .md\:w-\[150\%\] {
    width: 150%;
  }
  .md\:w-\[calc\(\(100\%-1rem\)\/2\)\] {
    width: calc(50% - 0.5rem);
  }
  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:w-max {
    width: -moz-max-content;
    width: max-content;
  }
  .md\:max-w-\[22\.8rem\] {
    max-width: 22.8rem;
  }
  .md\:max-w-\[31\.3rem\] {
    max-width: 31.3rem;
  }
  .md\:max-w-\[32\.3rem\] {
    max-width: 32.3rem;
  }
  .md\:max-w-\[39\.3rem\] {
    max-width: 39.3rem;
  }
  .md\:max-w-\[46\.7rem\] {
    max-width: 46.7rem;
  }
  .md\:max-w-\[47\.2rem\] {
    max-width: 47.2rem;
  }
  .md\:max-w-\[54rem\] {
    max-width: 54rem;
  }
  .md\:max-w-\[55\.2rem\] {
    max-width: 55.2rem;
  }
  .md\:max-w-\[80\.6rem\] {
    max-width: 80.6rem;
  }
  .md\:max-w-\[83\.6rem\] {
    max-width: 83.6rem;
  }
  .md\:flex-1 {
    flex: 1;
  }
  .md\:basis-1\/2 {
    flex-basis: 50%;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .md\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .md\:gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .md\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .md\:gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .md\:gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .md\:self-stretch {
    align-self: stretch;
  }
  .md\:rounded-\[2\.4rem\] {
    border-radius: 2.4rem;
  }
  .md\:bg-transparent {
    background-color: #0000;
  }
  .md\:bg-white {
    background-color: var(--color-white);
  }
  .md\:p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .md\:p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .md\:p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .md\:p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .md\:px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .md\:px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .md\:px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .md\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .md\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .md\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .md\:px-\[5\.25rem\] {
    padding-inline: 5.25rem;
  }
  .md\:py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .md\:py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .md\:py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .md\:py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .md\:py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .md\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .md\:pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .md\:pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .md\:pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .md\:pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .md\:pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .md\:pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .md\:pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .md\:pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .md\:pb-\[48\%\] {
    padding-bottom: 48%;
  }
  .md\:pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .md\:pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:hd-primary {
    letter-spacing: -0.128rem;
    font-size: 6.4rem;
    font-weight: 300;
    line-height: 6.8rem;
  }
  .md\:hd-secondary {
    letter-spacing: -0.064rem;
    font-size: 4.4rem;
    font-weight: 300;
    line-height: 120%;
  }
  .md\:hd-tertiary {
    letter-spacing: -0.048rem;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 120%;
  }
  .md\:pg {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 160%;
  }
  .md\:pg > a {
    text-decoration: underline;
  }
  .md\:\!text-\[3\.2rem\] {
    font-size: 3.2rem !important;
  }
  .md\:leading-\[6\.8rem\] {
    --tw-leading: 6.8rem;
    line-height: 6.8rem;
  }
}
@media (min-width: 64rem) {
  .lg\:absolute {
    position: absolute;
  }
  .lg\:-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .lg\:top-0 {
    top: calc(var(--spacing) * 0);
  }
  .lg\:right-0 {
    right: calc(var(--spacing) * 0);
  }
  .lg\:right-\[50\%\] {
    right: 50%;
  }
  .lg\:left-0 {
    left: calc(var(--spacing) * 0);
  }
  .lg\:left-\[unset\] {
    left: unset;
  }
  .lg\:mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .lg\:mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .lg\:block {
    display: block;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:hidden\! {
    display: none !important;
  }
  .lg\:\!h-\[32\.4rem\] {
    height: 32.4rem !important;
  }
  .lg\:\!h-\[46\.8rem\] {
    height: 46.8rem !important;
  }
  .lg\:h-21 {
    height: calc(var(--spacing) * 21);
  }
  .lg\:h-\[5\.4rem\] {
    height: 5.4rem;
  }
  .lg\:h-\[16\.9rem\] {
    height: 16.9rem;
  }
  .lg\:h-\[30\.8rem\] {
    height: 30.8rem;
  }
  .lg\:h-\[36\.3rem\] {
    height: 36.3rem;
  }
  .lg\:h-\[50\.8rem\] {
    height: 50.8rem;
  }
  .lg\:h-\[50vw\] {
    height: 50vw;
  }
  .lg\:h-\[56rem\] {
    height: 56rem;
  }
  .lg\:h-\[77\.6rem\] {
    height: 77.6rem;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:min-h-\[46rem\] {
    min-height: 46rem;
  }
  .lg\:min-h-\[55\.6rem\] {
    min-height: 55.6rem;
  }
  .lg\:max-h-57 {
    max-height: calc(var(--spacing) * 57);
  }
  .lg\:\!w-full {
    width: 100% !important;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-42 {
    width: calc(var(--spacing) * 42);
  }
  .lg\:w-124 {
    width: calc(var(--spacing) * 124);
  }
  .lg\:w-\[16\.9rem\] {
    width: 16.9rem;
  }
  .lg\:w-\[31\.5rem\] {
    width: 31.5rem;
  }
  .lg\:w-\[40rem\] {
    width: 40rem;
  }
  .lg\:w-\[45\%\] {
    width: 45%;
  }
  .lg\:w-\[47rem\] {
    width: 47rem;
  }
  .lg\:w-\[51\.6rem\] {
    width: 51.6rem;
  }
  .lg\:w-\[53\.8rem\] {
    width: 53.8rem;
  }
  .lg\:w-\[55\%\] {
    width: 55%;
  }
  .lg\:w-\[79\.4rem\] {
    width: 79.4rem;
  }
  .lg\:w-\[82rem\] {
    width: 82rem;
  }
  .lg\:w-\[94\.6rem\] {
    width: 94.6rem;
  }
  .lg\:w-\[96\.5rem\] {
    width: 96.5rem;
  }
  .lg\:w-\[101\.5rem\] {
    width: 101.5rem;
  }
  .lg\:w-\[118\.2rem\] {
    width: 118.2rem;
  }
  .lg\:w-\[calc\(\(100\%-4rem\)\/3\)\] {
    width: calc(33.3333% - 1.33333rem);
  }
  .lg\:w-\[calc\(50\%-1rem\)\] {
    width: calc(50% - 1rem);
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:\!max-w-\[62rem\] {
    max-width: 62rem !important;
  }
  .lg\:max-w-82 {
    max-width: calc(var(--spacing) * 82);
  }
  .lg\:max-w-\[30rem\] {
    max-width: 30rem;
  }
  .lg\:max-w-\[47rem\] {
    max-width: 47rem;
  }
  .lg\:max-w-\[50\%\] {
    max-width: 50%;
  }
  .lg\:max-w-\[56\.1rem\] {
    max-width: 56.1rem;
  }
  .lg\:max-w-\[100\.5rem\] {
    max-width: 100.5rem;
  }
  .lg\:max-w-\[102\.5rem\] {
    max-width: 102.5rem;
  }
  .lg\:max-w-\[calc\(100\%-47rem-6rem\)\] {
    max-width: calc(100% - 53rem);
  }
  .lg\:max-w-none {
    max-width: none;
  }
  .lg\:flex-1 {
    flex: 1;
  }
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
  .lg\:basis-1\/2 {
    flex-basis: 50%;
  }
  .lg\:basis-1\/3 {
    flex-basis: 33.3333%;
  }
  .lg\:basis-5\/12 {
    flex-basis: 41.6667%;
  }
  .lg\:basis-7\/12 {
    flex-basis: 58.3333%;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .lg\:\!flex-col {
    flex-direction: column !important;
  }
  .lg\:\!flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-stretch {
    align-items: stretch;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .lg\:gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .lg\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .lg\:gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .lg\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .lg\:gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .lg\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .lg\:gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .lg\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .lg\:gap-\[3\.6rem\] {
    gap: 3.6rem;
  }
  .lg\:gap-x-4 {
    -moz-column-gap: calc(var(--spacing) * 4);
    column-gap: calc(var(--spacing) * 4);
  }
  .lg\:gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .lg\:self-stretch {
    align-self: stretch;
  }
  .lg\:rounded-\[2\.4rem\] {
    border-radius: 2.4rem;
  }
  .lg\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .lg\:\!rounded-l-\[3rem\] {
    border-top-left-radius: 3rem !important;
    border-bottom-left-radius: 3rem !important;
  }
  .lg\:rounded-l-\[3rem\] {
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
  }
  .lg\:\!rounded-r-\[3rem\] {
    border-top-right-radius: 3rem !important;
    border-bottom-right-radius: 3rem !important;
  }
  .lg\:rounded-tr-none {
    border-top-right-radius: 0;
  }
  .lg\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .lg\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .lg\:px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .lg\:px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .lg\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .lg\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .lg\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .lg\:px-\[22rem\] {
    padding-inline: 22rem;
  }
  .lg\:py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .lg\:py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .lg\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .lg\:py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .lg\:py-\[2\.5rem\] {
    padding-block: 2.5rem;
  }
  .lg\:pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .lg\:pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .lg\:pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .lg\:pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .lg\:pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .lg\:pb-\[45\%\] {
    padding-bottom: 45%;
  }
  .lg\:pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .lg\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .lg\:pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:hd-primary {
    letter-spacing: -0.128rem;
    font-size: 6.4rem;
    font-weight: 300;
    line-height: 6.8rem;
  }
  .lg\:hd-secondary {
    letter-spacing: -0.064rem;
    font-size: 4.4rem;
    font-weight: 300;
    line-height: 120%;
  }
  .lg\:leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
}
@media (min-width: 80rem) {
  .xl\:mt-\[1\.5rem\] {
    margin-top: 1.5rem;
  }
  .xl\:block {
    display: block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:inline {
    display: inline;
  }
  .xl\:h-\[13\.8rem\] {
    height: 13.8rem;
  }
  .xl\:h-\[15\.8rem\] {
    height: 15.8rem;
  }
  .xl\:w-\[calc\(\(100\%-1rem\*4\)\/5\)\] {
    width: calc(20% - 0.8rem);
  }
  .xl\:w-\[calc\(\(100\%-5\.4rem\)\/4\)\] {
    width: calc(25% - 1.35rem);
  }
  .xl\:max-w-\[calc\(100\%-47rem-12rem\)\] {
    max-width: calc(100% - 59rem);
  }
  .xl\:flex-none {
    flex: none;
  }
  .xl\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .xl\:gap-\[1\.8rem\] {
    gap: 1.8rem;
  }
  .xl\:bg-nav-gradient {
    background-image: linear-gradient(#001e50, #003387);
  }
  .xl\:p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .xl\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .xl\:px-\[0\.7rem\] {
    padding-inline: 0.7rem;
  }
  .xl\:nav-link {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2;
  }
  @media (hover: hover) {
    .xl\:hover\:bg-white\/20:hover {
      background-color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .xl\:hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
}
@media (min-width: 96rem) {
  .\32xl\:h-\[24vw\] {
    height: 24vw;
  }
  .\32xl\:min-h-\[40vw\] {
    min-height: 40vw;
  }
  .\32xl\:w-\[24vw\] {
    width: 24vw;
  }
  .\32xl\:w-\[40vw\] {
    width: 40vw;
  }
}
.hover-btn-white-outlined {
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease-in-out;
}
.hover-btn-white-outlined::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-sony-blue);
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 0;
}
.hover-btn-white-outlined:hover::before,
.hover-btn-white-outlined:focus::before {
  transform: translateY(0);
}
.hover-btn-white-outlined:hover,
.hover-btn-white-outlined:focus {
  color: var(--color-white);
}
.hocus\:border-sony-blue:hover,
.hocus\:border-sony-blue:focus {
  border-color: var(--color-sony-blue);
}
.hocus\:bg-dark-sony-blue:hover,
.hocus\:bg-dark-sony-blue:focus {
  background-color: var(--color-dark-sony-blue);
}
.hocus\:bg-sony-blue:hover,
.hocus\:bg-sony-blue:focus {
  background-color: var(--color-sony-blue);
}
.hocus\:text-sony-blue:hover,
.hocus\:text-sony-blue:focus {
  color: var(--color-sony-blue);
}
.hocus\:text-white:hover,
.hocus\:text-white:focus {
  color: var(--color-white);
}
.hocus\:underline:hover,
.hocus\:underline:focus {
  text-decoration-line: underline;
}
.current\:fixed.current {
  position: fixed;
}
.current\:top-0.current {
  top: calc(var(--spacing) * 0);
}
.current\:left-0.current {
  left: calc(var(--spacing) * 0);
}
.current\:z-\[1000\].current {
  z-index: 1000;
}
.current\:mt-\[0px\].current {
  margin-top: 0;
}
.current\:mt-\[5\.5rem\].current {
  margin-top: 5.5rem;
}
.current\:mb-\[5\.5rem\].current {
  margin-bottom: 5.5rem;
}
.current\:flex.current {
  display: flex;
}
.current\:h-full.current {
  height: 100%;
}
.current\:w-full.current {
  width: 100%;
}
.current\:items-center.current {
  align-items: center;
}
.current\:justify-center.current {
  justify-content: center;
}
.current\:rounded-none.current {
  border-radius: 0;
}
.current\:border-sony-blue.current {
  border-color: var(--color-sony-blue);
}
.current\:bg-black\/80.current {
  background-color: #1d1d1dcc;
}
@supports (color: color-mix(in lab, red, red)) {
  .current\:bg-black\/80.current {
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
}
.current\:bg-blue-500.current {
  background-color: var(--color-blue-500);
}
.current\:bg-dark-sony-blue.current {
  background-color: var(--color-dark-sony-blue);
}
.current\:text-sony-blue.current {
  color: var(--color-sony-blue);
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}