:root {
    --bgc-FFFFFF: #ffffff;
    --bgc-eae5b0: #eae5b0;
    --font-18: clamp(14px, 1vw, 18px);
    --font-24: clamp(16px, 1.3vw, 24px);
    --font-48: clamp(24px, 2.5vw, 48px);
  }
.ake-detail {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  container-type: inline-size;
  font-family: "AKE HarmonyOS", "HarmonyOS Sans SC", sans-serif;
  color: var(--bgc-FFFFFF);
}
.ake-panel {
  /* PSD coordinates scale with the detail container, rather than the viewport. */
  --u: calc(100cqw / 1180);
  --font-18: calc(18 * var(--u));
  --font-24: calc(24 * var(--u));
  --font-48: calc(48 * var(--u));
  position: relative;
}
.ake-panel picture, .ake-panel img { display: block; width: 100%; }
.ake-panel img { height: auto; }
.ake-panel h1, .ake-panel h2, .ake-panel p, .ake-panel dl, .ake-panel dd { margin: 0; }
.ake-heading, .ake-copy, .ake-models, .ake-spec { position: absolute; }
.ake-heading { font-size: var(--font-48); line-height: 1.2; font-weight: 400; white-space: nowrap; }
.ake-heading strong, .ake-spec :is(dd, li:last-child) { color: var(--bgc-eae5b0); }
.ake-heading strong, .ake-spec strong { font-weight: 700; }
.ake-copy { font-size: var(--font-24); line-height: 1.5; opacity: .88235; white-space: nowrap; }
.ake-models { box-sizing: border-box; width: calc(206 * var(--u)); height: calc(34 * var(--u)); font-size: var(--font-18); line-height: calc(32 * var(--u)); text-align: center; border: calc(1 * var(--u)) solid currentColor; }
.ake-spec { font-size: var(--font-24); }
/* The storefront editor converts parameter dl/dt/dd blocks into ul/li. */
.ake-panel .ake-spec, #contents .ake-spec { margin: 0; padding: 0; list-style: none; }
.ake-panel .ake-spec li, #contents .ake-spec li { margin: 0; list-style: none; }
.ake-spec :is(dd, li:last-child) { position: absolute; top: 0; left: 0; white-space: nowrap; line-height: calc(57.6 * var(--u)); }
.ake-spec strong { font-size: var(--font-48); }
.ake-spec :is(dt, li:first-child) { padding-top: calc(61 * var(--u)); line-height: 1.5; white-space: nowrap; }
.ake-hero .ake-heading { top: calc(62.22 * var(--u)); width: 100%; text-align: center; }
.ake-hero .ake-copy { top: calc(189.45 * var(--u)); width: 100%; text-align: center; line-height: calc(41.57 * var(--u)); }
.ake-hero .ake-models { top: calc(269 * var(--u)); left: 50%; transform: translateX(-50%);border-radius: 5px; }
.ake-compact .ake-heading { top: calc(71.22 * var(--u)); left: calc(64.59 * var(--u)); }
.ake-compact .ake-copy { top: calc(206.23 * var(--u)); left: calc(65.59 * var(--u)); }
.ake-weight { top: calc(385.22 * var(--u)); left: calc(62.59 * var(--u)); }
.ake-dimension { top: calc(517.22 * var(--u)); left: calc(65.59 * var(--u)); }
.ake-precision .ake-heading { top: calc(61.22 * var(--u)); right: calc(39.41 * var(--u)); text-align: right; }
.ake-precision .ake-copy { top: calc(193.45 * var(--u)); right: calc(42.41 * var(--u)); text-align: right; line-height: calc(41.57 * var(--u)); }
.ake-backlash { top: calc(391.22 * var(--u)); right: calc(42.41 * var(--u)); text-align: right; }
.ake-density { top: calc(519.22 * var(--u)); right: calc(42.41 * var(--u)); text-align: right; }
.ake-precision .ake-spec :is(dd, li:last-child) { left: auto; right: 0; }
.ake-responsive .ake-heading { top: calc(132.26 * var(--u)); left: calc(66.77 * var(--u)); }
.ake-responsive .ake-copy { top: calc(266.76 * var(--u)); left: calc(67.15 * var(--u)); }
.ake-backdrive { top: calc(476.22 * var(--u)); left: calc(65.59 * var(--u)); }
.ake-backdrive :is(dt, li:first-child) { opacity: .88235; }
.ake-quiet .ake-heading { top: calc(140.26 * var(--u)); left: calc(651.77 * var(--u)); }
.ake-quiet .ake-copy { top: calc(263.76 * var(--u)); left: calc(653.15 * var(--u)); }
.ake-drive .ake-heading { top: calc(62.26 * var(--u)); left: calc(65.77 * var(--u)); }
.ake-drive .ake-copy { top: calc(196.76 * var(--u)); left: calc(68.15 * var(--u)); }
.ake-mobile { display: none; }

