/* Local trial: make the homepage's existing rule lines lead the motion. */
body.home-page {
  --hm-surface-white: #fff;
  --hm-surface-gray: #f6f7f8;
  --hm-rule-solid: color-mix(in srgb, var(--text) 42%, transparent);
  --hm-section-bg: var(--hm-surface-white);
  --hm-section-accent: #6f7378;
  --hm-section-radius: clamp(22px, 3vw, 42px);
  --hm-field-line: color-mix(in srgb, var(--hm-section-accent) 22%, transparent);
  --hm-field-mark-line: color-mix(in srgb, var(--hm-section-accent) 42%, transparent);
  --hm-field-grid-line: color-mix(in srgb, var(--text) 6%, transparent);
  --hm-field-grid-x: clamp(64px, 7.8vw, 118px);
  --hm-field-grid-y: clamp(48px, 5.2vw, 84px);
  --hm-rule-hair: 0.5px;
  --hm-rule-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --hm-rule-line-bg: linear-gradient(90deg, var(--hm-rule-solid), var(--hm-rule-solid));
  --hm-rule-line-bg-soft: linear-gradient(90deg, var(--hm-rule-solid), var(--hm-rule-solid));
}

body.home-page .hm-timeline {
  --hm-lane-line: var(--hm-rule-solid);
  --hm-lane-line-soft: var(--hm-rule-solid);
}

body.home-page .hm-timeline__year-col.is-active .hm-timeline__dot-cell::before {
  background: var(--hm-rule-solid);
}

body.home-page main {
  position: relative;
  isolation: isolate;
  background: var(--hm-surface-white);
}

body.home-page main > .section[data-reveal="section"],
body.home-page main > #home-latest[data-reveal="section"] {
  --hm-field-a-x: 0%;
  --hm-field-a-y: 18%;
  --hm-field-a-w: 62%;
  --hm-field-b-x: 100%;
  --hm-field-b-y: 49%;
  --hm-field-b-w: 78%;
  --hm-field-c-x: 0%;
  --hm-field-c-y: 76%;
  --hm-field-c-w: 46%;
  --hm-field-d-x: 64%;
  --hm-field-d-y: 29%;
  --hm-field-d-w: 26%;
  --hm-field-e-x: 18%;
  --hm-field-e-y: 91%;
  --hm-field-e-w: 34%;
  --hm-field-f-x: 42%;
  --hm-field-f-y: 8%;
  --hm-field-f-w: 28%;
  --hm-field-g-x: 72%;
  --hm-field-g-y: 66%;
  --hm-field-g-w: 22%;
  --hm-field-h-x: 6%;
  --hm-field-h-y: 43%;
  --hm-field-h-w: 18%;
  --hm-field-mark-a-x: 0%;
  --hm-field-mark-a-y: 33%;
  --hm-field-mark-a-w: 24%;
  --hm-field-mark-b-x: 74%;
  --hm-field-mark-b-y: 72%;
  --hm-field-mark-b-w: 18%;
  --hm-field-v-a-x: 9%;
  --hm-field-v-a-y: 5%;
  --hm-field-v-a-h: 88%;
  --hm-field-v-b-x: 88%;
  --hm-field-v-b-y: 18%;
  --hm-field-v-b-h: 60%;
  --hm-field-v-c-x: 36%;
  --hm-field-v-c-y: 58%;
  --hm-field-v-c-h: 30%;
  --hm-field-v-d-x: 68%;
  --hm-field-v-d-y: 8%;
  --hm-field-v-d-h: 38%;
  --hm-field-mark-v-a-x: 24%;
  --hm-field-mark-v-a-y: 7%;
  --hm-field-mark-v-a-h: 22%;
  --hm-field-mark-v-b-x: 82%;
  --hm-field-mark-v-b-y: 56%;
  --hm-field-mark-v-b-h: 28%;
  position: relative;
  background: var(--hm-section-bg) !important;
  border-radius: var(--hm-section-radius);
  overflow: hidden;
  overflow: clip;
}

body.home-page main > .section[data-reveal="section"] > .container,
body.home-page main > #home-latest[data-reveal="section"] > * {
  position: relative;
  z-index: 1;
}

body.home-page main > .section[data-reveal="section"]::before,
body.home-page main > #home-latest[data-reveal="section"]::before {
  height: 1px !important;
  border: 0 !important;
  background: var(--hm-rule-solid) !important;
  transform: scaleX(1);
  transform-origin: left center;
}

body.home-page main > .section::before,
body.home-page main > #home-latest::before {
  height: 1px !important;
  border: 0 !important;
  background: var(--hm-rule-solid) !important;
}

