/* v262: mobile SERVICES reading surface and scroll-led ABOUT handoff. */
@media (max-width:1180px) {
  .s03-services-area.is-mobile-service-flow .svc217-sheet,
  .s03-services-area.is-mobile-service-flow .svc217-list {
    background:#080808;
  }
  /* The Illustrator composition keeps its existing white artboard. */
  .s03-services-area.is-mobile-service-flow .svc217-outro {background:#fff;}

  .s03-services-area.is-mobile-service-flow .svc220-item {
    color:#f7f7f7;
    border-color:transparent;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item::before {
    background:rgba(255,255,255,.38);
    transform:scaleX(1);
    animation:none!important;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item.is-inview::before {animation:none!important;}
  .s03-services-area.is-mobile-service-flow .svc220-heading {
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
  }
  .s03-services-area.is-mobile-service-flow .svc220-label {
    display:block;
    position:relative;
    width:98.04%;
    color:#f7f7f7;
    font-family:"Pretendard Variable","Malgun Gothic",sans-serif;
    font-weight:700;
    letter-spacing:-.01em;
    transform:scale(1.02,.98);
    transform-origin:left top;
  }
  .s03-services-area.is-mobile-service-flow .svc237-title-char {
    opacity:var(--svc262-warp-opacity,1);
    transform:none;
    animation:none!important;
  }
  .s03-services-area.is-mobile-service-flow .svc220-label.is-svc264-measuring .svc237-title-char,
  .s03-services-area.is-mobile-service-flow .svc220-item.has-svc264-warp .svc237-title-char {
    transform:none!important;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item.has-svc264-warp .svc237-title-char {
    opacity:0!important;
  }
  .s03-services-area.is-mobile-service-flow .svc264-warp-canvas {
    position:absolute;left:0;top:0;z-index:1;pointer-events:none;
    opacity:var(--svc262-warp-opacity,1);filter:invert(1);
  }
  .s03-services-area.is-mobile-service-flow .svc262-english {
    display:block;
    max-height:0;
    overflow:hidden;
    opacity:0;
    color:rgba(255,255,255,.62);
    font:400 clamp(11px,3vw,14px)/1.25 "Pretendard Variable","Malgun Gothic",sans-serif;
    letter-spacing:0;
    transform:translateY(-4px);
    transition:max-height .24s ease,opacity .2s ease,transform .24s ease,margin-top .24s ease;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item.is-open .svc262-english {
    max-height:2.5em;
    margin-top:6px;
    opacity:1;
    transform:none;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item .svc220-action,
  .s03-services-area.is-mobile-service-flow .svc220-item.is-open .svc220-action,
  .s03-services-area.is-mobile-service-flow .svc220-item .svc234-project,
  .s03-services-area.is-mobile-service-flow .svc234-project-visual {
    color:#f7f7f7;
  }
  .s03-services-area.is-mobile-service-flow .svc237-plus-entry {
    transform:none!important;
    animation:none!important;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item:not(.is-open) .svc234-plus {
    opacity:.6;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item.is-inview .svc237-plus-entry {animation:none!important;}
  .s03-services-area.is-mobile-service-flow .svc220-body {color:rgba(255,255,255,.8);}
  .s03-services-area.is-mobile-service-flow .svc220-heading:focus-visible,
  .s03-services-area.is-mobile-service-flow .svc220-action:focus-visible,
  .s03-services-area.is-mobile-service-flow .svc234-project:focus-visible {
    outline-color:#fff;
  }
  .section03.is-services-black-list .s03-fixed-br {color:#fff;}
  .section03.is-services-black-list .s03-fixed-bl,
  .section03.is-services-black-list .s03-preview-copy .s03-fixed-bl,
  .section03.is-services-black-list .s03-fixed-bl .s03-nav-home {
    color:#fff!important;
  }
  .section03.is-services-black-list .s03-preview-copy .s03-fixed-bl {visibility:hidden;}
  .stage:has(.section03.is-services-black-list) > .s03-fixed-bl.is-unlocked,
  .stage:has(.section03.is-services-black-list) > .s03-fixed-bl.is-unlocked .s03-nav-home {
    color:#fff!important;
  }
  .stage:has(.section03.is-services-black-list) > .s03-fixed-bl.is-unlocked::before {
    content:"";
    position:absolute;
    left:calc((100% - 100vw)/2);
    top:-18px;
    width:100vw;
    height:49px;
    background:#080808;
    z-index:-1;
    pointer-events:none;
  }

  /* The ABOUT canvas is already white; a restrained moving seam shows the
     top-to-bottom white sheet without flashing black across the portrait. */
  .section03 .s03-sticky:has(> .svc262-about-wipe:not([hidden])) {
    background:var(--svc262-underlay,#fff);
    transition:none;
  }
  .section03 .svc262-about-wipe {
    position:absolute;
    z-index:0;
    inset:0;
    background:#fff;
    transform:scaleY(var(--svc262-wipe,0));
    transform-origin:center top;
    box-shadow:0 12px 22px rgba(0,0,0,.085);
    pointer-events:none;
    visibility:visible;
  }
  .section03 .svc262-about-wipe[hidden] {display:none;}
}
@media (max-width:360px) {
  .s03-services-area.is-mobile-service-flow .svc220-item[data-service="spatial"] .svc220-label {
    font-size:19px;
  }
}
@media (min-width:1181px) {
  .svc262-about-wipe {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  .s03-services-area.is-mobile-service-flow .svc237-title-char {
    opacity:1!important;transform:none!important;will-change:auto;
  }
  .s03-services-area.is-mobile-service-flow .svc220-item.has-svc264-warp .svc237-title-char {
    opacity:1!important;
  }
  .s03-services-area.is-mobile-service-flow .svc264-warp-canvas {display:none!important;}
  .s03-services-area.is-mobile-service-flow .svc262-english {transition:none;}
  .section03 .svc262-about-wipe {display:none;}
}