.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}@media (min-width:900px){.case-detail{gap:64px;max-width:860px;padding:0 48px}.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}}