body.home-page main > .section[data-reveal="section"]::after,
body.home-page main > #home-latest[data-reveal="section"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, var(--hm-field-mark-line), var(--hm-field-mark-line)) var(--hm-field-mark-a-x) var(--hm-field-mark-a-y) / var(--hm-field-mark-a-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(90deg, var(--hm-field-mark-line), var(--hm-field-mark-line)) var(--hm-field-mark-b-x) var(--hm-field-mark-b-y) / var(--hm-field-mark-b-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(to bottom, var(--hm-field-mark-line), var(--hm-field-mark-line)) var(--hm-field-mark-v-a-x) var(--hm-field-mark-v-a-y) / var(--hm-rule-hair) var(--hm-field-mark-v-a-h) no-repeat,
    linear-gradient(to bottom, var(--hm-field-mark-line), var(--hm-field-mark-line)) var(--hm-field-mark-v-b-x) var(--hm-field-mark-v-b-y) / var(--hm-rule-hair) var(--hm-field-mark-v-b-h) no-repeat,
    linear-gradient(90deg, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-a-x) var(--hm-field-a-y) / var(--hm-field-a-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(90deg, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-b-x) var(--hm-field-b-y) / var(--hm-field-b-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(90deg, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-c-x) var(--hm-field-c-y) / var(--hm-field-c-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(90deg, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-d-x) var(--hm-field-d-y) / var(--hm-field-d-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(90deg, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-e-x) var(--hm-field-e-y) / var(--hm-field-e-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(90deg, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-f-x) var(--hm-field-f-y) / var(--hm-field-f-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(90deg, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-g-x) var(--hm-field-g-y) / var(--hm-field-g-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(90deg, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-h-x) var(--hm-field-h-y) / var(--hm-field-h-w) var(--hm-rule-hair) no-repeat,
    linear-gradient(to bottom, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-v-a-x) var(--hm-field-v-a-y) / var(--hm-rule-hair) var(--hm-field-v-a-h) no-repeat,
    linear-gradient(to bottom, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-v-b-x) var(--hm-field-v-b-y) / var(--hm-rule-hair) var(--hm-field-v-b-h) no-repeat,
    linear-gradient(to bottom, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-v-c-x) var(--hm-field-v-c-y) / var(--hm-rule-hair) var(--hm-field-v-c-h) no-repeat,
    linear-gradient(to bottom, var(--hm-field-line), var(--hm-field-line)) var(--hm-field-v-d-x) var(--hm-field-v-d-y) / var(--hm-rule-hair) var(--hm-field-v-d-h) no-repeat,
    repeating-linear-gradient(90deg, var(--hm-field-grid-line) 0 var(--hm-rule-hair), transparent var(--hm-rule-hair) var(--hm-field-grid-x)),
    repeating-linear-gradient(180deg, var(--hm-field-grid-line) 0 var(--hm-rule-hair), transparent var(--hm-rule-hair) var(--hm-field-grid-y));
  opacity: 0.42;
  transform: translate3d(-8%, 0, 0);
}

body.home-page main > #home-latest[data-reveal="section"] {
  --hm-section-bg: var(--hm-surface-gray);
  --hm-section-accent: #62666c;
  --hm-field-a-x: 7%;
  --hm-field-a-y: 14%;
  --hm-field-a-w: 48%;
  --hm-field-b-x: 96%;
  --hm-field-b-y: 41%;
  --hm-field-b-w: 64%;
  --hm-field-c-x: 14%;
  --hm-field-c-y: 82%;
  --hm-field-c-w: 32%;
  --hm-field-d-x: 58%;
  --hm-field-d-y: 27%;
  --hm-field-d-w: 22%;
  --hm-field-e-x: 4%;
  --hm-field-e-y: 92%;
  --hm-field-e-w: 28%;
  --hm-field-f-x: 48%;
  --hm-field-f-y: 9%;
  --hm-field-f-w: 18%;
  --hm-field-g-x: 76%;
  --hm-field-g-y: 71%;
  --hm-field-g-w: 30%;
  --hm-field-h-x: 2%;
  --hm-field-h-y: 54%;
  --hm-field-h-w: 22%;
  --hm-field-v-a-x: 8%;
  --hm-field-v-a-h: 76%;
  --hm-field-v-b-x: 86%;
  --hm-field-v-b-y: 28%;
  --hm-field-v-b-h: 48%;
  --hm-field-v-c-x: 30%;
  --hm-field-v-c-y: 62%;
  --hm-field-v-c-h: 22%;
  --hm-field-v-d-x: 64%;
  --hm-field-v-d-y: 7%;
  --hm-field-v-d-h: 32%;
}

body.home-page #news {
  --hm-section-bg: var(--hm-surface-white);
  --hm-section-accent: #6f7378;
  --hm-field-a-x: 22%;
  --hm-field-a-y: 22%;
  --hm-field-a-w: 42%;
  --hm-field-b-x: 100%;
  --hm-field-b-y: 63%;
  --hm-field-b-w: 72%;
  --hm-field-c-x: 5%;
  --hm-field-c-y: 88%;
  --hm-field-c-w: 24%;
  --hm-field-d-x: 72%;
  --hm-field-d-y: 30%;
  --hm-field-d-w: 36%;
  --hm-field-e-x: 28%;
  --hm-field-e-y: 74%;
  --hm-field-e-w: 18%;
  --hm-field-f-x: 30%;
  --hm-field-f-y: 41%;
  --hm-field-f-w: 52%;
  --hm-field-g-x: 72%;
  --hm-field-g-y: 13%;
  --hm-field-g-w: 22%;
  --hm-field-h-x: 8%;
  --hm-field-h-y: 55%;
  --hm-field-h-w: 20%;
  --hm-field-v-a-x: 15%;
  --hm-field-v-a-y: 12%;
  --hm-field-v-a-h: 48%;
  --hm-field-v-b-x: 92%;
  --hm-field-v-b-h: 72%;
  --hm-field-v-c-x: 28%;
  --hm-field-v-c-y: 44%;
  --hm-field-v-c-h: 42%;
  --hm-field-v-d-x: 76%;
  --hm-field-v-d-y: 4%;
  --hm-field-v-d-h: 24%;
}

body.home-page #buy-timing {
  --hm-section-bg: var(--hm-surface-gray);
  --hm-section-accent: #62666c;
  --hm-field-a-x: 0%;
  --hm-field-a-y: 12%;
  --hm-field-a-w: 38%;
  --hm-field-b-x: 68%;
  --hm-field-b-y: 34%;
  --hm-field-b-w: 46%;
  --hm-field-c-x: 11%;
  --hm-field-c-y: 86%;
  --hm-field-c-w: 30%;
  --hm-field-d-x: 40%;
  --hm-field-d-y: 22%;
  --hm-field-d-w: 20%;
  --hm-field-e-x: 70%;
  --hm-field-e-y: 72%;
  --hm-field-e-w: 44%;
  --hm-field-f-x: 26%;
  --hm-field-f-y: 58%;
  --hm-field-f-w: 18%;
  --hm-field-g-x: 88%;
  --hm-field-g-y: 18%;
  --hm-field-g-w: 28%;
  --hm-field-h-x: 4%;
  --hm-field-h-y: 50%;
  --hm-field-h-w: 18%;
  --hm-field-v-a-x: 8%;
  --hm-field-v-a-h: 64%;
  --hm-field-v-b-x: 84%;
  --hm-field-v-b-y: 7%;
  --hm-field-v-b-h: 86%;
  --hm-field-v-c-x: 36%;
  --hm-field-v-c-y: 10%;
  --hm-field-v-c-h: 30%;
  --hm-field-v-d-x: 66%;
  --hm-field-v-d-y: 48%;
  --hm-field-v-d-h: 32%;
}

body.home-page #buy-timing .hm-buy-timing-card {
  --hm-buy-status: #62666c;
}

body.home-page #buy-timing .hm-buy-timing-card--buy {
  --hm-buy-status: #2f9f5b;
}

body.home-page #buy-timing .hm-buy-timing-card--neutral {
  --hm-buy-status: #b59a3a;
}

body.home-page #buy-timing .hm-buy-timing-card--wait {
  --hm-buy-status: #c95850;
}

body.home-page #buy-timing .hm-buy-timing-card::after {
  content: "" !important;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  display: block !important;
  height: 5px;
  pointer-events: none;
  background: var(--hm-buy-status);
  opacity: 0.95;
  transition: height 180ms var(--ease), opacity 180ms var(--ease);
}

body.home-page #buy-timing .hm-buy-timing-card:is(:hover, :focus-visible)::after {
  height: 6px;
  opacity: 1;
}

body.home-page #buy-timing .hm-buy-timing-card__scope {
  border-color: color-mix(in srgb, var(--hm-buy-status) 42%, var(--home-line-soft, rgba(17, 17, 17, 0.12)));
}

body.home-page #buy-timing .hm-buy-timing-card__cta,
body.home-page #buy-timing .hm-buy-timing-card__cta::after {
  color: color-mix(in srgb, var(--text) 68%, transparent) !important;
}

