/* Local v244: scoped project-gallery motion, mobile selection, and HOLIDOT strips. */
.woogi-detail-thanks-repeat,
.woogi-detail-mobile-row.is-thanks-repeat{display:flex;gap:0;align-items:flex-start;overflow:hidden}
.woogi-detail-thanks-half{display:block;flex:0 0 50%;width:50%;height:auto;object-fit:contain}
.woogi-project-tile-view-cue{display:none}
.woogi-project-tile-art{position:absolute;inset:0;display:block;pointer-events:none;transform-origin:50% 50%}
@media (prefers-reduced-motion:no-preference){
  .woogi-project-list.is-entering .woogi-project-tile{perspective:900px}
  .woogi-project-list.is-entering .woogi-project-tile-art{
    animation:woogi-tile-pop 1.08s both;
    animation-delay:calc(var(--tile-order) * 220ms);
    will-change:transform,opacity;
  }
  @keyframes woogi-tile-pop{
    0%{opacity:0;transform:translate3d(0,30px,-320px) rotate(-22deg) scale(.28);animation-timing-function:cubic-bezier(.25,0,.24,1)}
    76%{opacity:1;transform:translate3d(0,-7px,55px) rotate(3deg) scale(1.12);animation-timing-function:cubic-bezier(.45,0,.3,1)}
    100%{opacity:1;transform:none}
  }
}
@media (max-width:1180px){
  .svc237-portrait{z-index:1}
  .woogi-project-tile-base{top:46%!important;opacity:1!important}
  .woogi-project-tile:is(.is-previewed,.is-soon) .woogi-project-tile-base{opacity:.5!important}
  .woogi-project-tile-hover{
    opacity:0!important;left:var(--mobile-hover-x)!important;top:var(--mobile-hover-y)!important;
    width:var(--mobile-hover-w)!important;height:var(--mobile-hover-h)!important;
    object-fit:fill!important;transform:none!important;
  }
  .woogi-project-tile.is-previewed .woogi-project-tile-hover{opacity:1!important}
  .woogi-project-tile.is-soon .woogi-project-tile-soon{top:83%!important}
  .woogi-project-tile-view-cue{
    position:absolute;left:50%;top:calc(var(--mobile-base-bottom) + 9px);z-index:2;display:block;
    width:max-content;max-width:100%;color:#fff;
    font:600 clamp(12px,3.2vw,16px)/1.1 "Pretendard Variable",Pretendard,sans-serif;
    letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;
    transform:translateX(-50%);
  }
  .woogi-project-tile.is-previewed .woogi-project-tile-view-cue{opacity:1;animation:woogi-project-cue 1s ease-in-out infinite}
  .woogi-project-tile.is-soon .woogi-project-tile-view-cue{opacity:0;animation:none}
  @keyframes woogi-project-cue{0%,100%{opacity:1}50%{opacity:.4}}
  .woogi-project-fixed-2,.woogi-project-slide-icon{display:none!important}
  .svc-detail-overlay:not(.is-project-detail) .svc-detail-close{
    left:auto;right:clamp(16px,5vw,28px);bottom:calc(18px + env(safe-area-inset-bottom,0px));
    transform:none;
  }
  .woogi-detail-mobile-row.is-thanks-repeat{
    display:flex;align-self:stretch;width:min(100%,var(--woogi-mobile-image-width,100%));
    gap:0;overflow:hidden;
  }
}
@media (prefers-reduced-motion:reduce){
  .woogi-project-list.is-entering .woogi-project-tile-art,
  .woogi-project-tile.is-previewed .woogi-project-tile-view-cue{animation:none}
}

/* v250: keep the mobile project labels readable and align the two-line footer with X. */
.woogi-project-fixed-footer-mobile{display:none}
@media (max-width:1180px){
  .woogi-project-fixed-0,.woogi-project-fixed-3{
    font-size:12px!important;
    top:calc(20px + env(safe-area-inset-top,0px))!important;
  }
  .woogi-project-fixed-1{
    bottom:calc(32px + env(safe-area-inset-bottom,0px))!important;
    width:calc(100% - 116px)!important;
    height:26.4px!important;
    font-size:11px!important;
  }
  .woogi-project-fixed-footer-desktop{display:none}
  .woogi-project-fixed-footer-mobile{
    display:block;white-space:pre;
    font:600 11px/13.2px "Pretendard Variable",Pretendard,sans-serif;
  }
}