.case-detail{background:#fff;flex-direction:column;gap:40px;width:100%;max-width:393px;min-height:100vh;margin:0 auto;display:flex}.case-detail .case-main{flex-direction:column;gap:40px;padding:0 16px;display:flex}.case-detail .case-main .case-hero{background:var(--thumb);width:100%;height:200px;position:relative;overflow:hidden}.case-detail .case-main .case-head{flex-direction:column;gap:12px;display:flex}.case-detail .case-main .case-head .case-title{letter-spacing:-.03em;color:var(--ink);font-size:32px;line-height:32px}.case-detail .case-main .case-head .case-tag{letter-spacing:-.03em;color:var(--ink-60);font-size:16px;line-height:22px}.case-detail .case-main .case-text{letter-spacing:-.03em;color:var(--ink);font-size:16px;line-height:22px}.case-detail .case-main .case-text p{margin:0}.case-detail .case-main .case-text p+p{margin-top:22px}.case-detail .case-main .case-block{flex-direction:column;gap:48px;display:flex}.case-detail .case-main .case-block .case-sub-block{flex-direction:column;gap:20px;display:flex}.case-detail .case-main .case-block .case-sub-block .case-subtitle{letter-spacing:-.03em;color:var(--ink);font-size:24px;line-height:24px}.case-detail .case-main .case-images{flex-direction:column;gap:20px;display:flex}.case-detail .case-main .case-images .case-img{background:var(--thumb);width:100%;height:200px;overflow:hidden}.case-detail .case-main .case-images .case-img img{object-fit:cover;width:100%;height:100%}.case-detail .case-main .case-vimeo{width:100%;aspect-ratio:var(--case-ratio,16/9);background:var(--thumb);position:relative;overflow:hidden}.case-detail .case-main .case-vimeo iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.case-detail .more-work{flex-direction:column;gap:24px;padding:0 16px;display:flex}.case-detail .more-work .more-work-heading{color:var(--ink-40);font-size:24px;line-height:24px}.case-detail .more-work .more-work-list{flex-direction:column;gap:20px;display:flex}.case-detail .more-work .more-work-item{border-top:1px solid var(--ink-12);flex-direction:column;gap:6px;padding:16px 0;display:flex}.case-detail .more-work .more-work-item .more-work-title{color:var(--ink);font-size:17px;line-height:20px}.case-detail .more-work .more-work-item .more-work-sub{color:var(--ink-60);font-size:15px;line-height:20px}@media (min-width:900px){.case-detail{gap:64px;max-width:860px;padding:0 48px}.case-detail .more-work{gap:32px;padding:0}.case-detail .more-work .more-work-heading{font-size:30px;line-height:30px}.case-detail .more-work .more-work-item{padding:20px 0;transition:opacity .2s}.case-detail .more-work .more-work-item:hover{opacity:.6}.case-detail .more-work .more-work-item .more-work-title{font-size:20px;line-height:24px}.case-detail .more-work .more-work-item .more-work-sub{font-size:16px;line-height:24px}.case-detail .case-main{gap:56px;padding:0}.case-detail .case-main .case-hero{aspect-ratio:16/9;height:auto}.case-detail .case-main .case-head .case-title{font-size:44px;line-height:1.04}.case-detail .case-main .case-head .case-tag{font-size:18px;line-height:26px}.case-detail .case-main .case-text{max-width:100%;font-size:18px;line-height:28px}.case-detail .case-main .case-text p+p{margin-top:28px}.case-detail .case-main .case-block{gap:56px}.case-detail .case-main .case-block .case-sub-block .case-subtitle{font-size:30px;line-height:1.1}.case-detail .case-main .case-images .case-img{aspect-ratio:16/9;height:auto}}