body.home-page #database {
  --hm-section-bg: var(--hm-surface-white);
  --hm-section-accent: #6f7378;
  --hm-field-a-x: 12%;
  --hm-field-a-y: 18%;
  --hm-field-a-w: 58%;
  --hm-field-b-x: 100%;
  --hm-field-b-y: 52%;
  --hm-field-b-w: 34%;
  --hm-field-c-x: 0%;
  --hm-field-c-y: 78%;
  --hm-field-c-w: 72%;
  --hm-field-d-x: 48%;
  --hm-field-d-y: 30%;
  --hm-field-d-w: 26%;
  --hm-field-e-x: 18%;
  --hm-field-e-y: 91%;
  --hm-field-e-w: 40%;
  --hm-field-f-x: 32%;
  --hm-field-f-y: 8%;
  --hm-field-f-w: 24%;
  --hm-field-g-x: 78%;
  --hm-field-g-y: 67%;
  --hm-field-g-w: 38%;
  --hm-field-h-x: 6%;
  --hm-field-h-y: 46%;
  --hm-field-h-w: 20%;
  --hm-field-v-a-x: 4%;
  --hm-field-v-a-y: 24%;
  --hm-field-v-a-h: 54%;
  --hm-field-v-b-x: 72%;
  --hm-field-v-b-h: 42%;
  --hm-field-v-c-x: 22%;
  --hm-field-v-c-y: 58%;
  --hm-field-v-c-h: 32%;
  --hm-field-v-d-x: 90%;
  --hm-field-v-d-y: 16%;
  --hm-field-v-d-h: 58%;
}

body.home-page #ranking,
body.home-page .hm-timeline-section {
  --hm-section-bg: var(--hm-surface-gray);
  --hm-section-accent: #62666c;
  --hm-field-a-x: 36%;
  --hm-field-a-y: 16%;
  --hm-field-a-w: 28%;
  --hm-field-b-x: 92%;
  --hm-field-b-y: 58%;
  --hm-field-b-w: 58%;
  --hm-field-c-x: 6%;
  --hm-field-c-y: 84%;
  --hm-field-c-w: 50%;
  --hm-field-d-x: 68%;
  --hm-field-d-y: 26%;
  --hm-field-d-w: 22%;
  --hm-field-e-x: 34%;
  --hm-field-e-y: 70%;
  --hm-field-e-w: 30%;
  --hm-field-f-x: 8%;
  --hm-field-f-y: 52%;
  --hm-field-f-w: 34%;
  --hm-field-g-x: 80%;
  --hm-field-g-y: 12%;
  --hm-field-g-w: 18%;
  --hm-field-h-x: 48%;
  --hm-field-h-y: 92%;
  --hm-field-h-w: 28%;
  --hm-field-v-a-x: 18%;
  --hm-field-v-a-h: 42%;
  --hm-field-v-b-x: 78%;
  --hm-field-v-b-y: 30%;
  --hm-field-v-b-h: 58%;
  --hm-field-v-c-x: 46%;
  --hm-field-v-c-y: 4%;
  --hm-field-v-c-h: 34%;
  --hm-field-v-d-x: 92%;
  --hm-field-v-d-y: 48%;
  --hm-field-v-d-h: 36%;
}

body.home-page #rumors {
  --hm-section-bg: var(--hm-surface-gray);
  --hm-section-accent: #62666c;
  --hm-field-a-x: 0%;
  --hm-field-a-y: 24%;
  --hm-field-a-w: 54%;
  --hm-field-b-x: 84%;
  --hm-field-b-y: 46%;
  --hm-field-b-w: 38%;
  --hm-field-c-x: 24%;
  --hm-field-c-y: 88%;
  --hm-field-c-w: 64%;
  --hm-field-d-x: 74%;
  --hm-field-d-y: 19%;
  --hm-field-d-w: 18%;
  --hm-field-e-x: 6%;
  --hm-field-e-y: 66%;
  --hm-field-e-w: 36%;
  --hm-field-f-x: 36%;
  --hm-field-f-y: 12%;
  --hm-field-f-w: 28%;
  --hm-field-g-x: 76%;
  --hm-field-g-y: 82%;
  --hm-field-g-w: 34%;
  --hm-field-h-x: 16%;
  --hm-field-h-y: 42%;
  --hm-field-h-w: 24%;
  --hm-field-v-a-x: 11%;
  --hm-field-v-a-y: 4%;
  --hm-field-v-a-h: 74%;
  --hm-field-v-b-x: 94%;
  --hm-field-v-b-h: 36%;
  --hm-field-v-c-x: 38%;
  --hm-field-v-c-y: 46%;
  --hm-field-v-c-h: 38%;
  --hm-field-v-d-x: 70%;
  --hm-field-v-d-y: 18%;
  --hm-field-v-d-h: 28%;
}

body.home-page #rumors .home-track-links a::before,
body.home-page #rumors .hm-rumor-card__pill--confidence {
  color: color-mix(in srgb, var(--text) 52%, transparent) !important;
}

body.home-page main > .home-chip-section.home-route-section,
body.home-page .home-chip-section.home-route-section {
  background: var(--hm-surface-gray) !important;
  border-radius: 0 0 var(--hm-section-radius) var(--hm-section-radius);
  overflow: hidden;
  overflow: clip;
}

body.home-page main > .home-editor-note {
  background: var(--hm-surface-white) !important;
}

body.home-page #news.news-section,
body.home-page #buy-timing.section--buy-time,
body.home-page #database.hm-database-section,
body.home-page #ranking.hm-ranking-section,
body.home-page .hm-timeline-section,
body.home-page #rumors.hm-rumors-section {
  background: var(--hm-section-bg) !important;
}

body.home-page #ranking.hm-ranking-section {
  --hm-section-bg: var(--hm-surface-gray);
  --hm-section-accent: #62666c;
}

body.home-page .hm-timeline-section {
  --hm-section-bg: var(--hm-surface-white);
  --hm-section-accent: #6f7378;
}

body.home-page main > .section[data-reveal="section"],
body.home-page main > #home-latest[data-reveal="section"] {
  --hm-field-line: color-mix(in srgb, var(--hm-section-accent) 22%, transparent);
  --hm-field-mark-line: color-mix(in srgb, var(--hm-section-accent) 42%, transparent);
}

.reveal-ready body.home-page main > .section[data-reveal="section"]:not(.is-visible)::before,
.reveal-ready body.home-page main > #home-latest[data-reveal="section"]:not(.is-visible)::before {
  opacity: 0;
  transform: scaleX(0);
}

