/* Preview-only handoff: SERVICES -> ABOUT. PROJECT content remains in the DOM. */
.s03-project-area{height:0!important;min-height:0!important;overflow:hidden}
.s03-preview-wipe{position:absolute;inset:0;z-index:16;background:#fff;pointer-events:none;transform:translateY(100%);visibility:hidden;will-change:transform;clip-path:inset(0 0 var(--s03-preview-peek,0px) 0)}
.s03-preview-wipe.is-visible{visibility:visible}
.s03-preview-wipe.has-peek{transition:clip-path .32s cubic-bezier(.22,1,.36,1)}
.s03-preview-copy{position:absolute;inset:0;z-index:1;opacity:1!important;color:#080808!important;pointer-events:none}
.s03-preview-copy .s03-fixed-bl{color:#080808!important}
.s03-preview-copy .s03-fixed-br{visibility:hidden}
.s03-preview-mouse-cue{position:absolute;z-index:18;right:min(49.5px,2.34375vw);bottom:clamp(21px,2.19vw,42px);display:flex;gap:16px;align-items:center;white-space:nowrap;color:#080808;pointer-events:none;font:600 clamp(10px,.833vw,14px)/1.14 "Pretendard Variable","Malgun Gothic",sans-serif;letter-spacing:-.03em}
.s03-preview-mouse-cue[hidden]{display:none}
@media(max-width:700px){.s03-preview-mouse-cue{right:15px;bottom:21px;gap:7px;font-size:8px}.s03-preview-mouse-cue .s03-mouse{width:18px;height:28px;border-width:1px}.s03-preview-mouse-cue .s03-mouse-wheel{top:4px;width:2px;height:6px}}
.section03.is-preview-covering .s03-fixed{visibility:hidden}
.s03-preview-wipe.is-revealing .s03-preview-copy{display:none}
.s03-preview-static-peek{position:absolute;z-index:17;left:50%;bottom:0;width:clamp(200px,16.77vw,355px);height:clamp(54px,9svh,100px);transform:translateX(-50%);background:#3e3831 url('assets/section03/previews/video-poster.webp') center top/100% auto no-repeat;pointer-events:none}
.s03-preview-static-peek[hidden]{display:none}
.section03.is-preview-covering .svc-psd-art{translate:0 16px;transition:translate .62s cubic-bezier(.22,1,.36,1)}
.s03-services-area.is-float-visible .svc-ornament-play{animation:svc-play-float 4.9s ease-in-out infinite}
@keyframes svc-play-float{0%,100%{translate:0 0}50%{translate:4px -13px}}
.svc-mobile-play{display:none}
@media(max-width:1180px){
  .s03-preview-static-peek{width:28vw}
  .s03-services-area .svc-mobile-play{position:absolute;z-index:4;display:block;left:auto;right:8%;top:22%;width:clamp(28px,8vw,39px);aspect-ratio:1;background:transparent;transform:rotate(-12deg);visibility:hidden;opacity:0;pointer-events:none}
  .s03-services-area.is-state03-visible .svc-mobile-play{visibility:visible;opacity:1}
  .svc-mobile-play::after{display:none}
  .svc-mobile-play .svc-ornament-play-circle{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,.50)}
  .svc-mobile-play .svc-ornament-play-triangle{position:absolute;left:36.7%;top:32.7%;width:34.7%;height:36.7%;background:rgba(64,173,146,.30);clip-path:polygon(0 0,100% 50%,0 100%)}
}
@media (prefers-reduced-motion:reduce){
  .section03.is-preview-covering .svc-psd-art{translate:none;transition:none}
  .s03-services-area.is-float-visible .svc-ornament-play{animation:none}
}