/* PSD project gallery and HOLIDOT detail. Scoped to the existing service modal. */
.svc-detail-backdrop{background:rgba(0,0,0,.7)}
.svc-detail-panel{background:#141414;border:0;border-radius:0;box-shadow:none}
.svc-detail-scroll{padding:0;scrollbar-gutter:auto;overflow:hidden;touch-action:auto}
.woogi-project-list,.woogi-project-detail{width:100%;min-height:100%;background:#141414;color:#fff}
.woogi-project-list[hidden],.woogi-project-detail[hidden]{display:none}
.woogi-project-list{position:absolute;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none}
.woogi-project-artboard{position:absolute;left:50%;top:50%;transform-origin:center center;background:#141414}
.woogi-project-viewport{position:absolute;inset:0;overflow:hidden;outline:none;touch-action:none}
.woogi-project-track{position:absolute;left:0;top:0;height:100%;will-change:transform}
.woogi-project-tile{position:absolute;left:var(--tile-x);top:var(--tile-y);width:360px;height:440px;border:0;background:transparent;padding:0;cursor:pointer;outline:none;user-select:none;-webkit-user-select:none;touch-action:none}
.woogi-project-tile-base-wrap{position:absolute;inset:0;display:block;pointer-events:none;transform-origin:50% 48%}
.woogi-project-tile img{position:absolute;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}
.woogi-project-tile-base{transition:opacity .24s ease}
.woogi-project-tile-hover,.woogi-project-tile-soon{opacity:0;transition:opacity .24s ease}
.woogi-project-tile:is(:hover,:focus-visible,.is-previewed,.is-soon) .woogi-project-tile-base{opacity:.5}
.woogi-project-tile:is(:hover,:focus-visible,.is-previewed):not(.is-soon) .woogi-project-tile-hover{opacity:1}
.woogi-project-tile.is-soon .woogi-project-tile-soon{opacity:1}
.woogi-project-tile:focus-visible{outline:2px solid #91e8ce;outline-offset:5px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .woogi-project-tile:hover .woogi-project-tile-base-wrap{animation:woogi-mask-tremble .4s ease-out both}
}
@keyframes woogi-mask-tremble{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  18%{transform:translate3d(1.5px,-.7px,0) rotate(.45deg)}
  38%{transform:translate3d(-1.2px,.7px,0) rotate(-.35deg)}
  60%{transform:translate3d(.65px,-.3px,0) rotate(.18deg)}
  78%{transform:translate3d(-.25px,.1px,0) rotate(-.08deg)}
}
.woogi-project-soon-generic{position:absolute;left:8px;top:272px;display:grid;place-items:center;width:347px;height:69px;background:#000;color:#fff;font:500 14px/1 "Pretendard Variable",sans-serif;letter-spacing:.02em}
.woogi-project-fixed{position:absolute;inset:0;pointer-events:none}
.woogi-project-fixed-text{white-space:pre;display:block}
.woogi-project-fixed-6{animation:woogi-scroll-mark 1.8s ease-in-out infinite}
@keyframes woogi-scroll-mark{0%,100%{transform:translateY(-5px);opacity:.45}50%{transform:translateY(7px);opacity:1}}
.woogi-project-detail{position:relative;overflow:hidden}
.woogi-detail-desktop{position:relative;width:100%;min-height:1px;margin-inline:auto}
.woogi-detail-canvas{position:absolute;left:0;top:0;width:1600px;height:19938px;background:#141414;transform:scale(var(--detail-scale,1));transform-origin:top left}
.woogi-detail-image{display:block;object-fit:fill}
.woogi-detail-hero{position:relative;isolation:isolate;overflow:hidden;background:#141414}
.woogi-detail-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAXADADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD84/EfguXQNUnsDp8837sESSL5exiOCRjPGc471h+HfDV/4i1+00iztJbq+uHCRxRRNI2Sf7qjJ+g61+mY/ap1LWvC+uG58QW661Jc2N3Ebz95NIsZVHTcECMNueMc/wA/m34CeJfDw/aCi8Y6nest7aalqNytvawcszSSPG4AGAATn0AFa1UoJyWpFNubSehUsv2J/Emm+GI/F2taRfW2nwzRhpLtlVpmblf3QyQvBznFfZXw3/ZG8IRap4e0nxRrFve6pcwLfWln5phMqFPMA8pAWACiTPzKG2HFek/Ar4haD47W78I+J9YGq3HiKEx2NpLukUvDbOWcHHAxk7iQC2cc1ofD7xbpmrT+d5LPLY3CQm4kkZlVYo2RV57/ADnHOOTxzXz1WvKcV7WTinzfDpdpKyu7ve+qtfyPoKeHhGclCzStv5/cUfhf4v8Ahjofhf4g33g7S55z4cVbm4tIrBbJ70Pu8qNHky7H5W+8OMjjmui/Z/8AjhZeK/EuraVeaHpekQWEC6gDazG9mWSW4bMT7Y8ZUEZ2g85ri/Dvwt06xtviXp39q2dm/iW3jsA/khpLcoG/e8sCc7+F4Ix1OavfAHwVB4C8QaxrcLxWJvYE0r+z7eUzL+4k/wBeZCc7pGDMUxhSxArx8TTw2HqydF86TVm1a/du92rbbnswjTr4ebfuPpFttrbRNKMbO7buk9LdT8qJPAN/YadZXunRz3bpMn2dmnAVM55UM/FWo9C1DwlqsF9qdlHp0UkVw3mwT/vRJIuCx2g5ORjrjk4xRRX1XtZSk4eR8rKjFRuP/Z3/AGjb/wCAvxHg1iee7vbC3jkU2CSlVZtp2btuC6gn7pOOenAr2TRf23dcaVf+ERbSdL1K4uXnnGpWctxDICmBGFGCuDu5ye1FFRXowqQ5n9m7XrYMPVlCXItnoenT/t9+Ip9QuJdP+HWg+JNPWCJZZbu4a3uHnES+cVBVlCb920cnaBnnivqT4eeJ/BHxSsIr7w5aWV00TIbkLZmFoXfquWRd3IYZGenvRRXgSnzSlBpaHvRhZKV9z//Z") center/cover no-repeat;opacity:1;transition:opacity .22s ease}
.woogi-detail-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .22s ease}
.woogi-detail-hero.is-ready .woogi-detail-hero-image{opacity:1}
.woogi-detail-hero.is-ready::before,.woogi-detail-hero.is-failed::before{opacity:0}
.woogi-detail-hero.is-cached .woogi-detail-hero-image,.woogi-detail-hero.is-cached::before{transition:none}
.woogi-detail-hero.is-failed::after{content:"Image unavailable";position:absolute;inset:0;display:grid;place-items:center;color:#aaa;font:400 14px/1.4 "Pretendard Variable",Pretendard,sans-serif}
.woogi-detail-text{white-space:pre;overflow:visible;word-break:keep-all}
.woogi-detail-text.is-body-copy,.woogi-detail-mobile-text.is-body-copy{font-kerning:normal}
.woogi-detail-script-slot{display:inline-block;position:relative;white-space:pre;vertical-align:baseline}
.woogi-detail-script-glyph{display:inline-block;white-space:pre;transform:scaleX(var(--script-scale,1));transform-origin:top left}
.woogi-detail-role-heading,.woogi-detail-role-body{display:block;white-space:pre}
.woogi-detail-role-heading{font-weight:600}
.woogi-detail-role-body{font-weight:200}
.woogi-detail-device{position:relative;display:block;overflow:visible}
.woogi-detail-device-frame{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.woogi-detail-device-screen{position:absolute;overflow:hidden;background:#fff;pointer-events:none;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;isolation:isolate}
.woogi-detail-device-scrolling{display:block;width:100%;height:auto;max-width:none;transform:translate3d(0,0,0);pointer-events:none;user-select:none;-webkit-user-drag:none}
.woogi-detail-device-screen.is-scrolling .woogi-detail-device-scrolling{will-change:transform}
.woogi-detail-underlined-line{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-skip-ink:auto}
.woogi-detail-mobile{display:none}
.svc-detail-overlay.is-project-detail .svc-detail-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}
.svc-detail-overlay.is-project-detail .svc-detail-close{position:absolute;left:auto;right:24px;top:20px;bottom:auto;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.68);color:#fff;transform:none;writing-mode:horizontal-tb;z-index:5;padding:0;opacity:1;cursor:pointer}
.svc-detail-overlay.is-project-detail .svc-detail-close svg{display:block}
.svc-detail-overlay.is-project-detail .svc-detail-close:focus-visible{outline:2px solid #91e8ce;outline-offset:3px}
@media(max-width:1180px){
  .svc-detail-overlay .svc-detail-panel{border:0;border-radius:0;background:#141414;overflow:hidden}
  .svc-detail-overlay .svc-detail-close{position:absolute;left:50%;right:auto;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:88px;height:42px;transform:translateX(-50%);z-index:6;display:grid;place-items:center;background:rgba(0,0,0,.82);border:1px solid rgba(255,255,255,.55);border-radius:3px;color:#fff;font:500 12px/1 "Pretendard Variable",sans-serif;letter-spacing:.14em;writing-mode:horizontal-tb;padding:0}
  .svc-detail-overlay:not(.is-ready) .svc-detail-close{opacity:0;pointer-events:none}
  .svc-detail-overlay .svc-detail-scroll{inset:0;padding:0 0 calc(70px + env(safe-area-inset-bottom,0px)) 0}
  .woogi-project-list{bottom:0}
  .woogi-project-artboard{left:0;top:0;width:100%;height:100%;transform:none!important}
  .woogi-project-viewport{inset:50px 0 calc(66px + env(safe-area-inset-bottom,0px))}
  .woogi-project-track{display:flex;align-items:center;gap:var(--tile-gap,24px);box-sizing:border-box;padding-inline:var(--tile-pad,40px);height:100%}
  .woogi-project-tile{position:relative!important;left:auto!important;top:auto!important;flex:0 0 var(--tile-width,76vw);width:var(--tile-width,76vw);height:min(66vh,470px);touch-action:none}
  .woogi-project-tile-base{left:50%!important;top:50%!important;width:72%!important;height:83%!important;object-fit:contain!important;transform:translate(-50%,-50%)}
  .woogi-project-tile-hover{left:50%!important;top:55%!important;width:100%!important;height:auto!important;object-fit:contain!important;transform:translate(-50%,-50%)}
  .woogi-project-tile-soon{left:50%!important;top:69%!important;width:98%!important;height:auto!important;object-fit:contain!important;transform:translate(-50%,-50%)}
  .woogi-project-soon-generic{height:45px!important}
  .woogi-project-fixed-0,.woogi-project-fixed-3{top:20px!important;font-size:8px!important;line-height:1.25!important;width:120px!important}
  .woogi-project-fixed-0{left:20px!important}
  .woogi-project-fixed-3{left:auto!important;right:20px!important;text-align:right}
  .woogi-project-fixed-1,.woogi-project-fixed-2{top:auto!important;bottom:90px!important;font-size:7px!important;line-height:1.2!important}
  .woogi-project-fixed-1{left:20px!important;width:45%!important}
  .woogi-project-fixed-2{left:auto!important;right:58px!important;width:95px!important;text-align:right}
  .woogi-project-fixed-4,.woogi-project-fixed-5,.woogi-project-fixed-6{top:auto!important;bottom:80px!important;left:auto!important;right:19px!important;width:26px!important;height:auto!important}
  .woogi-project-fixed-5,.woogi-project-fixed-6{bottom:90px!important;right:29px!important;width:6px!important}
  .woogi-detail-desktop{display:none}
  .woogi-detail-mobile{display:flex;flex-direction:column;align-items:flex-start;gap:14px;box-sizing:border-box;padding:74px clamp(18px,5vw,40px) calc(110px + env(safe-area-inset-bottom,0px));width:100%;background:#141414}
  .woogi-detail-mobile-text{font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:clamp(14px,var(--original-size,14px),20px);line-height:1.65;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;margin:8px 0;color:#fff;letter-spacing:0}
  .woogi-detail-mobile-text.is-body-copy{width:100%;font-size:17px;line-height:29px;letter-spacing:0;transform:scale(1,.99);transform-origin:top left}
  .woogi-detail-mobile-text.is-role-intro{width:calc(100% / 1.02);font-size:17px;line-height:29px;letter-spacing:0;transform:scale(1.02,.99);transform-origin:top left}
  .woogi-detail-mobile-text.is-heading{font-size:clamp(17px,4.4vw,22px);line-height:1.45;font-weight:700;margin-top:44px}
  .woogi-detail-mobile-text.is-type-specimen{font-size:clamp(28px,8vw,48px);line-height:1.12}
  .woogi-detail-mobile-image{display:block;max-width:100%;height:auto;object-fit:contain;margin:9px auto 16px}
  .woogi-detail-mobile-image.is-wide{width:100%}
  .woogi-detail-mobile-image.is-small{width:min(100%,420px)}
  .woogi-detail-mobile-image.is-pretendard-specimen{width:100%;margin-left:0;margin-right:0}
  .woogi-detail-mobile-image.woogi-detail-device{height:auto;object-fit:initial;flex:none}
  .woogi-detail-mobile-footer{align-self:stretch;box-sizing:border-box;width:100%;margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.38);display:grid;grid-template-columns:1fr auto;gap:20px 12px;align-items:start}
  .woogi-detail-mobile-brand{display:flex;align-items:center;gap:9px;min-width:0;color:rgba(255,255,255,.55);font:600 11px/1 "Pretendard Variable",Pretendard,sans-serif}
  .woogi-detail-mobile-mark{width:105px;height:24px;object-fit:contain}
  .woogi-detail-mobile-portrait{width:46px;height:45px;object-fit:cover;border-radius:50%}
  .woogi-detail-mobile-contact{grid-column:1/-1;display:grid;gap:9px;min-width:0;font:400 12px/1.4 "Pretendard Variable",Pretendard,sans-serif}
  .woogi-detail-mobile-contact a{width:max-content;max-width:100%;color:rgba(255,255,255,.82);text-decoration:none;overflow-wrap:anywhere}
  .woogi-detail-mobile-contact a:focus-visible{outline:2px solid #91e8ce;outline-offset:3px}
  .svc-detail-overlay.is-project-detail .svc-detail-close{left:50%;right:auto;top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:50px;height:50px;transform:translateX(-50%);border-radius:50%;background:rgba(0,0,0,.75)}
  .svc-detail-overlay.is-project-detail .svc-detail-scroll{padding:0}
}
@media(max-width:360px){
  .woogi-project-fixed-1{max-width:140px!important;white-space:normal!important}
  .woogi-project-fixed-2{right:52px!important;width:80px!important}
}
@media(prefers-reduced-motion:reduce){.woogi-project-fixed-6,.woogi-project-tile-base-wrap{animation:none;opacity:1}.woogi-project-tile-base,.woogi-project-tile-hover,.woogi-project-tile-soon,.woogi-detail-hero-image,.woogi-detail-hero::before{transition:none}}

.svc-detail-overlay .svc-detail-close::before,.svc-detail-overlay .svc-detail-close::after{content:none!important;display:none!important}