#renewal-home .hero-carousel { position: relative; height: 100%; pointer-events: auto; }
#renewal-home .hero-slides { position: absolute; inset: 0 0 40px; overflow: hidden; border-radius: 24px; }
#renewal-home .hero-slide { position: absolute; inset: 0; visibility: hidden; opacity: 0; transform: translateX(40px); transition: opacity .55s, transform .55s, visibility .55s; }
#renewal-home .hero-slide.is-current { visibility: visible; opacity: 1; transform: translateX(0); }
#renewal-home .hero-slide img { position: static; width: 100%; height: 100%; object-fit: cover; }
#renewal-home .hero-slide .hero-sedan { object-fit: contain; transform: scale(1.15); }
#renewal-home .hero-carousel-controls { position: absolute; bottom: 0; right: 12px; display: flex; align-items: center; gap: 10px; font-size: 12px; }
#renewal-home .hero-carousel-controls button { min-width: 44px; min-height: 44px; border: 1px solid #081c3720; border-radius: 99px; background: #ffffffeb; padding: 0 12px; }
#renewal-home .hero-carousel-controls button:hover { background: var(--mint-light); }
#renewal-home .hero-carousel-controls span { min-width: 36px; text-align: center; font-variant-numeric: tabular-nums; }
#renewal-home .editorial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; }
#renewal-home .editorial-card { min-width: 0; }
#renewal-home .editorial-feature { grid-column: span 2; }
#renewal-home .editorial-feature .editorial-cover { height: 360px; }
#renewal-home .magazine-swipe { display: none; }
#renewal-home .process-scroll { padding: 0; height: 310svh; min-height: 1400px; }
#renewal-home .process-sticky { position: sticky; top: 0; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 64px; padding-bottom: 40px; }
#renewal-home .process-sticky .section-heading { width: 100%; text-align: center; justify-content: center; margin-bottom: 48px; }
#renewal-home .process-sticky h2 { font-size: clamp(40px,4.5vw,68px); line-height: 1.18; }
#renewal-home .process-layout { width: min(1120px,100%); display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 56px; }
#renewal-home .process-artwork { position: relative; aspect-ratio: 1; width: 100%; max-width: 500px; justify-self: center; border-radius: 28px; overflow: hidden; background: #f8faf7; }
#renewal-home .process-scene { position: absolute; inset: 0; background-image: url('/newweb/assets/process-storyboard-v2.png'); background-size: 200% 200%; opacity: 0; transform: scale(.96); transition: opacity .5s,transform .5s; }
#renewal-home .process-scene.is-current { opacity: 1; transform: scale(1); }
.process-scene-photo { background-position: left top; }
.process-scene-compare { background-position: right top; }
.process-scene-inspect { background-position: left bottom; }
.process-scene-handover { background-position: right bottom; }
#renewal-home .process-window { width: 100%; height: 360px; overflow: hidden; }
#renewal-home .process-lines { padding: 0; margin: 0; list-style: none; transform: translateY(90px); transition: transform .5s ease-out; }
#renewal-home .process-lines li { display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px; height: 180px; color: #9aafc5; opacity: .35; font-weight: 750; letter-spacing: -.04em; transition: opacity .4s,color .4s; }
#renewal-home .process-lines h3 { margin: 0; font-size: clamp(30px,2.8vw,42px); line-height: 1.2; }
#renewal-home .process-lines p { margin: 18px 0 0; font-size: 21px; word-break: keep-all; line-height: 1.65; font-weight: 450; letter-spacing: -.025em; color: #d1deeb; opacity: 0; transition: opacity .4s; }
#renewal-home .process-lines .is-current p { opacity: 1; }
#renewal-home .process-lines li.is-current { opacity: 1; color: #fff; }
#renewal-home .process-lines span { padding-top: 7px; font-size: 26px; color: #7edec7; font-variant-numeric: tabular-nums; }
#renewal-home .process-scroll[data-step="1"] .process-lines { transform: translateY(-90px); }
#renewal-home .process-scroll[data-step="2"] .process-lines { transform: translateY(-270px); }
#renewal-home .process-scroll[data-step="3"] .process-lines { transform: translateY(-450px); }
#renewal-home .process-note { font-size: 16px; line-height: 1.6; margin-top: 24px; }
#renewal-home .company-principles { list-style: none; margin: 0; padding: 0; display: flex; width: 100%; max-width: 1040px; gap: 36px; }
#renewal-home .company-principles li { flex: 1; padding: 24px 0; border-top: 1px solid #167b6540; }
#renewal-home .company-principles strong { display: block; font-size: 25px; }
#renewal-home .company-principles span { display: block; margin-top: 12px; font-size: 16px; color: var(--mint-ink); }
@media (max-width: 740px) {
  #renewal-home .hero-slides { inset: 0 16px 48px; border-radius: 18px; }
  #renewal-home .hero-carousel-controls { right: 20px; gap: 6px; }
  #renewal-home .hero-carousel-controls button { padding: 0 10px; }
  #renewal-home .editorial-grid { display: flex; overflow-x: auto; }
  #renewal-home .editorial-feature .editorial-cover { height: 240px; }
  #renewal-home .magazine-swipe { display: block; }
  #renewal-home .process-scroll { height: 280svh; min-height: 1500px; }
  #renewal-home .process-sticky { padding-top: 64px; padding-bottom: 24px; }
  #renewal-home .process-sticky .section-heading { margin-bottom: 20px; }
  #renewal-home .process-sticky h2 { font-size: 34px; }
  #renewal-home .process-layout { grid-template-columns: minmax(0,1fr); gap: 16px; }
  #renewal-home .process-artwork { width: min(240px,100%); justify-self: center; border-radius: 20px; }
  #renewal-home .process-window { height: 220px; }
  #renewal-home .process-lines li { gap: 12px; }
  #renewal-home .process-lines h3 { font-size: 30px; }
  #renewal-home .process-lines p { font-size: 17px; line-height: 1.55; margin-top: 12px; }
  #renewal-home .process-lines span { font-size: 20px; padding-top: 4px; }
  #renewal-home .process-note { font-size: 14px; margin-top: 12px; }
  #renewal-home .process-lines { transform: translateY(20px); }
  #renewal-home .process-scroll[data-step="1"] .process-lines { transform: translateY(-160px); }
  #renewal-home .process-scroll[data-step="2"] .process-lines { transform: translateY(-340px); }
  #renewal-home .process-scroll[data-step="3"] .process-lines { transform: translateY(-520px); }
  #renewal-home .company-principles { display: block; }
  #renewal-home .company-principles li { padding: 20px 0; }
  #renewal-home .company-principles strong { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  #renewal-home .hero-slide { transition: none; transform: none; }
  #renewal-home .process-scroll { height: auto; min-height: 0; }
  #renewal-home .process-sticky { position: static; min-height: 0; }
  #renewal-home .process-window { height: auto; overflow: visible; }
  #renewal-home .process-scroll .process-lines, #renewal-home .process-scroll[data-step] .process-lines { transform: none; transition: none; }
  #renewal-home .process-lines li { opacity: 1; color: #fff; transition: none; }
  #renewal-home .process-lines p { opacity: 1; transition: none; }
  #renewal-home .process-scene { transition: none; transform: none; }
}