.case{background:var(--page-bg);padding-bottom:2rem}.case__wrap{max-width:var(--container);margin:0 auto;padding:2.5rem 1.5rem 0}.case__back{color:var(--black-main);opacity:.55;align-items:center;gap:6px;margin-bottom:2rem;font-size:13px;transition:opacity .15s;display:inline-flex}.case__back:hover{opacity:1}.case__title{letter-spacing:-.03em;max-width:46rem;margin-bottom:12px;font-size:40px;font-weight:600;line-height:1.15}.case__meta{color:var(--muted);max-width:46rem;margin-bottom:1rem;font-size:14px}.case__layout{grid-template-columns:1fr 200px;align-items:start;gap:4rem;display:grid}.case__content{min-width:0;max-width:740px}.case__content section{margin-bottom:1rem}.case__h2{padding:24px 0 16px;font-size:28px;font-weight:600;line-height:1.2}.case__h3{padding:16px 0 8px;font-size:20px;font-weight:600;line-height:1.2}.case__content p{padding:8px 0;font-size:16px;line-height:1.55}.case__list{flex-direction:column;gap:12px;padding:8px 0;display:flex}.case__list li{padding-left:20px;font-size:16px;line-height:1.55;position:relative}.case__list li:before{content:"";background:var(--blue-primary);border-radius:2px;width:8px;height:8px;position:absolute;top:8px;left:0}.case__figure,.case__gallery{margin:0;padding:24px 0}.case__gallery-track{scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.case__gallery-item{scroll-snap-align:start;flex:none;height:320px}.case__gallery-item img{border-radius:var(--radius-lg);width:auto;height:100%;display:block}.case__figure img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.case__placeholder{text-align:center;aspect-ratio:16/9;border:1px dashed var(--border-hair);border-radius:var(--radius-lg);background:var(--white-main);color:var(--muted);justify-content:center;align-items:center;margin:24px 0;padding:24px;font-size:13px;display:flex}.case__table-wrap{background:var(--white-main);border:1px solid var(--border-hair);border-radius:var(--radius-lg);margin:24px 0;overflow:hidden}.case__table{border-collapse:separate;border-spacing:0;background:var(--white-main);width:100%;font-size:14px}.case__table th,.case__table td{text-align:left;border-bottom:1px solid var(--border-hair);vertical-align:top;color:var(--black-main);padding:12px 16px}.case__table th{background:var(--white-main);font-weight:600}.case__table td{font-weight:400}.case__table tr:last-child td{border-bottom:none}.case__todo{color:#7a5c00;background:#fff3cf;border-radius:4px;padding:0 4px}p.case__note-text{color:var(--muted);border-left:2px solid var(--border-hair);max-width:46rem;margin-bottom:2rem;padding-left:12px;font-size:14px;line-height:1.5}.case__metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:8px 0 16px;display:grid}.case__metric{background:var(--white-main);border:1px solid var(--border-hair);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:20px;display:flex}.case__metric-value{color:var(--blue-primary);font-size:28px;font-weight:600;line-height:1.15}.case__metric-label{color:var(--muted);font-size:14px}.case__ghost-btn{border:1px solid var(--border-hair);background:var(--white-main);color:var(--black-main);letter-spacing:-.03em;border-radius:999px;align-items:center;gap:.5rem;margin:8px 0 24px;padding:.5rem 1rem;font-size:13px;transition:background-color .15s,border-color .15s;display:inline-flex}.case__ghost-btn:hover{background:#f2f2f2}.case__ghost-btn:active{background:#e6e6e6}.case__nav{position:sticky;top:76px}.case__nav nav{flex-direction:column;gap:12px;display:flex}.case__nav a{opacity:.45;font-size:13px;line-height:1.3;transition:opacity .15s}.case__nav a:hover{opacity:.8}.case__nav a.is-active{opacity:1;font-weight:600}@media (width<=900px){.case__layout{grid-template-columns:1fr}.case__nav{display:none}.case__title{font-size:28px}}