/* Service journey: real company photography with a single guided interaction. */
.hc-page-corporate--service .hc-service-story { padding:46px clamp(24px,4.2vw,56px) 30px; border-top:1px solid #cfd8d9; background:#f3f5f4; color:#172126; }
.hc-page-corporate--service .hc-service-story-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.7fr); align-items:end; gap:40px; margin-bottom:28px; }
.hc-page-corporate--service .hc-service-story-kicker { color:#a91b34; font-size:11px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.hc-page-corporate--service .hc-service-story-head h3 { max-width:19ch; margin:12px 0 0; font-size:clamp(32px,3.2vw,45px); font-weight:680; letter-spacing:-.045em; line-height:1.08; }
.hc-page-corporate--service .hc-service-story-head p { max-width:50ch; margin:0 0 3px; color:#526169; font-size:16px; line-height:1.52; }
.hc-page-corporate--service .hc-story-experience { display:grid; min-height:460px; grid-template-columns:minmax(0,1.38fr) minmax(345px,.72fr); border:1px solid #cdd6d8; background:#172126; }
.hc-page-corporate--service .hc-story-visual { position:relative; min-width:0; min-height:460px; overflow:hidden; isolation:isolate; background:#233239; }
.hc-page-corporate--service .hc-story-frame { position:absolute; inset:0; opacity:0; transform:scale(1.045); transition:opacity .48s ease,transform 2.4s cubic-bezier(.16,1,.3,1); }
.hc-page-corporate--service .hc-story-frame.is-active { opacity:1; transform:scale(1); }
.hc-page-corporate--service .hc-story-frame img { display:block; width:100%; height:100%; object-fit:cover; }
.hc-page-corporate--service .hc-story-frame--fleet img { object-position:center 58%; }
.hc-page-corporate--service .hc-story-frame--yard img { object-position:center 60%; }
.hc-page-corporate--service .hc-story-frame--inspect img { transform:scale(1.31); transform-origin:77% 69%; object-position:center 60%; }
.hc-page-corporate--service .hc-story-visual-top { position:absolute; z-index:2; top:25px; right:25px; left:25px; display:flex; align-items:start; justify-content:space-between; gap:18px; color:#fff; }
.hc-page-corporate--service .hc-story-visual-top > span { padding:8px 11px; background:rgba(18,31,36,.86); font-size:10px; font-weight:730; letter-spacing:.09em; line-height:1.25; text-transform:uppercase; }
.hc-page-corporate--service .hc-story-visual-top strong { padding:6px 9px; background:rgba(18,31,36,.86); font-size:20px; font-weight:690; font-variant-numeric:tabular-nums; line-height:1.2; }
.hc-page-corporate--service .hc-story-visual-top small { color:#bdc9cc; font-size:11px; }
.hc-page-corporate--service .hc-story-route { position:absolute; z-index:2; right:0; bottom:40px; left:0; display:flex; height:56px; align-items:center; gap:17px; padding:0 25px; background:rgba(18,31,36,.91); color:#d9e4e6; }
.hc-page-corporate--service .hc-story-route > span { flex:none; font-size:10px; font-weight:720; letter-spacing:.08em; text-transform:uppercase; }
.hc-page-corporate--service .hc-story-route-track { position:relative; height:28px; flex:1; }
.hc-page-corporate--service .hc-story-route-line { position:absolute; top:16px; right:0; left:0; height:1px; background:#87999e; }
.hc-page-corporate--service .hc-story-route-van { position:absolute; top:0; left:0; width:44px; height:27px; color:#fff; transform:translateX(0); }
.hc-page-corporate--service .hc-story-photo-caption { position:absolute; z-index:2; right:0; bottom:0; left:0; padding:14px 25px; background:rgba(18,31,36,.92); color:#edf3f3; font-size:12px; font-weight:600; line-height:1.4; }
.hc-page-corporate--service .hc-story-scan { position:absolute; top:30%; right:14%; width:28%; height:38%; min-width:130px; border:1px solid rgba(255,255,255,.92); opacity:0; transform:translateY(12px); transition:opacity .5s ease .25s,transform .5s ease .25s; }
.hc-page-corporate--service .hc-story-frame--inspect.is-active .hc-story-scan { opacity:1; transform:translateY(0); }
.hc-page-corporate--service .hc-story-scan-line { position:absolute; top:50%; right:0; left:0; height:1px; background:#fff; opacity:.9; }
.hc-page-corporate--service .hc-service-story.is-playing[data-step="2"] .hc-story-scan-line { animation:hc-story-scan 1.8s ease-in-out infinite alternate; }
@keyframes hc-story-scan { from { transform:translateY(-55px); } to { transform:translateY(55px); } }
.hc-page-corporate--service .hc-story-scan-label { position:absolute; right:-1px; bottom:-29px; padding:5px 8px; background:#172126; color:#fff; font-size:10px; font-weight:740; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.hc-page-corporate--service .hc-story-panel { display:flex; min-width:0; padding:31px 33px 28px; flex-direction:column; background:#172126; color:#fff; }
.hc-page-corporate--service .hc-story-panel-label { color:#ef8091; font-size:11px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.hc-page-corporate--service .hc-story-panel-copy { min-height:150px; margin-top:22px; }
.hc-page-corporate--service .hc-story-panel-copy > span { color:#9fb1b7; font-size:11px; font-weight:730; letter-spacing:.08em; text-transform:uppercase; }
.hc-page-corporate--service .hc-story-panel-copy h4 { margin:9px 0 0; font-size:clamp(23px,2.25vw,30px); font-weight:650; letter-spacing:-.04em; line-height:1.14; }
.hc-page-corporate--service .hc-story-panel-copy p { margin:12px 0 0; color:#d0dcdf; font-size:14px; line-height:1.5; }
.hc-page-corporate--service .hc-story-navigation { display:grid; margin:17px 0 0; padding:0; border-top:1px solid #45565d; list-style:none; }
.hc-page-corporate--service .hc-story-navigation li { margin:0; border-bottom:1px solid #45565d; }
.hc-page-corporate--service .hc-story-navigation button { display:flex; width:100%; min-height:47px; align-items:center; gap:16px; padding:8px 10px 8px 0; border:0; border-left:3px solid transparent; background:transparent; color:#aebec3; font-family:inherit; text-align:left; cursor:pointer; transition:color .18s ease,background-color .18s ease,padding-left .18s ease; }
.hc-page-corporate--service .hc-story-navigation button:hover { color:#fff; background:#24343a; }
.hc-page-corporate--service .hc-story-navigation button[aria-current="step"] { padding-left:10px; border-left-color:#e63b52; color:#fff; background:#24343a; }
.hc-page-corporate--service .hc-story-navigation button span { color:#ef8091; font-size:11px; font-weight:780; letter-spacing:.06em; }
.hc-page-corporate--service .hc-story-navigation button strong { font-size:13px; font-weight:690; }
.hc-page-corporate--service .hc-story-timeline { height:2px; margin-top:auto; overflow:hidden; background:#53646a; }
.hc-page-corporate--service .hc-story-timeline span { display:block; width:100%; height:100%; background:#ef6d80; transform:scaleX(0); transform-origin:left; }
.hc-page-corporate--service .hc-story-actions { display:grid; gap:10px; margin-top:19px; }
.hc-page-corporate--service .hc-story-play { display:flex; width:100%; min-height:50px; align-items:center; justify-content:space-between; gap:20px; padding:10px 16px; border:1px solid #c8102e; border-radius:3px; background:#c8102e; color:#fff; font-family:inherit; font-size:14px; font-weight:720; text-align:left; cursor:pointer; transition:background-color .18s ease,transform .18s ease; }
.hc-page-corporate--service .hc-story-play:hover { background:#a80e28; transform:translateY(-1px); }
.hc-page-corporate--service .hc-story-play svg { width:18px; height:18px; flex:none; }
.hc-page-corporate--service .hc-story-actions a { display:inline-flex; min-height:42px; align-items:center; align-self:start; gap:8px; color:#f3f7f7; font-size:13px; font-weight:650; text-decoration-color:#de7d8c; text-underline-offset:5px; }
.hc-page-corporate--service .hc-story-actions a span { font-size:18px; }
.hc-page-corporate--service .hc-story-play:focus-visible,.hc-page-corporate--service .hc-story-actions a:focus-visible,.hc-page-corporate--service .hc-story-navigation button:focus-visible { outline:3px solid #ff9aa9; outline-offset:2px; }
.hc-page-corporate--service .hc-story-live { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.hc-page-corporate--service .hc-service-story-note { margin:17px 0 0; color:#58676e; font-size:12px; line-height:1.5; }

@media (max-width:900px) {
  .hc-page-corporate--service .hc-story-experience { grid-template-columns:minmax(0,1fr) minmax(300px,.8fr); }
  .hc-page-corporate--service .hc-story-panel { padding:25px 22px 23px; }
}
@media (max-width:767px) {
  .hc-page-corporate--service .hc-service-story { padding:29px 17px 24px; }
  .hc-page-corporate--service .hc-service-story-head { grid-template-columns:1fr; gap:13px; margin-bottom:18px; }
  .hc-page-corporate--service .hc-service-story-head h3 { margin-top:8px; font-size:30px; }
  .hc-page-corporate--service .hc-service-story-head p { font-size:14px; }
  .hc-page-corporate--service .hc-story-experience { grid-template-columns:1fr; }
  .hc-page-corporate--service .hc-story-visual { min-height:256px; }
  .hc-page-corporate--service .hc-story-visual-top { top:14px; right:14px; left:14px; }
  .hc-page-corporate--service .hc-story-visual-top > span { max-width:170px; font-size:9px; }
  .hc-page-corporate--service .hc-story-route { bottom:35px; height:42px; gap:8px; padding:0 14px; }
  .hc-page-corporate--service .hc-story-route > span { font-size:9px; }
  .hc-page-corporate--service .hc-story-photo-caption { padding:11px 14px; font-size:11px; }
  .hc-page-corporate--service .hc-story-scan { top:29%; right:13%; width:35%; height:35%; min-width:95px; }
  .hc-page-corporate--service .hc-story-panel { padding:25px 19px 19px; }
  .hc-page-corporate--service .hc-story-panel-copy { min-height:0; margin-top:14px; }
  .hc-page-corporate--service .hc-story-panel-copy h4 { font-size:26px; }
  .hc-page-corporate--service .hc-story-navigation { margin-top:19px; }
  .hc-page-corporate--service .hc-story-timeline { margin-top:23px; }
  .hc-page-corporate--service .hc-service-story-note { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .hc-page-corporate--service .hc-service-story * { animation:none !important; transition:none !important; }
  .hc-page-corporate--service .hc-story-play:hover { transform:none; }
}