.case-page[data-v-c89a726f]{color:var(--ink)}.main[data-v-c89a726f]{padding-bottom:max(75px,6.25vw)}.wrap[data-v-c89a726f]{width:91.67%;margin-left:auto;margin-right:auto}.head-box[data-v-c89a726f]{margin-top:max(102.48px,8.54vw);margin-bottom:max(18.75px,1.5625vw)}.title-box[data-v-c89a726f]{display:flex;align-items:center;justify-content:space-between}.h1[data-v-c89a726f],.num[data-v-c89a726f]{font-family:var(--font-display);font-size:max(30px,2.5vw);line-height:1.21;font-weight:400}.filter-box[data-v-c89a726f]{margin-top:max(62.5px,5.2083vw);display:flex;align-items:center;gap:max(37.5px,3.125vw)}.filter-item[data-v-c89a726f]{position:relative;cursor:pointer}.label-box[data-v-c89a726f]{display:flex;align-items:center;justify-content:space-between;gap:max(6.25px,.5208vw);width:max(175px,14.5833vw);padding-bottom:max(6.25px,.5208vw);border-bottom:1px solid rgba(0,0,0,.4)}.label[data-v-c89a726f]{font-size:max(8.75px,.7292vw);line-height:1.4;color:#0006;font-weight:500}.icon[data-v-c89a726f]{width:max(7.5px,.625vw);flex:none;transition:transform .3s}.active-dropdown .icon[data-v-c89a726f]{transform:rotate(180deg)}.dropdown[data-v-c89a726f]{position:absolute;top:100%;inset-inline-start:0;width:100%;padding:max(6.25px,.5208vw) 0;background:#fff;box-shadow:0 max(2.5px,.2083vw) max(7.5px,.625vw) #0000001a;z-index:10;opacity:0;visibility:hidden;transform:translateY(max(6.25px,.5208vw));pointer-events:none;transition:opacity .32s cubic-bezier(.22,.61,.36,1),transform .32s cubic-bezier(.22,.61,.36,1),visibility linear .32s}.dropdown.show[data-v-c89a726f]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .32s cubic-bezier(.22,.61,.36,1),transform .32s cubic-bezier(.22,.61,.36,1),visibility linear}.dropdown .li[data-v-c89a726f]{padding:max(6.25px,.5208vw) max(12.5px,1.0417vw);font-size:max(8.75px,.7292vw);color:#0009;font-weight:500;transition:background .3s,color .3s}.dropdown .li[data-v-c89a726f]:hover,.dropdown .li.active[data-v-c89a726f]{background:#f7f7f7;color:#000}.view-by[data-v-c89a726f]{margin-inline-start:auto;display:flex;align-items:center;gap:max(12.5px,1.0417vw)}.view-by .label[data-v-c89a726f]{text-transform:uppercase}.icons[data-v-c89a726f]{display:flex;align-items:center;gap:max(12.5px,1.0417vw)}.icon-item[data-v-c89a726f]{display:block;padding:0;border:none;background:none;color:#000;opacity:.4;cursor:pointer;transition:opacity .3s}.icon-item[data-v-c89a726f]:hover,.icon-item.active[data-v-c89a726f]{opacity:1}.icon-item svg[data-v-c89a726f]{display:block;width:max(10px,.8333vw);height:max(10px,.8333vw);fill:currentColor}.list-section[data-v-c89a726f]{margin-top:max(31.25px,2.6042vw)}.case-list[data-v-c89a726f]{display:grid;grid-template-columns:repeat(3,1fr);gap:max(50px,4.1667vw) max(19.38px,1.6146vw)}.case-card[data-v-c89a726f]{display:block}.img-box[data-v-c89a726f]{position:relative;width:100%;aspect-ratio:566 / 708;overflow:hidden;background:#f7f7f7}.img-box .img[data-v-c89a726f]{width:100%;height:100%;object-fit:cover;transition:transform .6s}.tag-box[data-v-c89a726f]{position:absolute;top:max(6.25px,.5208vw);inset-inline-end:max(6.25px,.5208vw);display:flex;gap:max(6.25px,.5208vw)}.tag[data-v-c89a726f]{padding:max(3.13px,.2604vw) max(9.38px,.7813vw);background:#0000004d;color:#fff;font-family:var(--font-display);font-size:max(7.5px,.625vw);line-height:1.17;font-weight:400;-webkit-backdrop-filter:blur(max(12.5px,1.0417vw));backdrop-filter:blur(max(12.5px,1.0417vw))}.info[data-v-c89a726f]{margin-top:max(18.75px,1.5625vw)}.name[data-v-c89a726f]{font-size:max(11.25px,.9375vw);line-height:1.2;font-weight:500}.desc[data-v-c89a726f]{margin-top:max(6.25px,.5208vw);font-size:max(10px,.8333vw);line-height:1.25;color:#000;font-weight:400}.text-underline[data-v-c89a726f]{background-image:linear-gradient(to bottom,transparent 97%,#000 0);background-repeat:no-repeat;background-size:0 100%;background-position:0 100%;padding-bottom:max(1.25px,.1042vw);text-decoration:none;transition:background-size .36s cubic-bezier(.32,.17,0,1)}.btn-box[data-v-c89a726f]{margin-top:max(62.5px,5.2083vw);text-align:center}.preview-panel[data-v-c89a726f],.go[data-v-c89a726f]{display:none}.view-gallery .main[data-v-c89a726f]{display:flex;align-items:stretch;padding-top:var(--nav-h);min-height:calc(100vh - var(--nav-h));padding-bottom:0}.view-gallery .preview-panel[data-v-c89a726f]{display:flex;align-items:center;justify-content:center;width:50%;background:#f3f2ee;position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h))}.preview-inner[data-v-c89a726f]{width:max(250px,20.8333vw);text-align:center}.preview-inner .img-box[data-v-c89a726f]{width:100%;aspect-ratio:unset;margin-bottom:max(12.5px,1.0417vw)}.preview-inner .img-box .img[data-v-c89a726f]{transition:transform .5s}.preview-inner .tag-box[data-v-c89a726f]{display:block;padding:max(1.88px,.1563vw) max(6.25px,.5208vw) max(4.38px,.3646vw)}.preview-inner .tag-box .tag[data-v-c89a726f]{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;font-size:max(8.75px,.7292vw);letter-spacing:max(1.04px,.0868vw)}.preview-inner .name[data-v-c89a726f]{font-size:max(12.5px,1.0417vw);line-height:1.2;margin-bottom:max(6.25px,.5208vw);color:#000}.preview-inner .desc[data-v-c89a726f]{font-size:max(10px,.8333vw);line-height:1.25;color:#1e1e1e99}.view-gallery .list-panel[data-v-c89a726f]{width:50%;padding:max(25px,2.0833vw) 0}.view-gallery .list-panel .wrap[data-v-c89a726f]{width:auto;padding-inline:max(50px,4.1667vw)}.view-gallery .head-box[data-v-c89a726f]{margin-top:0;margin-bottom:max(18.75px,1.5625vw);display:flex;align-items:center;justify-content:space-between}.view-gallery .title-box[data-v-c89a726f]{display:flex;align-items:baseline}.view-gallery .head-box .h1[data-v-c89a726f]{font-size:max(11.25px,.9375vw);line-height:1.33;margin-inline-end:max(7.5px,.625vw)}.view-gallery .head-box .num[data-v-c89a726f]{font-size:max(11.25px,.9375vw);line-height:1.33}.view-gallery .filter-box[data-v-c89a726f]{margin-top:0;width:auto}.view-gallery .filter-item[data-v-c89a726f]{display:none}.view-gallery .case-list[data-v-c89a726f]{grid-template-columns:repeat(4,1fr);gap:max(50px,4.1667vw) max(66.25px,5.5208vw)}.view-gallery .case-card[data-v-c89a726f]{aspect-ratio:4 / 5}.view-gallery .case-card .img-box[data-v-c89a726f]{width:100%;height:100%;aspect-ratio:unset}.view-gallery .case-card .img-box[data-v-c89a726f]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1;opacity:0;transition:opacity .3s}.view-gallery .case-card .img-box .img[data-v-c89a726f]{filter:grayscale(100%);opacity:.8;transition:filter .3s,opacity .3s}.view-gallery .case-card .tag-box[data-v-c89a726f],.view-gallery .case-card .info[data-v-c89a726f]{display:none}.view-gallery .case-card:hover .img-box[data-v-c89a726f]:before,.view-gallery .case-card.active .img-box[data-v-c89a726f]:before{opacity:1}.view-gallery .case-card:hover .img-box .img[data-v-c89a726f],.view-gallery .case-card.active .img-box .img[data-v-c89a726f]{filter:grayscale(0);opacity:1}.view-gallery .go[data-v-c89a726f]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(20px,1.6667vw);height:max(20px,1.6667vw);color:#fff;z-index:2}.view-gallery .case-card:hover .go[data-v-c89a726f],.view-gallery .case-card.active .go[data-v-c89a726f]{display:block}.view-gallery .go svg[data-v-c89a726f]{display:block;width:100%;height:100%;fill:currentColor}.view-gallery .btn-box[data-v-c89a726f]{display:none}@media (max-width: 1024px){.case-list[data-v-c89a726f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.main[data-v-c89a726f]{padding-bottom:16vw}.head-box[data-v-c89a726f]{margin-top:21.3333vw;margin-bottom:5.3333vw}.h1[data-v-c89a726f],.num[data-v-c89a726f]{font-size:7.4667vw;line-height:1.29}.filter-box[data-v-c89a726f]{margin-top:5.3333vw;flex-direction:column;align-items:flex-start;gap:2.6667vw;width:100%}.filter-item[data-v-c89a726f]{width:100%}.label-box[data-v-c89a726f]{width:100%;padding:5.3333vw 0}.label[data-v-c89a726f]{font-size:3.2vw;line-height:3.2vw}.icon[data-v-c89a726f]{width:4.2667vw}.dropdown .li[data-v-c89a726f]{font-size:3.7333vw;padding:2.6667vw 4vw}.view-by[data-v-c89a726f]{margin-inline-start:0;margin-top:5.3333vw;width:100%;justify-content:center;padding:3.2vw 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);gap:5.3333vw}.view-by .label[data-v-c89a726f]{font-size:2.9333vw}.icons[data-v-c89a726f]{gap:4vw}.icon-item svg[data-v-c89a726f]{width:4.8vw;height:4.8vw}.case-list[data-v-c89a726f]{grid-template-columns:1fr;gap:16vw}.img-box[data-v-c89a726f]{aspect-ratio:345 / 431}.tag[data-v-c89a726f]{font-size:2.6667vw;padding:1.6vw 4.2667vw;-webkit-backdrop-filter:none;backdrop-filter:none}.info[data-v-c89a726f]{margin-top:5.3333vw}.name[data-v-c89a726f]{font-size:5.3333vw;line-height:6.4vw}.desc[data-v-c89a726f]{margin-top:2.6667vw;font-size:3.7333vw;color:#0009}.btn-box[data-v-c89a726f]{margin-top:16vw}.btn-box .btn[data-v-c89a726f]{min-height:10.6667vw;padding:0 10.6667vw;font-size:3.2vw}.view-gallery .main[data-v-c89a726f]{flex-direction:column;min-height:auto;padding-bottom:11.7333vw}.view-gallery .preview-panel[data-v-c89a726f]{order:2;position:static;width:100%;height:auto;background:#f0efeb;margin-bottom:9.2vw}.preview-inner[data-v-c89a726f]{width:100%;padding:0 12.6667vw}.preview-inner .img-box[data-v-c89a726f]{aspect-ratio:345 / 431;margin-bottom:5.3333vw}.preview-inner .tag-box[data-v-c89a726f]{padding:1.0667vw 4vw 1.6vw}.preview-inner .tag-box .tag[data-v-c89a726f]{font-size:2.6667vw;line-height:3.2vw}.preview-inner .name[data-v-c89a726f]{font-size:3.7333vw;line-height:4.5333vw;margin-bottom:2.6667vw}.preview-inner .desc[data-v-c89a726f]{font-size:3.2vw;line-height:3.8667vw;color:#000}.view-gallery .list-panel[data-v-c89a726f]{width:100%;padding:0}.view-gallery .list-panel .wrap[data-v-c89a726f]{width:91.67%;padding-inline:0}.view-gallery .case-list[data-v-c89a726f]{grid-template-columns:repeat(4,1fr);gap:5.3333vw 2.6667vw}}