.service-journey .sv{margin-top:0}.service-journey{margin-top:3rem}
.service-scroll{height:calc(100svh - 110px + var(--service-travel));position:relative}
.service-scroll .sv{position:sticky;top:90px;height:calc(100svh - 110px);align-items:start}
.service-scroll #sr{position:relative;max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a5a5a5 transparent;padding-right:8px}
.service-scroll .pvp{position:relative;top:0;min-height:380px;max-height:100%;overflow:hidden}
.service-scroll .sr.on .sb>div{animation:service-enter .35s var(--ease)}
@keyframes service-enter{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.showcase-journey{margin-top:3rem}.showcase-journey .sc{margin-top:0}
.showcase-scroll{height:calc(100svh - 110px + var(--service-travel));position:relative}
.showcase-scroll .sc{position:sticky;top:90px;height:calc(100svh - 110px);align-content:center}
/* Mobile: fully contained previews, followed by readable content. */
@media(max-width:860px){
  .service-scroll,.showcase-scroll{height:calc(100svh - 92px + var(--service-travel))}
  .service-scroll .sv,.showcase-scroll .sc{top:76px;height:calc(100svh - 92px);grid-template-rows:auto minmax(0,1fr);gap:1rem;align-content:start;align-items:stretch;min-width:0}
  .service-scroll .pvp{position:relative;top:0;height:auto;min-height:240px;max-height:none;padding:12px;gap:10px;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-content:stretch}
  .service-scroll .pvp .cap{font-size:.65rem;line-height:1.5;gap:.6rem;align-items:start}
  .service-scroll .pvp .cap b{white-space:nowrap}
  .service-scroll .pvp>.mk{width:100%;height:auto;max-height:none;min-height:0;flex:none;align-self:center}
  .service-scroll .pvp>.mono:last-child{display:none}
  .service-scroll .pvp .bd{padding:10px 12px}
  .service-scroll .pvp .bd h4{font-size:1.25rem;margin:.5rem 0}
  .service-scroll .pvp .bd .tl{display:grid;margin-top:10px}
  .service-scroll .pvp .tl div{padding:6px;font-size:.72rem}
  .service-scroll .pvp .tl em{font-size:1rem}
  .service-scroll .pvp .ph{width:160px;margin:10px auto;padding:10px 8px;border-radius:19px}
  .service-scroll .pvp .ph s{margin-bottom:8px}
  .service-scroll .pvp .row{padding:5px 0}
  .service-scroll .pvp .row i{width:18px;height:18px}
  .service-scroll .pvp .g3{gap:6px;padding:10px}
  .service-scroll .pvp .g3>div{padding:6px;font-size:.7rem}
  .service-scroll .pvp .g3 em{font-size:1.05rem}
  .service-scroll .pvp .bars{height:85px;padding:0 10px 10px}
  .service-scroll .pvp .pr2 u{height:45px}
  .service-scroll .pvp .pr2 em{font-size:.8rem!important}
  .service-scroll .pvp .br{gap:8px;padding:10px}
  .service-scroll .pvp .br>div{min-height:60px}
  .service-scroll .pvp .lg,.service-scroll .pvp .aa{font-size:2rem}
  .service-scroll .pvp .ch{padding:10px}
  .service-scroll .pvp .ch svg{height:85px}
  .service-scroll .pvp .fw{padding:1.5rem 10px}
  .service-scroll .pvp .nd{padding:.5rem .35rem;font-size:.58rem}
  .service-scroll .pvp .cn{min-width:10px}
  .service-scroll .pvp .fwl{font-size:.6rem;padding:0 10px 14px}
  .service-scroll #sr{height:100%;width:100%;padding-right:5px}
  .service-scroll .sh2{padding:.75rem 0;gap:.75rem}
  .service-scroll .sh2 .service-name{font-size:1.6rem;line-height:1.1}
  .service-scroll .service-actions{margin-left:0;gap:.75rem}
  .service-scroll .sb p{font-size:1rem;line-height:1.65;padding-bottom:.75rem}
  .service-scroll .sb ul{padding-bottom:1rem}
  .service-scroll .sr.on .sb>div{max-height:calc(100svh - 410px);overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
  .showcase-scroll .sc>div{min-width:0}
  .showcase-scroll .tabs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:.5rem;scroll-snap-type:x proximity}
  .showcase-scroll .tabs button{flex:none;white-space:nowrap;font-size:1.1rem;line-height:1.35;padding:.55rem .7rem;scroll-snap-align:start;border:1px solid var(--g3);border-radius:5px;letter-spacing:-.03em}
  .showcase-scroll .tabs button[aria-selected=true]{padding-left:.7rem;border-color:var(--red);background:rgba(229,43,74,.08)}
  .showcase-scroll .dem{margin-top:.5rem;font-size:.65rem;line-height:1.5}
  .showcase-scroll .stg{height:100%;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;place-items:stretch;align-content:start;padding:12px 4px}
  .showcase-scroll .lay{grid-column:1/-1;width:100%;transform:none!important;perspective:none}
  .showcase-scroll .fp{position:static;animation:none;padding:.5rem .75rem;box-shadow:none;font-size:.7rem}
  .showcase-scroll .fp b{font-size:1.15rem}
  .showcase-scroll .ph{margin:14px auto}
  .showcase-scroll .nd{font-size:.6rem;padding:.6rem .4rem}
  .showcase-scroll .cn{min-width:10px}
  .showcase-scroll .fwl{font-size:.63rem}
}
@media(max-width:860px) and (max-height:740px){
  .service-scroll .pvp{min-height:215px;padding:10px;gap:8px}
  .service-scroll .sr.on .sb>div{max-height:calc(100svh - 380px)}
}
