/* Work — case cards with in-place disclosure */
.cases{list-style:none;padding:0 var(--pad);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,20px);align-items:start}
@media (max-width:1000px){.cases{grid-template-columns:1fr}}
.case{--c:var(--yuzu);border-radius:22px;background:var(--paper);box-shadow:0 0 0 1px var(--line);position:relative;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s}
.case::before{content:"";position:absolute;inset:auto -30% -60% auto;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--c) 55%,transparent),transparent 68%);opacity:.35;z-index:-1;transition:opacity .6s var(--ease),transform .8s var(--ease)}
.case:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line),0 30px 60px -30px rgba(74,55,45,.35)}
.case:hover::before,.case.is-open::before{opacity:.8;transform:scale(1.25)}
.case__btn{display:grid;gap:10px;width:100%;text-align:left;padding:clamp(22px,2.4vw,34px);border-radius:22px}
.case__n{font-weight:200;font-size:clamp(46px,5vw,72px);line-height:1;letter-spacing:-.05em;color:var(--c);transition:transform .6s var(--ease)}
.case:hover .case__n{transform:translateX(6px)}
.case__name{font-size:clamp(28px,2.6vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:18px}
.case__disc{color:var(--ink-2)}
.case__prob{color:var(--ink-2);font-size:16px;margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s}
.case:hover .case__prob,.case__btn:focus-visible .case__prob{max-height:8em;opacity:1}
@media (hover:none){.case__prob{max-height:none;opacity:1}}
.case.is-open .case__prob{display:none}
.case__more{display:inline-flex;align-items:center;gap:10px;margin-top:14px;color:var(--ink)}
.case__more i{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);position:relative;transition:transform .5s var(--ease),background .3s}
.case__more i::before,.case__more i::after{content:"";position:absolute;left:7px;right:7px;top:12px;height:1.5px;background:currentColor}
.case__more i::after{transform:rotate(90deg);transition:transform .4s var(--ease)}
.case.is-open .case__more i{background:var(--yuzu);border-color:var(--yuzu);color:#fff}
.case.is-open .case__more i::after{transform:none}
.case__body{overflow:hidden}
.case__inner{padding:0 clamp(22px,2.4vw,34px) clamp(22px,2.4vw,34px);display:grid;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin:0 clamp(22px,2.4vw,34px);padding-left:0;padding-right:0}
.case__inner p{color:var(--ink-2);font-size:16px}
.case__inner .case__k{color:var(--ink);margin-top:6px}
.case__note{color:var(--ink-2)!important}
.case__delta{display:flex;align-items:center;gap:14px;margin-top:6px}
.case__delta span{font-size:14px;color:var(--ink-2)}
.case__delta b{font-size:34px;font-weight:200;letter-spacing:-.04em;color:var(--ink)}
.case__delta span:last-child b{font-weight:800;color:var(--yuzu)}
.case__delta i{flex:1;max-width:80px;height:1px;background:var(--c)}
.sec--sand .stat{background:var(--rice-2)}
.band{text-decoration:none}