.reveal-ready body.home-page main > .section[data-reveal="section"].is-visible::before,
.reveal-ready body.home-page main > #home-latest[data-reveal="section"].is-visible::before {
  opacity: 1;
  transform: scaleX(1);
  transition:
    transform 1400ms var(--hm-rule-ease),
    opacity 520ms ease;
}

body.home-page .section-header::after,
body.home-page .section-header--with-controls::after,
body.home-page .section-header--with-link::after,
body.home-page .hm-latest-articles__head::after {
  background: var(--hm-rule-solid);
  opacity: 1;
  transform: scaleX(1);
  transform-origin: left center;
  transition:
    opacity 360ms ease,
    transform 680ms var(--hm-rule-ease);
}

.reveal-ready body.home-page main > .section[data-reveal="section"]:not(.is-visible) .section-header::after,
.reveal-ready body.home-page main > .section[data-reveal="section"]:not(.is-visible) .section-header--with-controls::after,
.reveal-ready body.home-page main > .section[data-reveal="section"]:not(.is-visible) .section-header--with-link::after,
.reveal-ready body.home-page main > #home-latest[data-reveal="section"]:not(.is-visible) .hm-latest-articles__head::after {
  opacity: 0.3;
  transform: scaleX(0.04);
}

.reveal-ready body.home-page main > .section[data-reveal="section"].is-visible .section-header::after,
.reveal-ready body.home-page main > .section[data-reveal="section"].is-visible .section-header--with-controls::after,
.reveal-ready body.home-page main > .section[data-reveal="section"].is-visible .section-header--with-link::after,
.reveal-ready body.home-page main > #home-latest[data-reveal="section"].is-visible .hm-latest-articles__head::after {
  opacity: 1;
  transform: scaleX(1);
}

body.home-page .home-hero--cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  overflow: clip;
}

body.home-page .home-hero--cover > .container {
  position: relative;
  z-index: 1;
}

body.home-page .home-cover-rotator {
  position: relative;
  isolation: isolate;
}

body.home-page .home-cover-rotator::before {
  content: "";
  position: absolute;
  top: clamp(58px, 8vw, 118px);
  right: 0;
  left: 0;
  z-index: 0;
  height: var(--hm-rule-hair);
  pointer-events: none;
  background: var(--hm-field-line);
  opacity: 0;
  transform: scaleX(0.18);
  transform-origin: left center;
  animation: hm-line-ambient-sweep 7200ms 2200ms var(--hm-rule-ease) infinite;
}

body.home-page .home-cover-rotator__deck,
body.home-page .home-cover-rotator__bar,
body.home-page .home-cover-rotator__controls {
  position: relative;
  z-index: 1;
}

body.home-page .home-cover {
  --hm-hero-radius: 8px;
  padding: clamp(18px, 2.2vw, 30px) clamp(18px, 2.6vw, 34px) !important;
  border: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
  border-radius: var(--hm-hero-radius);
  background: color-mix(in srgb, var(--bg) 90%, transparent);
  box-shadow: 0 18px 48px color-mix(in srgb, var(--text) 7%, transparent);
}

body.home-page .home-cover[data-home-cover-fixed] {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 42%),
    color-mix(in srgb, var(--bg) 94%, #f5f5f7 6%);
}

body.home-page .home-cover__visual {
  border-radius: calc(var(--hm-hero-radius) - 2px);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent);
}

body.home-page .home-cover__visual-link {
  display: grid;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  border-radius: inherit;
}

body.home-page .home-cover__visual-link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent) 56%, var(--text));
  outline-offset: 3px;
}

body.home-page .home-cover__image {
  border-radius: inherit;
  transition: transform 180ms var(--ease);
}

body.home-page .home-cover[data-home-cover-fixed] .home-cover__image {
  padding: clamp(14px, 3.2vw, 48px);
  background: color-mix(in srgb, #f5f5f7 72%, #fff);
  object-fit: contain;
}

body.home-page .home-cover[data-home-cover-fixed] .home-cover__visual-link:hover .home-cover__image {
  transform: scale(1.015);
}

body.home-page .home-cover__cta {
  border-radius: 6px;
}

body.home-page .home-hero--cover::before {
  content: "";
  position: absolute;
  top: clamp(18px, 2.6vw, 38px);
  right: clamp(14px, 4vw, 68px);
  left: clamp(14px, 4vw, 68px);
  z-index: 0;
  height: clamp(210px, 28vw, 360px);
  pointer-events: none;
  background:
    var(--hm-rule-line-bg) 0 11% / 92% var(--hm-rule-hair) no-repeat,
    var(--hm-rule-line-bg-soft) 8% 37% / 58% var(--hm-rule-hair) no-repeat,
    var(--hm-rule-line-bg-soft) 100% 64% / 42% var(--hm-rule-hair) no-repeat,
    linear-gradient(to bottom, var(--hm-field-line), var(--hm-field-line)) 4% 0 / var(--hm-rule-hair) 86% no-repeat,
    linear-gradient(to bottom, var(--hm-field-line), var(--hm-field-line)) 92% 18% / var(--hm-rule-hair) 52% no-repeat;
  opacity: 0.62;
  transform: scaleX(1);
  transform-origin: left center;
  animation: hm-hero-backdrop-lines 1800ms 120ms var(--hm-rule-ease) both;
}

body.home-page .home-hero--cover::after {
  content: "";
  position: absolute;
  top: clamp(18px, 2.6vw, 38px);
  bottom: clamp(18px, 3vw, 46px);
  left: clamp(14px, 4vw, 68px);
  z-index: 0;
  width: 1px;
  pointer-events: none;
  background: var(--hm-field-line);
  opacity: 0.58;
  transform: scaleY(1);
  transform-origin: top center;
  animation: hm-hero-backdrop-vertical 1700ms 260ms var(--hm-rule-ease) both;
}

body.home-page .home-cover__rule,
body.home-page .home-cover-rotator__count-rule,
body.home-page .home-editor-note__rule,
body.home-page .hm-db-rail__hint-line,
body.home-page .hm-timeline__hint span:nth-child(2) {
  background: var(--hm-rule-line-bg);
  opacity: 0.72;
  transform: scaleX(1);
  transform-origin: left center;
}

html.home-cover-ready body.home-page .home-cover--slide.is-active .home-cover__rule,
html.home-cover-ready body.home-page .home-cover-rotator__count-rule {
  animation: hm-existing-list-rule 1500ms 180ms var(--hm-rule-ease) both;
}

body.home-page main > #home-latest .hm-latest-articles__list,
body.home-page main > #home-latest .hm-latest-articles__item {
  position: relative;
}

body.home-page main > #home-latest .hm-latest-articles__list {
  border-top: 1px solid transparent !important;
}

body.home-page main > #home-latest .hm-latest-articles__item,
body.home-page main > #home-latest[data-latest-state="ready"] .hm-latest-articles__item:first-child {
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}

