.project-carousel[data-v-dc5ffd54]{--pc-side-w:clamp(168px,18.54vw,356px);--pc-side-h:clamp(202px,22.29vw,428px);--pc-main-w:clamp(320px,42.6vw,818px);--pc-main-h:clamp(480px,46.35vw,890px);--pc-gap-l:clamp(28px,7.19vw,138px);--pc-gap-r:clamp(36px,13.125vw,252px);--pc-img-w:clamp(300px,44.06vw,846px);--pc-img-h:clamp(152px,22.29vw,428px);--pc-img-left:clamp(36px,4.9vw,94px);--pc-img-top:clamp(148px,16.93vw,325px);--pc-pad-x:clamp(20px,3.125vw,60px);--pc-side-mb:clamp(48px,6.77vw,130px);--pc-slide-ease:ease;align-items:center;flex-direction:column;left:50%;margin:11px 0 0;transform:translate(-50%);width:min(100vw,1920px)}.project-carousel[data-v-dc5ffd54],.project-carousel__container[data-v-dc5ffd54]{display:flex;justify-content:center;overflow:visible;position:relative}.project-carousel__container[data-v-dc5ffd54]{margin:0 auto;max-width:1920px;padding:clamp(48px,4.95vw,95px) 0 0;width:100%}.project-carousel[data-v-dc5ffd54] .project-carousel__swiper{height:var(--pc-main-h);margin:0;overflow:visible;width:var(--pc-main-w)}.project-carousel[data-v-dc5ffd54] .swiper-wrapper{align-items:stretch}.project-carousel[data-v-dc5ffd54] .swiper-slide{align-items:flex-end;box-sizing:border-box;display:flex;height:var(--pc-main-h);pointer-events:none}.project-carousel[data-v-dc5ffd54] .swiper-slide-active{z-index:2}.project-carousel__inner[data-v-dc5ffd54]{background:#fff;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:var(--pc-side-h);margin:0 var(--pc-gap-l) var(--pc-side-mb) auto;overflow:hidden;pointer-events:auto;position:relative;transition:width .4s var(--pc-slide-ease),height .4s var(--pc-slide-ease),margin .4s var(--pc-slide-ease),background-color .4s var(--pc-slide-ease);width:var(--pc-side-w)}.project-carousel[data-v-dc5ffd54] .swiper-slide-next .project-carousel__inner{margin:0 auto var(--pc-side-mb) var(--pc-gap-r)}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__inner{background:#f5f5f5;cursor:default;height:100%;margin:0;overflow:visible;width:100%}.project-carousel__circles[data-v-dc5ffd54]{align-items:center;bottom:clamp(16px,1.15vw,22px);display:flex;gap:clamp(10px,.83vw,16px);height:24px;justify-content:center;left:50%;position:absolute;transform:translate(-50%);z-index:6}.project-carousel__circle[data-v-dc5ffd54],.project-carousel__circle--current[data-v-dc5ffd54]{align-items:center;background:transparent;border:0;box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 18px;height:18px;justify-content:center;padding:0;width:18px}.project-carousel__circle[data-v-dc5ffd54]:after{background:#e40513;border-radius:50%;content:"";height:12px;width:12px}.project-carousel__circle--current[data-v-dc5ffd54]{background:#d8d8d800;border:1px solid #e40513;border-radius:50%}.project-carousel__arrow[data-v-dc5ffd54]{background:transparent;border:0;border-right:2px solid #e40513;border-top:2px solid #e40513;cursor:pointer;display:grid;height:10px;margin:0;padding:0;place-items:center;transform:rotate(45deg);width:10px}.project-carousel__arrow--prev[data-v-dc5ffd54]{transform:rotate(-135deg)}.project-carousel__image[data-v-dc5ffd54]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.project-carousel__media[data-v-dc5ffd54]{height:100%;position:relative;width:100%;z-index:1}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__media{height:auto;left:var(--pc-img-left);position:absolute;top:var(--pc-img-top);width:var(--pc-img-w)}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__image{height:var(--pc-img-h)}.project-carousel__phone[data-v-dc5ffd54]{color:#333;display:none;font-size:clamp(13px,.83vw,16px);line-height:1.5;margin-top:20px}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__phone{display:block}.project-carousel__overlay[data-v-dc5ffd54]{align-items:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.64));bottom:0;display:flex;left:0;min-height:72px;opacity:1;padding:0 clamp(12px,1.25vw,24px) clamp(12px,1.15vw,22px);pointer-events:none;position:absolute;right:0;transition:opacity .4s var(--pc-slide-ease);z-index:2}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__overlay{opacity:0}.project-carousel__name[data-v-dc5ffd54]{color:#fff;font-size:clamp(14px,.94vw,18px);font-weight:500;line-height:1.4}.project-carousel__copy[data-v-dc5ffd54]{align-items:flex-start;background:transparent;box-sizing:border-box;display:flex;flex-direction:column;left:0;opacity:0;padding:clamp(20px,1.56vw,30px) var(--pc-pad-x) 0;pointer-events:none;position:absolute;top:0;transition:opacity .4s var(--pc-slide-ease);width:100%;z-index:2}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__copy{opacity:1;pointer-events:auto}.project-carousel__copy h3[data-v-dc5ffd54]{color:#333;font-size:clamp(18px,1.25vw,24px);font-weight:600;line-height:1;margin:0}.project-carousel__copy p[data-v-dc5ffd54]{color:#333;display:-webkit-box;font-size:15px;line-height:24px;margin:clamp(16px,1.15vw,22px) 0 0;max-height:4.5em;overflow:hidden;text-align:justify;text-indent:2em;width:min(100%,698px);-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-carousel__copy button[data-v-dc5ffd54]{background:#e40513;border:0;color:#fff;cursor:pointer;font-size:clamp(14px,.83vw,16px);height:clamp(40px,2.5vw,48px);margin-top:clamp(24px,3.07vw,59px);width:clamp(120px,7.5vw,144px)}@media (prefers-reduced-motion:reduce){.project-carousel__copy[data-v-dc5ffd54],.project-carousel__inner[data-v-dc5ffd54],.project-carousel__overlay[data-v-dc5ffd54]{transition:none}}@media (max-width:1439px){.project-carousel[data-v-dc5ffd54]{--pc-gap-l:clamp(20px,4vw,72px);--pc-gap-r:clamp(24px,6vw,120px)}}@media (max-width:979px){.project-carousel[data-v-dc5ffd54]{left:auto;transform:none;width:100%;--pc-main-w:min(100%,680px);--pc-main-h:auto;--pc-img-w: calc(100% - 24px) ;--pc-img-h:auto;--pc-img-left:12px;--pc-img-top:auto;--pc-side-w:100%;--pc-side-h:auto;--pc-side-mb:0;--pc-gap-l:0;--pc-gap-r:0}.project-carousel__container[data-v-dc5ffd54]{overflow:hidden;padding:24px 24px 0}.project-carousel[data-v-dc5ffd54] .project-carousel__swiper{height:auto;overflow:hidden;width:100%}.project-carousel[data-v-dc5ffd54] .swiper-wrapper{height:auto!important}.project-carousel[data-v-dc5ffd54] .swiper-slide{height:auto}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__inner,.project-carousel[data-v-dc5ffd54] .swiper-slide-next .project-carousel__inner,.project-carousel__inner[data-v-dc5ffd54]{background:#f5f5f5;height:auto;margin:0;min-height:0;overflow:hidden;padding-bottom:64px;width:100%}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__copy,.project-carousel__copy[data-v-dc5ffd54]{opacity:1;padding:28px 28px 0;pointer-events:auto;position:relative}.project-carousel__copy p[data-v-dc5ffd54]{display:block;-webkit-line-clamp:unset;max-height:none}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__media,.project-carousel__media[data-v-dc5ffd54]{height:auto;left:auto;margin:28px 12px 0;position:relative;top:auto;width:calc(100% - 24px)}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__image,.project-carousel__image[data-v-dc5ffd54]{aspect-ratio:846/428;height:auto;width:100%}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__overlay,.project-carousel__overlay[data-v-dc5ffd54]{display:none}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__phone,.project-carousel__phone[data-v-dc5ffd54]{display:block}.project-carousel__circles[data-v-dc5ffd54]{bottom:20px}}@media (max-width:760px){.project-carousel[data-v-dc5ffd54]{margin-top:24px}.project-carousel__container[data-v-dc5ffd54]{padding:0 16px}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__inner,.project-carousel__inner[data-v-dc5ffd54]{padding-bottom:56px}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__copy,.project-carousel__copy[data-v-dc5ffd54]{padding:20px 20px 0}.project-carousel__copy h3[data-v-dc5ffd54]{font-size:20px}.project-carousel__copy p[data-v-dc5ffd54]{font-size:15px;line-height:1.7;margin-top:14px}.project-carousel__copy button[data-v-dc5ffd54]{font-size:15px;height:42px;margin-top:20px;width:126px}.project-carousel[data-v-dc5ffd54] .swiper-slide-active .project-carousel__media,.project-carousel__media[data-v-dc5ffd54]{margin:20px 8px 0;width:calc(100% - 16px)}.project-carousel__circles[data-v-dc5ffd54]{bottom:14px;gap:12px}}
