/* v217: native vertical SERVICES reading path on phones and tablets only. */
.svc217-flow{display:none}
@media(max-width:1180px){
  .section03.is-mobile-service-flow{overflow-x:hidden;overscroll-behavior-x:none}
  .s03-services-area.is-mobile-service-flow{height:auto!important;overflow:visible!important;background:#fff}
  .s03-services-area.is-mobile-service-flow .svc-psd-sticky{position:relative;height:auto;overflow:visible;background:#fff}
  .s03-services-area.is-mobile-service-flow .svc-psd-art{height:auto;min-height:0!important;padding-bottom:0;overflow:visible;background:#081451!important;transform:none!important;translate:none!important;will-change:auto}
  .s03-services-area.is-mobile-service-flow .svc-psd-media{position:sticky;inset:auto;top:0;display:block;width:100%;height:100svh!important;min-height:0;overflow:hidden;isolation:isolate}
  .s03-services-area.is-mobile-service-flow .svc-psd-media::after{content:"";position:absolute;z-index:5;inset:0;background:#000;opacity:var(--svc217-dim,0);pointer-events:none}
  .s03-services-area.is-mobile-service-flow .svc151-plane,
  .s03-services-area.is-mobile-service-flow .svc-psd-cards,
  .s03-services-area.is-mobile-service-flow .svc-psd-note,
  .s03-services-area.is-mobile-service-flow .svc-mobile-play{display:none!important}
  /* The legacy orbit marks its scene visible before the mobile title arrives.
     Its desktop-only hiding rule must not erase this scroll-led title. */
  .s03-services-area.is-mobile-service-flow .svc-psd-heading{z-index:6;opacity:1!important}
  .s03-services-area.is-mobile-service-flow .svc217-flow{position:relative;z-index:7;display:block;margin-top:-100svh;padding-top:140svh;pointer-events:none}
  .s03-services-area.is-mobile-service-flow .svc217-sheet{min-height:100%;background:rgba(255,255,255,var(--svc217-white,.56));pointer-events:auto}
  .svc217-list{display:grid;justify-items:center;gap:clamp(50px,8svh,90px);padding:15svh max(16px,5vw) 0}
  .s03-services-area.is-mobile-service-flow .svc217-card{position:relative!important;left:auto!important;top:auto!important;display:block;width:min(82vw,380px)!important;height:clamp(290px,75vw,360px)!important;margin:0;opacity:1!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;will-change:auto;touch-action:pan-y}
  .svc217-card .svc151-float,.svc217-card .svc151-dot{animation:none!important}
  .svc217-card .svc151-hover{opacity:1!important}
  .svc217-card .svc151-panel{background:rgba(0,0,0,.88)}
  .svc217-card :is(.svc151-title,.svc151-english,.svc151-body,.svc151-line,.svc151-view){opacity:1}
  .svc217-card .svc151-english{opacity:.65}
  .svc217-card .svc151-body{opacity:.85}
  .svc217-outro{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:100svh;padding:24svh 24px 30svh;text-align:center;color:#171717;font:600 clamp(12px,4vw,21px)/1.48 "Pretendard Variable","Malgun Gothic",sans-serif;letter-spacing:-.035em}
  .svc217-outro span{display:block;max-width:30em;white-space:nowrap}
  .section03.is-mobile-service-flow:not(.is-about-area) .s03-timeline{visibility:visible}
  .section03.is-mobile-service-flow .s03-sticky::before,
  .section03.is-mobile-service-flow .s03-sticky::after{will-change:transform;backface-visibility:hidden;transition:none}
  .section03.is-mobile-service-flow .s03-preview-wipe,
  .section03.is-mobile-service-flow .s03-preview-static-peek,
  .section03.is-mobile-service-flow .s03-preview-mouse-cue{display:none!important}
}
@media(max-width:360px){
  .s03-services-area.is-mobile-service-flow .svc217-card{width:82vw!important;height:285px!important}
  .svc217-card .svc151-title{font-size:18px}
  .svc217-card .svc151-body{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .svc217-card,.svc217-card *{animation:none!important;transition:none!important}
}