body.home-page main > #home-latest .hm-latest-articles__list::before,
body.home-page main > #home-latest .hm-latest-articles__item::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  background: var(--hm-rule-solid);
  opacity: 0.72;
  transform: scaleX(1);
  transform-origin: left center;
}

body.home-page main > #home-latest .hm-latest-articles__list::before {
  top: 0;
  height: 1px;
}

body.home-page main > #home-latest .hm-latest-articles__item::after {
  bottom: 0;
  height: 1px;
}

@media (max-width: 768px) {
  body.home-page .home-cover {
    padding: 18px !important;
    border-radius: 8px;
  }

  body.home-page .home-cover__visual {
    border-radius: 7px;
  }
}

.reveal-ready body.home-page main > #home-latest:not(.is-visible) .hm-latest-articles__list::before,
.reveal-ready body.home-page main > #home-latest:not(.is-visible) .hm-latest-articles__item::after {
  opacity: 0.12;
  transform: scaleX(0.04);
}

.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__list::before,
.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__item::after {
  animation: hm-existing-list-rule 2600ms var(--hm-rule-ease) both;
}

.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__list::before {
  animation-delay: 220ms;
}

.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__item:nth-child(1)::after {
  animation-delay: 420ms;
}

.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__item:nth-child(2)::after {
  animation-delay: 620ms;
}

.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__item:nth-child(3)::after {
  animation-delay: 820ms;
}

.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__item:nth-child(4)::after {
  animation-delay: 1020ms;
}

.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__item:nth-child(5)::after {
  animation-delay: 1220ms;
}

.reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__item:nth-child(n + 6)::after {
  animation-delay: 1400ms;
}

body.home-page .hm-timeline__dot-cell::before {
  height: 2px;
  transform: translateY(-50%) scaleX(1);
  transform-origin: left center;
}

.reveal-ready body.home-page .hm-timeline-section:not(.is-visible) .hm-timeline__dot-cell::before {
  opacity: 0.16;
  transform: translateY(-50%) scaleX(0.06);
}

.reveal-ready body.home-page .hm-timeline-section.is-visible .hm-timeline__dot-cell::before {
  animation: hm-existing-timeline-rule 1500ms var(--hm-rule-ease) both;
}

.reveal-ready body.home-page .hm-timeline-section.is-visible .hm-timeline__year-col:nth-child(2) .hm-timeline__dot-cell::before {
  animation-delay: 90ms;
}

.reveal-ready body.home-page .hm-timeline-section.is-visible .hm-timeline__year-col:nth-child(3) .hm-timeline__dot-cell::before {
  animation-delay: 180ms;
}

.reveal-ready body.home-page .hm-timeline-section.is-visible .hm-timeline__year-col:nth-child(4) .hm-timeline__dot-cell::before {
  animation-delay: 270ms;
}

.reveal-ready body.home-page .hm-timeline-section.is-visible .hm-timeline__year-col:nth-child(5) .hm-timeline__dot-cell::before {
  animation-delay: 360ms;
}

.reveal-ready body.home-page .hm-timeline-section.is-visible .hm-timeline__year-col:nth-child(n + 6) .hm-timeline__dot-cell::before {
  animation-delay: 450ms;
}

body.home-page .hm-timeline__frame {
  transition: border-color 420ms ease;
}

.reveal-ready body.home-page .hm-timeline-section.is-visible .hm-timeline__frame {
  animation: hm-existing-frame-rule 1200ms var(--hm-rule-ease) both;
}

/* Tighten the first decision stack after the cover so Route, Editor note,
   and Latest read as one continuous entry flow. */
body.home-page main > .home-chip-section.home-route-section {
  padding-top: clamp(28px, 2.7vw, 34px) !important;
  padding-bottom: clamp(34px, 3.3vw, 42px) !important;
}

body.home-page main > .home-editor-note {
  padding-top: clamp(24px, 2.4vw, 30px) !important;
  padding-bottom: clamp(24px, 2.4vw, 30px) !important;
}

body.home-page .home-editor-note .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.home-page main > .home-editor-note + #home-latest.home-section--paper {
  margin-top: 0 !important;
  padding-top: clamp(18px, 1.9vw, 22px) !important;
}

body.home-page main > .home-editor-note + #home-latest .hm-latest-articles.hm-latest-articles--paper {
  padding-top: clamp(22px, 2.4vw, 28px) !important;
}

@media (max-width: 760px) {
  body.home-page main > .home-chip-section.home-route-section {
    padding-top: 22px !important;
    padding-bottom: 30px !important;
  }

  body.home-page main > .home-editor-note {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  body.home-page .home-editor-note .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.home-page main > .home-editor-note + #home-latest.home-section--paper {
    margin-top: 0 !important;
    padding-top: 18px !important;
  }

  body.home-page main > .home-editor-note + #home-latest .hm-latest-articles.hm-latest-articles--paper {
    padding-top: 20px !important;
  }
}

body.home-page main > .home-editor-note,
body.home-page .home-editor-note .container,
body.home-page .home-route-nav,
body.home-page .home-route,
body.home-page .news-list--briefing,
body.home-page .news-list--briefing .news-item,
body.home-page .hm-ranking-section .ranking-item,
body.home-page .hm-buy-timing-card,
body.home-page .hm-product-card,
body.home-page .home-track-links,
body.home-page .home-track-links a,
body.home-page .hm-rumor-card,
body.home-page .hm-timeline__detail-head {
  position: relative;
}

