/* v220: mobile reading layout and a shared desktop SERVICES entrance. */
@media(max-width:1180px){
  .s03-services-area.is-mobile-service-flow .svc-psd-media{
    background:#081451 url('assets/section03/service-v151/studio.webp') 59% top/cover no-repeat;
  }
  .s03-services-area.is-mobile-service-flow .svc-psd-photo,
  .s03-services-area.is-mobile-service-flow .svc-psd-video,
  .s03-services-area.is-mobile-service-flow .svc-psd-cutout{
    transform:scale(.78);
  }
  .s03-services-area.is-mobile-service-flow :is(.svc-psd-photo,.svc-psd-video){
    -webkit-mask-image:radial-gradient(ellipse 74% 72% at 50% 50%,#000 57%,transparent 100%);
    mask-image:radial-gradient(ellipse 74% 72% at 50% 50%,#000 57%,transparent 100%);
  }
  .s03-services-area.is-mobile-service-flow .svc-psd-heading{
    left:7%;top:calc(69svh + var(--svc151-title-host-offset,0px));
    translate:0 -100%;opacity:var(--svc220-title-opacity,1)!important;pointer-events:none!important;
  }
  .s03-services-area.is-mobile-service-flow .svc-psd-heading *{pointer-events:none!important}
  .s03-services-area.is-mobile-service-flow .svc151-hint{display:none!important}
  .s03-services-area.is-mobile-service-flow .svc217-list{
    display:block;justify-items:stretch;margin:0;padding:clamp(12px,2.2svh,26px) 7% 0;
  }
  .svc220-item{box-sizing:border-box;width:100%;border-top:1px solid #111;color:#111}
  .svc220-item:last-child{border-bottom:1px solid #111}
  .svc220-headrow{display:flex;align-items:center;gap:12px;min-height:clamp(88px,13svh,122px)}
  .svc220-heading{box-sizing:border-box;flex:1;min-width:0;min-height:inherit;border:0;padding:15px 0 16px;background:none;color:inherit;display:flex;align-items:center;text-align:left;cursor:pointer;font-family:"Pretendard Variable","Malgun Gothic",sans-serif}
  .svc220-label{font-size:clamp(20px,5.7vw,35px);line-height:1.1;font-weight:600;letter-spacing:-.025em}
  .svc220-action{flex:none;min-width:1.25em;min-height:44px;border:0;padding:0;background:none;color:#111;text-align:right;font:350 clamp(24px,7vw,40px)/1 "Pretendard Variable","Malgun Gothic",sans-serif;cursor:pointer}
  .svc220-item.is-open .svc220-action{font-size:clamp(9px,2.5vw,13px);font-weight:650;letter-spacing:.01em}
  .svc220-details[hidden]{display:none!important}
  .svc220-details{padding:0 0 clamp(28px,5svh,55px)}
  .svc220-body{font:400 clamp(16px,3.7vw,21px)/1.65 "Pretendard Variable","Malgun Gothic",sans-serif;letter-spacing:-.025em}
  .svc220-heading:focus-visible,.svc220-action:focus-visible{outline:2px solid #111;outline-offset:4px}
  .section03.is-about-area{overscroll-behavior-y:contain}
}
@media(max-width:360px){
  .svc220-label{font-size:19px}
  .svc220-headrow{min-height:79px}
}
@media(min-width:1181px){
  .svc151-play i{transform:rotate(-9deg);transform-origin:15% 50%}
  .s03-services-area .svc-psd-media{translate:0 var(--svc220-bg-rise,0px)}
}