.hero { --cl: max(80px, calc(50% - 640px)); }

@media (min-width: 1280px) {
  .hero__track { max-width: none; }
  .hero__text { left: var(--cl); }
  .hero__nav { left: var(--cl); }
  .hero__media { left: calc(var(--cl) + 540px); right: auto; width: min(820px, calc(100% - var(--cl) - 540px)); }
}

@media (max-width: 1399px) {
  .hero__media .crop:not(.crop--contain) { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--dpos, 50% 50%); transform: scale(var(--dz, 1)); transform-origin: var(--dpos, 50% 50%); }
}
@media (min-width: 431px) and (max-width: 768px) {
  .hero__media .crop:not(.crop--contain) { object-position: var(--mpos, var(--dpos, 50% 50%)); transform: scale(var(--mz, var(--dz, 1))); transform-origin: var(--mpos, var(--dpos, 50% 50%)); }
}

@media (min-width: 1700px) {
  .hero__tags { left: 56px; }
}

@media (max-width: 768px) {
  .hero { height: 600px; }
  .hero__media { top: 300px; right: 0; left: 0; width: 100%; height: 300px; }
  .hero__text { top: 28px; }
  .hero__nav { top: 570px; }
  .hero__dots button { background: #9AA6B2; }
  .hero__dots button.is-active { background: var(--orange); }
}

@media (min-width: 1441px) {
  .topbar { padding-left: calc(50% - 630px); padding-right: calc(50% - 640px); }
  .mainbar { padding-left: calc(50% - 640px); padding-right: calc(50% - 640px); }
}
@media (max-width: 380px) { .hero__desc br.keep { display: none; } }
@media (max-width: 430px) { .hero__media--mfit .crop { object-fit: contain !important; transform: none !important; } }

.hero__pic { display: contents; }

@media (min-width: 431px) and (max-width: 768px) { .hero__media--mfit .crop { object-fit: cover; } }

@media (min-width: 769px) and (max-width: 1279px) {
  .hero__media { height: auto; aspect-ratio: 820 / 458; top: 50%; transform: translateY(-50%); }
}
@media (min-width: 769px) and (max-width: 1279px) {
  .hero__tags { top: 16px; left: 24px; transform: scale(.72); transform-origin: 0 0; }
}

@media (min-width: 1441px) {
  .strip--orange { padding-left: max(80px, calc(50vw - 640px)); }
  .strip--navy { padding-right: max(80px, calc(50vw - 640px)); }
}

@media (min-width: 769px) {
  .strip--orange { flex: 506 1 0; width: auto; min-width: 0; }
  .strip--white { flex: 464 1 0; width: auto; min-width: 0; }
  .strip--navy { flex: 506 1 0; width: auto; min-width: 0; }
  .strip--white::before { background: rgba(11, 32, 53, .18); clip-path: polygon(18px 0, 100% 0, calc(100% - 18px) 100%, 0 100%); }
  .strip--white::after { content: ''; position: absolute; inset: 1px 0; z-index: -1; background: #fff; clip-path: polygon(18.7px 0, calc(100% - 1.3px) 0, calc(100% - 18.7px) 100%, 1.3px 100%); }
}

@media (min-width: 769px) {
  .ft-company__block span.ft-addr { margin: 0; line-height: 20px; }
  .ft-company__block .ft-addr__a, .ft-company__block .ft-addr__b { display: block; margin: 0; line-height: 20px; }
  .ft-company__block .ft-addr__b { margin-top: 4px; }
  .simgrid .lcar__badge--stock { min-width: 70px; background: var(--navy); color: var(--white); }
}
@media (max-width: 768px) {
  .terms--app .term { font-size: 15px; }
  .olink.m-only { font-size: 14px; line-height: 19.1px; }
}
.legal__card h3 { line-height: 26px; }
@media (max-width: 768px) { .legal__card h3 { line-height: 24px; } .pay-sec__head .sub { font-size: 14px; line-height: 21px; } }

.ft-company__block strong { line-height: 24px; white-space: nowrap; }