body.home-page main > .home-editor-note,
body.home-page .home-editor-note .container,
body.home-page .home-route-nav,
body.home-page .home-route:not(:first-child),
body.home-page .news-list--briefing,
body.home-page .news-list--briefing .news-item,
body.home-page .hm-ranking-section .ranking-item,
body.home-page .hm-rumor-card,
body.home-page .hm-timeline__detail-head {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

body.home-page .hm-buy-timing-card {
  border-top-color: transparent !important;
}

body.home-page main > .home-editor-note::before,
body.home-page .home-editor-note .container::before,
body.home-page .home-route-nav::before,
body.home-page .home-route-nav::after,
body.home-page .home-route:not(:first-child)::before,
body.home-page .news-list--briefing::before,
body.home-page .news-list--briefing .news-item::after,
body.home-page .hm-ranking-section .ranking-item::after,
body.home-page .hm-buy-timing-card::before,
body.home-page .hm-product-card::before,
body.home-page .hm-product-card::after,
body.home-page .hm-rumor-card::before,
body.home-page .hm-timeline__detail-head::after {
  content: "" !important;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  display: block !important;
  height: 1px;
  pointer-events: none;
  background: var(--hm-rule-line-bg);
  opacity: 0.72;
  transform: scaleX(1);
  transform-origin: left center;
}

body.home-page main > .home-editor-note::before,
body.home-page .home-editor-note .container::before,
body.home-page .home-route-nav::before,
body.home-page .home-route:not(:first-child)::before,
body.home-page .news-list--briefing::before,
body.home-page .hm-buy-timing-card::before,
body.home-page .hm-product-card::before,
body.home-page .hm-rumor-card::before {
  top: 0;
}

body.home-page main > .home-editor-note::before,
body.home-page .home-editor-note .container::before {
  content: none !important;
  display: none !important;
}

body.home-page .home-route-nav::after,
body.home-page .news-list--briefing .news-item::after,
body.home-page .hm-ranking-section .ranking-item::after,
body.home-page .hm-product-card::after,
body.home-page .hm-timeline__detail-head::after {
  bottom: 0;
}

body.home-page .home-route:not(:first-child)::before {
  display: block !important;
}

body.home-page .hm-buy-timing-card::before {
  height: 1px;
  background: var(--hm-rule-line-bg);
  opacity: 0.78;
}

body.home-page .hm-product-card::before,
body.home-page .hm-product-card::after,
body.home-page .news-list--briefing .news-item::after,
body.home-page .hm-ranking-section .ranking-item::after,
body.home-page .hm-timeline__detail-head::after {
  background: var(--hm-rule-line-bg-soft);
}

body.home-page .hm-latest-articles__more a,
body.home-page .home-editor-note__sig,
body.home-page .hm-buy-timing-panel__link,
body.home-page .hm-buy-all,
body.home-page .hm-ranking-toggle,
body.home-page .home-track-links a,
body.home-page .hm-rumor-card,
body.home-page .hm-product-card > .product-image-stage {
  border-bottom-color: transparent !important;
  background-image: var(--hm-rule-line-bg-soft);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
}

body.home-page .home-track-links {
  border-top-color: transparent !important;
}

body.home-page .home-track-links::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  pointer-events: none;
  background: var(--hm-rule-line-bg);
  opacity: 0.78;
  transform: scaleX(1);
  transform-origin: left center;
}

body.home-page .hm-rumor-card {
  background-position: 0 100%;
}

body.home-page .hm-rumor-card:hover,
body.home-page .hm-rumor-card:focus-visible,
body.home-page .home-track-links a:hover,
body.home-page .home-track-links a:focus-visible {
  background-image: var(--hm-rule-line-bg-soft);
  background-repeat: no-repeat;
  background-position: 0 100%;
}

body.home-page #rumors .home-track-links {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

body.home-page #rumors .home-track-links::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  pointer-events: none;
  background: var(--hm-rule-line-bg-soft);
  opacity: 0.78;
  transform: scaleX(1);
  transform-origin: left center;
}

body.home-page #rumors .home-track-links a {
  border-bottom-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  background-size: auto !important;
}

body.home-page #rumors .home-track-links a:hover,
body.home-page #rumors .home-track-links a:focus-visible {
  background: color-mix(in srgb, var(--text) 4%, transparent) !important;
  background-image: none !important;
  background-size: auto !important;
}

body.home-page #rumors .hm-rumor-card {
  border-bottom-color: transparent !important;
  background-color: transparent !important;
  background-image: var(--hm-rule-line-bg-soft) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 100% 1px !important;
}

body.home-page #rumors .hm-rumor-card::before {
  inset: 0 0 auto !important;
  width: auto !important;
  height: 1px !important;
  background: var(--hm-rule-line-bg) !important;
  opacity: 0.78 !important;
  transform: scaleX(1) !important;
  transform-origin: left center !important;
  transition: none !important;
}

body.home-page #buy-timing.section--buy-time,
body.home-page #database .hm-db-rail,
body.home-page #database .hm-product-rail,
body.home-page #database .hm-db-card__body,
body.home-page #database .hm-product-card__body,
body.home-page #news .section-header__view-all {
  position: relative;
}

body.home-page #buy-timing.section--buy-time,
body.home-page #database .hm-db-rail,
body.home-page #database .hm-product-rail {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

body.home-page #database .hm-db-card__body,
body.home-page #database .hm-product-card__body {
  border-top-color: transparent !important;
}

body.home-page #news .section-header__view-all {
  border-color: transparent !important;
}

body.home-page #buy-timing .hm-buy-timing-card::before {
  height: 1px !important;
  background: var(--hm-rule-line-bg) !important;
  transform-origin: left center !important;
}

body.home-page #database .hm-db-rail::before,
body.home-page #database .hm-db-rail::after,
body.home-page #database .hm-product-rail::before,
body.home-page #database .hm-product-rail::after,
body.home-page #database .hm-db-card__body::before,
body.home-page #database .hm-product-card__body::before,
body.home-page #news .section-header__view-all::before,
body.home-page #news .section-header__view-all::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  height: 1px;
  pointer-events: none;
  background: var(--hm-rule-line-bg-soft);
  opacity: 0.76;
  transform: scaleX(1);
  transform-origin: left center;
}

body.home-page #database .hm-db-rail::before,
body.home-page #database .hm-product-rail::before,
body.home-page #database .hm-db-card__body::before,
body.home-page #database .hm-product-card__body::before,
body.home-page #news .section-header__view-all::before {
  top: 0;
}

body.home-page #database .hm-db-rail::after,
body.home-page #database .hm-product-rail::after,
body.home-page #news .section-header__view-all::after {
  bottom: 0;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.home-page main > #home-latest .hm-latest-articles__item:is(:hover, :focus-within)::after,
  body.home-page .home-route:is(:hover, :focus-visible)::before,
  body.home-page .news-list--briefing .news-item:is(:hover, :focus-within)::after,
  body.home-page .hm-ranking-section .ranking-item:is(:hover, :focus-within)::after,
  body.home-page .hm-buy-timing-card:is(:hover, :focus-visible)::before,
  body.home-page .hm-product-card:is(:hover, :focus-visible)::before,
  body.home-page .hm-product-card:is(:hover, :focus-visible)::after,
  body.home-page #database .hm-db-card:is(:hover, :focus-visible) .hm-db-card__body::before,
  body.home-page #database .hm-product-card:is(:hover, :focus-visible) .hm-product-card__body::before,
  body.home-page #news .section-header__view-all:is(:hover, :focus-visible)::before,
  body.home-page #news .section-header__view-all:is(:hover, :focus-visible)::after {
    animation: hm-line-response 920ms var(--hm-rule-ease) both !important;
    animation-timeline: auto !important;
    background: var(--hm-rule-line-bg);
    opacity: 0.9;
  }

  body.home-page .hm-buy-timing-card:is(:hover, :focus-visible)::before {
    animation-name: hm-line-response-strong !important;
  }

  body.home-page .hm-latest-articles__more a:is(:hover, :focus-visible),
  body.home-page .hm-buy-timing-panel__link:is(:hover, :focus-visible),
  body.home-page .hm-buy-all:is(:hover, :focus-visible),
  body.home-page .hm-ranking-toggle:is(:hover, :focus-visible),
  body.home-page .home-track-links a:is(:hover, :focus-visible),
  body.home-page .hm-product-card:is(:hover, :focus-visible) > .product-image-stage {
    background-image: var(--hm-rule-line-bg);
    background-size: 100% 1px;
  }
}

