/* Approved gold-arc treatment, scoped entirely to the homepage hero. */
.reading-intro.ve-motion-hero {
  position: relative;
  isolation: isolate;
  display: block;
  height: clamp(680px, 75vh, 720px);
  min-height: 680px;
  overflow: hidden;
  background: #151d18;
  color: #f5f3e9;
  font-family: "VE Noto Sans SC", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;
}
.reading-intro.ve-motion-hero *, .reading-intro.ve-motion-hero *::before, .reading-intro.ve-motion-hero *::after { box-sizing: border-box; }
.reading-intro.ve-motion-hero ::selection { color: #182019; background: #dfc984; }
.reading-intro.ve-motion-hero :focus-visible { outline: 2px solid #dfc984; outline-offset: 5px; }
.reading-intro.ve-motion-hero .intro-visual { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; margin: 0; }
.reading-intro.ve-motion-hero .intro-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 64% 45%; opacity: .68; transform: scale(1.035); mask-image: none; }
.reading-intro.ve-motion-hero .intro-visual::after { content: ""; position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg,#151d18 0%,rgb(21 29 24 / .91) 24%,rgb(21 29 24 / .26) 66%,rgb(21 29 24 / .12)),linear-gradient(0deg,#151d18 0%,rgb(21 29 24 / .83) 24%,transparent 68%); pointer-events: none; }
.reading-intro.ve-motion-hero .intro-visual figcaption { position: absolute; z-index: 1; top: 65px; right: max(40px, calc((100% - 1180px) / 2)); bottom: auto; margin: 0; padding: 0; color: #d2d8cc; background: none; border-radius: 0; font-size: 10px; letter-spacing: .04em; }
.reading-intro.ve-motion-hero .intro-inner { position: relative; z-index: 4; width: min(1180px, calc(100% - 80px)); margin: 0 auto; padding: 61px 0 0; }
.reading-intro.ve-motion-hero .intro-copy { width: min(540px, 56%); }
.reading-intro.ve-motion-hero h1 { margin: 0 0 18px; font-size: clamp(46px, 4.7vw, 64px); font-weight: 300; line-height: 1.27; letter-spacing: -.035em; color: #f5f3e9; text-wrap: balance; }
.reading-intro.ve-motion-hero .intro-copy > p { margin: 0; color: #d9ded4; font-size: 18px; line-height: 1.75; font-weight: 300; letter-spacing: .025em; }
.reading-intro.ve-motion-hero .home-search { margin-top: 25px; }
.reading-intro.ve-motion-hero .home-search label { margin-bottom: 8px; color: #d9ded4; font-size: 12px; }
.reading-intro.ve-motion-hero .home-search > div { gap: 6px; }
.reading-intro.ve-motion-hero .home-search input { background: #f7f7f0; border-color: #f7f7f0; color: #222521; caret-color: #805e21; }
.reading-intro.ve-motion-hero .home-search input::placeholder { color: #666b65; opacity: 1; }
.reading-intro.ve-motion-hero .home-search .search-icon { color: #50564f; }
.reading-intro.ve-motion-hero .home-search button { min-width: 96px; background: #f7f7f0; color: #232a24; border-color: #f7f7f0; }
.reading-intro.ve-motion-hero .home-search button:hover { background: #e8ddbb; border-color: #e8ddbb; }
.reading-intro.ve-motion-hero .home-search p { color: #cbd2c4; font-size: 11px; margin-top: 8px; }
.reading-intro.ve-motion-hero .hero-motion-controls { position: absolute; z-index: 7; top: 14px; right: max(40px, calc((100% - 1180px) / 2)); display: flex; align-items: center; gap: 22px; color: #d2d8cc; }
.reading-intro.ve-motion-hero .hero-motion-controls[hidden] { display: none; }
.reading-intro.ve-motion-hero .hero-motion-controls button { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 4px 0; border: 0; border-radius: 0; background: none; color: inherit; font-size: 11px; font-weight: 400; cursor: pointer; }
.reading-intro.ve-motion-hero .hero-motion-controls button:hover:not(:disabled) { color: #f0e2b9; }
.reading-intro.ve-motion-hero .hero-motion-controls button:disabled { color: #b6beae; cursor: default; opacity: 1; }
.reading-intro.ve-motion-hero .hero-motion-controls svg { width: 12px; height: 12px; }
.reading-intro.ve-motion-hero .hero-horizon { position: absolute; z-index: 2; bottom: 62px; left: -3%; width: 106%; height: 280px; }
.reading-intro.ve-motion-hero .hero-horizon > svg { display: block; width: 100%; height: 100%; overflow: visible; }
.reading-intro.ve-motion-hero .hero-orbit-track { fill: none; stroke: #b59f5a; stroke-width: .8; opacity: .5; }
.reading-intro.ve-motion-hero .hero-orbit-secondary { fill: none; stroke: #d1c291; stroke-width: .6; opacity: .13; }
.reading-intro.ve-motion-hero .hero-orbit-glow { fill: none; stroke: #d7bf79; stroke-width: 15; opacity: .13; filter: url(#hero-arc-softness); }
.reading-intro.ve-motion-hero .hero-orbit-comet { fill: none; stroke: #f0e1b7; stroke-width: 1.8; stroke-linecap: round; stroke-dasharray: 9 100; stroke-dashoffset: -11; }
.reading-intro.ve-motion-hero .hero-orbit-comet-blur { stroke-width: 8; opacity: .45; filter: url(#hero-arc-softness); }
.reading-intro.ve-motion-hero .hero-horizon-labels { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.reading-intro.ve-motion-hero .hero-direction { position: absolute; left: 16%; top: 62.86%; transform: translate(-50%, -100%); min-width: 0; padding: 0 0 28px; border: 0; border-radius: 0; background: transparent; color: #c2c7b9; text-align: left; pointer-events: auto; font-weight: 300; cursor: pointer; }
.reading-intro.ve-motion-hero .hero-direction:nth-child(2) { left: 50%; top: 52%; }
.reading-intro.ve-motion-hero .hero-direction:nth-child(3) { left: 84%; }
.reading-intro.ve-motion-hero .hero-direction:disabled { cursor: default; opacity: 1; }
.reading-intro.ve-motion-hero .hero-direction::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 1px; height: 21px; background: #aaa487; opacity: .35; transition: opacity .45s; }
.reading-intro.ve-motion-hero .hero-direction-label { display: block; border: 1px solid #a59c714d; background: #202b23eb; padding: 10px 17px 11px; transition: border-color .45s, color .45s, background-color .45s; font-size: 15px; letter-spacing: .025em; line-height: 1.65; }
.reading-intro.ve-motion-hero .hero-direction-sub { display: block; margin-top: 4px; font-size: 10px; line-height: 1.6; color: #c3c9bc; letter-spacing: .03em; }
.reading-intro.ve-motion-hero .hero-direction.is-active .hero-direction-label { border-color: #cfb975; color: #f0e2b9; background: #2b3327; }
.reading-intro.ve-motion-hero .hero-direction.is-active::after { opacity: 1; background: #e8d391; }
.reading-intro.ve-motion-hero .hero-direction:hover:not(:disabled) .hero-direction-label { color: #fff6dd; border-color: #e2cf96; }
.reading-intro.ve-motion-hero .hero-orbit-pin { fill: #b8aa73; }
.reading-intro.ve-motion-hero .hero-pin-halo { fill: #dac68b; opacity: .12; }
.reading-intro.ve-motion-hero .hero-brand-reveal { position: absolute; z-index: 1; bottom: -7px; left: 0; width: 100%; text-align: center; overflow: hidden; pointer-events: none; }
.reading-intro.ve-motion-hero .hero-brand-wordmark { margin: 0; color: #acb49d; opacity: .14; font-weight: 300; font-size: clamp(76px, 12.75vw, 230px); letter-spacing: .035em; line-height: 1.1; white-space: nowrap; }
.reading-intro.ve-motion-hero .hero-bottom { position: absolute; z-index: 6; bottom: 25px; left: max(40px, calc((100% - 1180px) / 2)); right: max(40px, calc((100% - 1180px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.reading-intro.ve-motion-hero .hero-direction-reading { margin: 0; color: #e0decf; font-size: 13px; line-height: 1.8; }
.reading-intro.ve-motion-hero .hero-direction-reading strong { font-weight: 400; color: #e4d095; margin-right: 16px; }
.reading-intro.ve-motion-hero .hero-motion-caption { color: #bcc4b5; font-size: 10px; white-space: nowrap; }
@media (max-width: 1060px) {
  .reading-intro.ve-motion-hero .intro-inner { width: calc(100% - 56px); padding-top: 66px; }
  .reading-intro.ve-motion-hero .intro-copy { width: min(540px, 64%); }
  .reading-intro.ve-motion-hero .hero-motion-controls, .reading-intro.ve-motion-hero .intro-visual figcaption { right: 28px; }
  .reading-intro.ve-motion-hero .hero-bottom { left: 28px; right: 28px; }
  .reading-intro.ve-motion-hero .intro-visual img { object-position: 67% center; }
}
@media (max-width: 700px) {
  .reading-intro.ve-motion-hero { height: 760px; min-height: 760px; }
  .reading-intro.ve-motion-hero .intro-inner { width: calc(100% - 40px); padding-top: 64px; }
  .reading-intro.ve-motion-hero .intro-copy { width: min(540px, 100%); }
  .reading-intro.ve-motion-hero h1 { font-size: clamp(43px, 10vw, 56px); line-height: 1.3; margin-bottom: 15px; }
  .reading-intro.ve-motion-hero .intro-copy > p { font-size: 15px; letter-spacing: 0; }
  .reading-intro.ve-motion-hero .home-search { margin-top: 24px; }
  .reading-intro.ve-motion-hero .home-search input { font-size: 16px; padding-right: 8px; }
  .reading-intro.ve-motion-hero .home-search button { min-width: 74px; gap: 10px; padding: 11px 13px; font-size: 13px; }
  .reading-intro.ve-motion-hero .hero-motion-controls { top: 10px; right: 20px; gap: 20px; }
  .reading-intro.ve-motion-hero .hero-motion-controls button { min-height: 38px; font-size: 10px; }
  .reading-intro.ve-motion-hero .intro-visual img { object-position: 73% center; }
  .reading-intro.ve-motion-hero .intro-visual::after { background: linear-gradient(180deg,#151d18 0%,#151d18de 22%,#151d184d 47%,#151d18d9 72%,#151d18 92%),linear-gradient(90deg,#151d1860,transparent); }
  .reading-intro.ve-motion-hero .intro-visual figcaption { top: 400px; right: 20px; font-size: 9px; }
  .reading-intro.ve-motion-hero .hero-horizon { left: 0; width: 100%; height: 260px; bottom: 78px; }
  .reading-intro.ve-motion-hero .hero-direction { padding-bottom: 38px; }
  .reading-intro.ve-motion-hero .hero-direction::after { height: 31px; }
  .reading-intro.ve-motion-hero .hero-direction-label { font-size: 12px; padding: 9px 10px 10px; white-space: nowrap; }
  .reading-intro.ve-motion-hero .hero-direction-sub { font-size: 9px; margin-top: 4px; letter-spacing: 0; }
  .reading-intro.ve-motion-hero .hero-bottom { left: 20px; right: 20px; bottom: 35px; display: block; }
  .reading-intro.ve-motion-hero .hero-direction-reading { font-size: 12px; min-height: 44px; max-width: 320px; }
  .reading-intro.ve-motion-hero .hero-direction-reading strong { display: block; margin: 0; }
  .reading-intro.ve-motion-hero .hero-motion-caption { display: none; }
  .reading-intro.ve-motion-hero .hero-brand-reveal { bottom: 5px; }
  .reading-intro.ve-motion-hero .hero-brand-wordmark { font-size: 13vw; letter-spacing: .025em; opacity: .11; }
}
@media (max-width: 380px) {
  .reading-intro.ve-motion-hero .hero-direction-label { font-size: 11px; padding-left: 8px; padding-right: 8px; }
  .reading-intro.ve-motion-hero .hero-direction-sub { font-size: 8.5px; }
  .reading-intro.ve-motion-hero .home-search input { padding-left: 35px; font-size: 16px; }
  .reading-intro.ve-motion-hero .home-search .search-icon { left: 10px; width: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .reading-intro.ve-motion-hero .intro-visual img { transform: none; }
  .reading-intro.ve-motion-hero .hero-direction-label, .reading-intro.ve-motion-hero .hero-direction::after { transition: none; }
}