@media (max-width: 750px) {
  .ake-panel {
    --u: calc(100cqw / 750);
    --font-18: calc(22.19 * var(--u));
    --font-24: calc(30 * var(--u));
    --font-48: calc(54 * var(--u));
  }
  .ake-desktop, .ake-spec { display: none; }
  .ake-mobile { display: block; }
  br.ake-mobile { display: inline; }
  .ake-panel .ake-heading, .ake-panel .ake-copy { left: 0; right: auto; width: 100%; text-align: center; }
  .ake-panel .ake-copy { line-height: 1.5; }
  .ake-hero .ake-heading { top: calc(67.57 * var(--u)); }
  .ake-hero .ake-copy { top: calc(217.39 * var(--u)); line-height: calc(41.57 * var(--u)); }
  .ake-hero .ake-models { top: calc(344 * var(--u)); width: calc(252 * var(--u)); height: calc(40 * var(--u)); line-height: calc(38 * var(--u)); }
  .ake-compact .ake-heading { top: calc(117.57 * var(--u)); }
  .ake-compact .ake-copy { top: calc(266.68 * var(--u)); }
  .ake-precision .ake-heading { top: calc(62.57 * var(--u)); }
  .ake-precision .ake-copy { top: calc(211.68 * var(--u)); }
  .ake-responsive .ake-heading { top: calc(595.61 * var(--u)); }
  .ake-responsive .ake-copy { top: calc(737.2 * var(--u)); letter-spacing: -.02em; }
  .ake-quiet .ake-heading { top: calc(80.61 * var(--u)); }
  .ake-quiet .ake-copy { top: calc(219.2 * var(--u)); }
  .ake-drive .ake-heading { top: calc(80.61 * var(--u)); }
  .ake-drive .ake-copy { top: calc(219.2 * var(--u)); }
}

.ake-detail-cn { font-family: "AKE HarmonyOS", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif; }
.ake-detail-cn .ake-hero .ake-heading { top: calc(85.52 * var(--u)); }
.ake-detail-cn .ake-hero .ake-copy { top: calc(152.10 * var(--u)); }
.ake-detail-cn .ake-hero .ake-models { top: calc(233 * var(--u)); }
.ake-detail-cn .ake-compact .ake-heading { top: calc(113.52 * var(--u)); }
.ake-detail-cn .ake-compact .ake-copy { top: calc(204.10 * var(--u)); line-height: calc(41.57 * var(--u)); }
.ake-detail-cn .ake-weight { top: calc(355.22 * var(--u)); }
.ake-detail-cn .ake-dimension { top: calc(483.22 * var(--u)); }
.ake-detail-cn .ake-precision .ake-heading { top: calc(105.52 * var(--u)); }
.ake-detail-cn .ake-precision .ake-copy { top: calc(196.10 * var(--u)); }
.ake-detail-cn .ake-backlash { top: calc(346.22 * var(--u)); }
.ake-detail-cn .ake-density { top: calc(474.22 * var(--u)); }
.ake-detail-cn .ake-responsive .ake-heading { top: calc(172.53 * var(--u)); line-height: calc(58.05614 * var(--u)); }
.ake-detail-cn .ake-responsive .ake-copy { top: calc(265.41 * var(--u)); }
.ake-detail-cn .ake-backdrive { top: calc(443.22 * var(--u)); }
.ake-detail-cn .ake-quiet .ake-heading { top: calc(175.53 * var(--u)); left: calc(676.77 * var(--u)); line-height: calc(58.05614 * var(--u)); }
.ake-detail-cn .ake-quiet .ake-copy { top: calc(268.41 * var(--u)); left: calc(678.15 * var(--u)); }
.ake-detail-cn .ake-drive .ake-heading { top: calc(102.53 * var(--u)); left: 0; width: 100%; text-align: center; line-height: calc(58.05614 * var(--u)); }
.ake-detail-cn .ake-drive .ake-copy { top: calc(176.41 * var(--u)); left: 0; width: 100%; text-align: center; }