@supports (animation-timeline: view()) {
  body.home-page main > .section[data-reveal="section"],
  body.home-page main > #home-latest[data-reveal="section"] {
    view-timeline-name: --hm-existing-section-rule;
    view-timeline-axis: block;
  }

  body.home-page main > .section[data-reveal="section"]::before,
  body.home-page main > #home-latest[data-reveal="section"]::before,
  .reveal-ready body.home-page main > .section[data-reveal="section"]:not(.is-visible)::before,
  .reveal-ready body.home-page main > #home-latest[data-reveal="section"]:not(.is-visible)::before,
  .reveal-ready body.home-page main > .section[data-reveal="section"].is-visible::before,
  .reveal-ready body.home-page main > #home-latest[data-reveal="section"].is-visible::before {
    opacity: 1;
    transition: none;
    animation: hm-existing-section-rule-scroll linear both;
    animation-timeline: --hm-existing-section-rule;
    animation-range: entry 0% cover 88%;
  }

  body.home-page main > .section[data-reveal="section"]::after,
  body.home-page main > #home-latest[data-reveal="section"]::after {
    animation: hm-line-field-scroll linear both;
    animation-timeline: --hm-existing-section-rule;
    animation-range: entry -12% cover 118%;
  }

  body.home-page .home-hero--cover::before {
    animation: hm-hero-backdrop-lines-scroll linear both;
    animation-timeline: scroll(root block);
    animation-range: 0 680px;
  }

  body.home-page .home-hero--cover::after {
    animation: hm-hero-backdrop-vertical-scroll linear both;
    animation-timeline: scroll(root block);
    animation-range: 0 680px;
  }

  body.home-page .hm-timeline-section {
    view-timeline-name: --hm-existing-timeline-rule;
    view-timeline-axis: block;
  }

  body.home-page .hm-timeline-section .hm-timeline__frame {
    animation-timeline: --hm-existing-timeline-rule;
    animation-range: entry 8% cover 36%;
  }

  body.home-page main > #home-latest {
    view-timeline-name: --hm-latest-lines;
    view-timeline-axis: block;
  }

  body.home-page main > #home-latest .hm-latest-articles__list {
    view-timeline-name: --hm-latest-list-line;
    view-timeline-axis: block;
  }

  body.home-page main > #home-latest .hm-latest-articles__item {
    view-timeline-name: --hm-latest-row-line;
    view-timeline-axis: block;
  }

  body.home-page main > #home-latest .hm-latest-articles__list::before,
  .reveal-ready body.home-page main > #home-latest:not(.is-visible) .hm-latest-articles__list::before,
  .reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__list::before {
    animation: hm-existing-list-rule-scroll linear both;
    animation-delay: 0ms;
    animation-timeline: --hm-latest-list-line;
    animation-range: entry 0% cover 90%;
  }

	  body.home-page main > #home-latest .hm-latest-articles__item::after,
	  .reveal-ready body.home-page main > #home-latest:not(.is-visible) .hm-latest-articles__item::after,
	  .reveal-ready body.home-page main > #home-latest.is-visible .hm-latest-articles__item::after {
	    animation: hm-existing-list-rule-scroll linear both;
	    animation-delay: 0ms;
	    animation-timeline: --hm-latest-row-line;
	    animation-range: entry 0% cover 90%;
	  }

  body.home-page main > .home-editor-note,
  body.home-page .home-editor-note .container,
  body.home-page .home-route-nav,
  body.home-page .home-route,
  body.home-page .news-list--briefing,
  body.home-page .news-list--briefing .news-item,
  body.home-page .hm-ranking-section .ranking-item,
  body.home-page .hm-buy-timing-card,
  body.home-page .hm-product-card,
  body.home-page .home-track-links,
  body.home-page .hm-rumor-card,
  body.home-page .hm-timeline__detail-head,
  body.home-page .home-editor-note__rule,
  body.home-page .hm-db-rail__hint-line,
  body.home-page .hm-timeline__hint span:nth-child(2) {
    view-timeline-name: --hm-page-line-flow;
    view-timeline-axis: block;
  }

  body.home-page #database .hm-db-rail,
  body.home-page #database .hm-product-rail,
  body.home-page #database .hm-db-card__body,
  body.home-page #database .hm-product-card__body,
  body.home-page #news .section-header__view-all {
    view-timeline-name: --hm-page-line-flow;
    view-timeline-axis: block;
  }

  body.home-page main > .home-editor-note::before,
  body.home-page .home-editor-note .container::before,
  body.home-page .home-route-nav::before,
  body.home-page .home-route-nav::after,
  body.home-page .home-route:not(:first-child)::before,
  body.home-page .news-list--briefing::before,
  body.home-page .news-list--briefing .news-item::after,
  body.home-page .hm-ranking-section .ranking-item::after,
  body.home-page .hm-buy-timing-card::before,
  body.home-page .hm-product-card::before,
  body.home-page .hm-product-card::after,
  body.home-page .home-track-links::before,
  body.home-page #rumors .home-track-links::after,
  body.home-page .hm-timeline__detail-head::after,
  body.home-page .home-editor-note__rule,
  body.home-page .hm-db-rail__hint-line,
  body.home-page .hm-timeline__hint span:nth-child(2),
  body.home-page #database .hm-db-rail::before,
  body.home-page #database .hm-db-rail::after,
  body.home-page #database .hm-product-rail::before,
  body.home-page #database .hm-product-rail::after,
  body.home-page #database .hm-db-card__body::before,
  body.home-page #database .hm-product-card__body::before,
  body.home-page #news .section-header__view-all::before,
  body.home-page #news .section-header__view-all::after {
    animation: hm-existing-list-rule-scroll linear both;
    animation-delay: 0ms;
    animation-timeline: --hm-page-line-flow;
    animation-range: entry 0% cover 86%;
  }

}

@keyframes hm-line-field-scroll {
  0% {
    opacity: 0.2;
    transform: translate3d(-14%, 0, 0);
  }

  50% {
    opacity: 0.62;
    transform: translate3d(1%, 0, 0);
  }

  100% {
    opacity: 0.44;
    transform: translate3d(12%, 0, 0);
  }
}

@keyframes hm-hero-backdrop-lines-scroll {
  0% {
    opacity: 0.62;
    transform: translate3d(-4%, 0, 0) scaleX(1);
  }

  100% {
    opacity: 0.52;
    transform: translate3d(7%, 0, 0) scaleX(1);
  }
}

@keyframes hm-hero-backdrop-vertical-scroll {
  0% {
    opacity: 0.62;
    transform: translate3d(0, -6%, 0) scaleY(1);
  }

  100% {
    opacity: 0.5;
    transform: translate3d(0, 12%, 0) scaleY(1);
  }
}

@keyframes hm-line-ambient-sweep {
  0%,
  62% {
    opacity: 0;
    transform: scaleX(0.18);
  }

  70% {
    opacity: 0.82;
    transform: scaleX(0.72);
  }

  82% {
    opacity: 0.36;
    transform: scaleX(1);
  }

  100% {
    opacity: 0;
    transform: scaleX(1);
  }
}

@keyframes hm-line-response {
  0% {
    opacity: 0.18;
    transform: scaleX(0.08);
  }

  48% {
    opacity: 1;
    transform: scaleX(1);
  }

  100% {
    opacity: 0.82;
    transform: scaleX(1);
  }
}

@keyframes hm-line-response-strong {
  0% {
    opacity: 0.24;
    transform: scaleX(0.08);
  }

  52% {
    opacity: 1;
    transform: scaleX(1);
  }

  100% {
    opacity: 0.96;
    transform: scaleX(1);
  }
}

@keyframes hm-hero-backdrop-lines {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }

  68% {
    opacity: 0.78;
    transform: scaleX(1);
  }

  100% {
    opacity: 0.72;
    transform: scaleX(1);
  }
}

@keyframes hm-hero-backdrop-vertical {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }

  72% {
    opacity: 0.62;
    transform: scaleY(1);
  }

  100% {
    opacity: 0.58;
    transform: scaleY(1);
  }
}

@keyframes hm-existing-section-rule-scroll {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }

  48% {
    opacity: 1;
    transform: scaleX(1);
  }

  100% {
    opacity: 0.9;
    transform: scaleX(1);
  }
}

@keyframes hm-existing-timeline-rule {
  0% {
    opacity: 0.16;
    transform: translateY(-50%) scaleX(0.06);
  }

  68% {
    opacity: 1;
    transform: translateY(-50%) scaleX(1);
  }

  100% {
    opacity: 0.96;
    transform: translateY(-50%) scaleX(1);
  }
}

@keyframes hm-existing-list-rule {
  0% {
    opacity: 0.12;
    transform: scaleX(0.04);
  }

  46% {
    opacity: 1;
    transform: scaleX(1);
  }

  100% {
    opacity: 0.74;
    transform: scaleX(1);
  }
}

@keyframes hm-existing-list-rule-scroll {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }

  72% {
    opacity: 1;
    transform: scaleX(1);
  }

	  100% {
	    opacity: 0.68;
	    transform: scaleX(1);
	  }
	}

@keyframes hm-existing-frame-rule {
  0% {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }

  100% {
    border-top-color: var(--hm-lane-line);
    border-bottom-color: var(--hm-lane-line);
  }
}

@media (max-width: 760px) {
  body.home-page {
    --hm-rule-solid: color-mix(in srgb, var(--text) 42%, transparent);
    --hm-section-radius: 22px;
    --hm-field-grid-line: color-mix(in srgb, var(--text) 6%, transparent);
    --hm-field-grid-x: 56px;
    --hm-field-grid-y: 44px;
  }

  body.home-page main > .section[data-reveal="section"],
  body.home-page main > #home-latest[data-reveal="section"] {
    --hm-field-line: color-mix(in srgb, var(--hm-section-accent) 21%, transparent);
    --hm-field-mark-line: color-mix(in srgb, var(--hm-section-accent) 39%, transparent);
  }

  body.home-page .home-hero--cover::before {
    right: 14px;
    left: 14px;
    height: clamp(190px, 54vw, 300px);
  }

  body.home-page .home-hero--cover::after {
    left: 14px;
  }

	  body.home-page .hm-timeline {
	    --hm-lane-line: color-mix(in srgb, var(--text) 22%, transparent);
	    --hm-lane-line-soft: color-mix(in srgb, var(--text) 12%, transparent);
	  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page main > .section[data-reveal="section"]::before,
  body.home-page main > .section[data-reveal="section"]::after,
	  body.home-page main > #home-latest[data-reveal="section"]::before,
	  body.home-page main > #home-latest[data-reveal="section"]::after,
	  body.home-page main > #home-latest .hm-latest-articles__list::before,
	  body.home-page main > #home-latest .hm-latest-articles__item::after,
  body.home-page .home-hero--cover::before,
  body.home-page .home-hero--cover::after,
  body.home-page .home-cover-rotator::before,
  body.home-page .home-cover__rule,
  body.home-page .home-cover-rotator__count-rule,
  body.home-page main > .home-editor-note::before,
  body.home-page .home-editor-note .container::before,
  body.home-page .home-editor-note__rule,
  body.home-page .home-route-nav::before,
  body.home-page .home-route-nav::after,
  body.home-page .home-route:not(:first-child)::before,
  body.home-page .news-list--briefing::before,
  body.home-page .news-list--briefing .news-item::after,
  body.home-page .hm-ranking-section .ranking-item::after,
  body.home-page .hm-buy-timing-card::before,
  body.home-page .hm-product-card::before,
  body.home-page .hm-product-card::after,
  body.home-page .home-track-links::before,
  body.home-page #rumors .home-track-links::after,
  body.home-page .hm-rumor-card::before,
  body.home-page .hm-timeline__detail-head::after,
  body.home-page .hm-db-rail__hint-line,
  body.home-page .hm-timeline__hint span:nth-child(2),
  body.home-page #database .hm-db-rail::before,
  body.home-page #database .hm-db-rail::after,
  body.home-page #database .hm-product-rail::before,
  body.home-page #database .hm-product-rail::after,
  body.home-page #database .hm-db-card__body::before,
  body.home-page #database .hm-product-card__body::before,
  body.home-page #news .section-header__view-all::before,
  body.home-page #news .section-header__view-all::after,
	  body.home-page .hm-timeline__dot-cell::before,
	  body.home-page .hm-timeline__frame {
	    animation: none;
	    opacity: 1;
	    transform: none;
	    transition: none;
	  }

  body.home-page .hm-latest-articles__more a,
  body.home-page .home-editor-note__sig,
  body.home-page .hm-buy-timing-panel__link,
  body.home-page .hm-buy-all,
  body.home-page .hm-ranking-toggle,
  body.home-page .home-track-links a,
  body.home-page .hm-rumor-card,
  body.home-page .hm-product-card > .product-image-stage {
    animation: none;
    background-size: 100% 1px;
  }

  body.home-page main > .section[data-reveal="section"]::after,
  body.home-page main > #home-latest[data-reveal="section"]::after {
    opacity: 0.34;
  }

	  body.home-page .hm-timeline__dot-cell::before {
	    transform: translateY(-50%);
	  }
}