@media (max-width: 750px) {
  .ake-detail-cn .ake-hero .ake-heading { top: calc(123.54 * var(--u)); }
  .ake-detail-cn .ake-hero .ake-copy { top: calc(203.99 * var(--u)); line-height: 1.5; }
  .ake-detail-cn .ake-hero .ake-models { top: calc(290 * var(--u)); }
  .ake-detail-cn .ake-compact .ake-heading { top: calc(101.54 * var(--u)); }
  .ake-detail-cn .ake-compact .ake-copy { top: calc(193.99 * var(--u)); line-height: 1.5; }
  .ake-detail-cn .ake-precision .ake-heading { top: calc(72.54 * var(--u)); }
  .ake-detail-cn .ake-precision .ake-copy { top: calc(160.51 * var(--u)); line-height: calc(51.96 * var(--u)); }
  .ake-detail-cn .ake-responsive .ake-heading { top: calc(617.58 * var(--u)); line-height: 1.2; }
  .ake-detail-cn .ake-responsive .ake-copy { top: calc(704.03 * var(--u)); line-height: calc(51.96 * var(--u)); letter-spacing: normal; }
  .ake-detail-cn .ake-quiet .ake-heading { top: calc(132.58 * var(--u)); left: 0; line-height: 1.2; }
  .ake-detail-cn .ake-quiet .ake-copy { top: calc(219.03 * var(--u)); left: 0; line-height: calc(51.96 * var(--u)); }
  .ake-detail-cn .ake-drive .ake-heading { top: calc(127.58 * var(--u)); line-height: 1.2; }
  .ake-detail-cn .ake-drive .ake-copy { top: calc(215.03 * var(--u)); line-height: calc(51.96 * var(--u)); }
  .ake-detail-cn .ake-dimension, .ake-detail-cn .ake-density, .ake-detail-cn .ake-backdrive { display: block; left: 0; right: auto; width: 100%; text-align: center; }
  .ake-detail-cn .ake-spec :is(dd, li:last-child) { left: 0; right: auto; width: 100%; }
  .ake-detail-cn .ake-dimension { top: calc(326.87 * var(--u)); }
  .ake-detail-cn .ake-dimension strong { font-size: calc(60 * var(--u)); }
  .ake-detail-cn .ake-dimension :is(dd, li:last-child) { line-height: calc(72 * var(--u)); }
  .ake-detail-cn .ake-dimension :is(dt, li:first-child) { padding-top: calc(67.69 * var(--u)); }
  .ake-detail-cn .ake-density { top: calc(308.22 * var(--u)); }
  .ake-detail-cn .ake-backdrive { top: calc(899.22 * var(--u)); }
  .ake-detail-cn .ake-density, .ake-detail-cn .ake-backdrive { font-size: calc(24 * var(--u)); }
  .ake-detail-cn .ake-density strong, .ake-detail-cn .ake-backdrive strong { font-size: calc(48 * var(--u)); }
}

@media (max-width: 750px) {
  /* AKE40's first mobile image ends one PSD pixel earlier than AKE50's. */
  .ake-detail-40 .ake-compact > .ake-heading,
  .ake-detail-40 .ake-compact > .ake-copy,
  .ake-detail-40 .ake-compact > .ake-spec { transform: translateY(var(--u)); }
}

html[lang="ja"] .ake-detail-i18n { font-family: "AKE HarmonyOS", "HarmonyOS Sans SC", "Yu Gothic", sans-serif; }
html[lang="ko"] .ake-detail-i18n { font-family: "AKE HarmonyOS", "HarmonyOS Sans SC", "Malgun Gothic", sans-serif; }
.ake-detail-i18n .ake-heading { width: calc(530 * var(--u)); height: calc(115.2 * var(--u)); white-space: normal; overflow-wrap: break-word; }
.ake-detail-i18n .ake-heading strong { display: block; }
.ake-detail-i18n .ake-copy { width: calc(530 * var(--u)); height: calc(150 * var(--u)); white-space: normal; }
.ake-detail-i18n .ake-paragraph { display: block; text-wrap: balance; }
.ake-detail-i18n .ake-hero .ake-heading { left: calc(65 * var(--u)); width: calc(1050 * var(--u)); }
.ake-detail-i18n .ake-hero .ake-copy { left: calc(65 * var(--u)); width: calc(1050 * var(--u)); height: calc(65 * var(--u)); }
.ake-detail-i18n .ake-precision .ake-copy { height: calc(160 * var(--u)); }
.ake-detail-i18n .ake-responsive .ake-heading, .ake-detail-i18n .ake-responsive .ake-copy { width: calc(595 * var(--u)); }
.ake-detail-i18n .ake-responsive .ake-copy { height: calc(185 * var(--u)); }
.ake-detail-i18n .ake-quiet .ake-heading, .ake-detail-i18n .ake-quiet .ake-copy { width: calc(490 * var(--u)); }
.ake-detail-i18n .ake-quiet .ake-copy { height: calc(235 * var(--u)); }
.ake-detail-i18n .ake-drive .ake-heading { width: calc(900 * var(--u)); }
.ake-detail-i18n .ake-drive .ake-copy { width: calc(740 * var(--u)); height: calc(120 * var(--u)); }

@media (max-width: 750px) {
  .ake-detail-i18n .ake-panel .ake-heading, .ake-detail-i18n .ake-panel .ake-copy { left: calc(40 * var(--u)); right: auto; width: calc(670 * var(--u)); }
  .ake-detail-i18n .ake-panel .ake-heading { height: calc(129.6 * var(--u)); }
  .ake-detail-i18n .ake-hero .ake-copy { height: calc(110 * var(--u)); }
  .ake-detail-i18n .ake-compact .ake-copy { height: calc(220 * var(--u)); }
  .ake-detail-i18n .ake-precision .ake-copy { height: calc(245 * var(--u)); }
  .ake-detail-i18n .ake-responsive .ake-copy { height: calc(270 * var(--u)); }
  .ake-detail-i18n .ake-quiet .ake-copy { height: calc(270 * var(--u)); }
  .ake-detail-i18n .ake-drive .ake-copy { height: calc(285 * var(--u)); }
}