.case-index{background:#050505}.case-index::after{display:none}.index-inner{width:min(1120px,88vw);margin-top:60px}.index-inner h2{margin:0 0 30px;font:400 clamp(46px,6vw,88px)/1 Georgia,serif;letter-spacing:.12em}.case-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px;border-top:1px solid #292826}.case-links a{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #292826;font:13px Georgia,"Yu Mincho",serif;letter-spacing:.07em}.case-links b{color:#c7a676;font:10px Arial,sans-serif;letter-spacing:.2em}.all-case{background:#000}.all-case>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.55) 38%,rgba(0,0,0,.04) 68%),linear-gradient(180deg,rgba(0,0,0,.38),transparent 35%,rgba(0,0,0,.46))}.case-copy{position:absolute;z-index:3;left:clamp(30px,7vw,130px);top:50%;transform:translateY(-42%);width:min(520px,42vw);text-shadow:0 2px 20px #000}.case-copy p{margin:0 0 22px;color:#c7a676;font:10px Arial,sans-serif;letter-spacing:.38em}.case-copy h2{margin:0;font:400 clamp(45px,5.5vw,92px)/.95 Georgia,serif;letter-spacing:.1em}.case-copy span{display:block;margin-top:28px;font:clamp(14px,1.2vw,20px) "Yu Mincho",serif;letter-spacing:.14em}.light-case .case-overlay{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.48) 40%,rgba(0,0,0,.08) 68%)}
@media(max-width:700px){.index-inner{margin-top:56px;width:88vw}.index-inner h2{font-size:38px;margin-bottom:20px}.case-links{grid-template-columns:1fr 1fr;gap:0 18px}.case-links a{grid-template-columns:28px 1fr;padding:9px 0;font-size:10px}.all-case>img{object-position:center}.case-overlay,.light-case .case-overlay{background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.08) 45%,rgba(0,0,0,.9) 78%,#050505)}.case-copy{left:22px;right:22px;top:auto;bottom:72px;transform:none;width:auto}.case-copy p{margin-bottom:10px}.case-copy h2{font-size:38px}.case-copy span{margin-top:14px;font-size:13px}.case-index .next{display:none}}
.detail-link{position:absolute;z-index:4;left:clamp(30px,7vw,130px);top:72%;padding:13px 0;border-bottom:1px solid #837a6e;color:#fff;font:10px Arial,sans-serif;letter-spacing:.28em}.detail-link:hover{color:#c7a676}@media(max-width:700px){.detail-link{left:22px;top:auto;bottom:34px}}
html{scroll-snap-type:none}.book-page{scroll-snap-align:none}.case-index{height:auto;min-height:auto;padding:150px 0 110px}.case-index .next{display:none}.index-inner{margin:0}.cases-flow{padding:7vw 5vw 10vw;background:#080808;display:grid;grid-template-columns:repeat(12,1fr);gap:7vw 3vw}.cases-flow .all-case{height:auto;min-height:0;aspect-ratio:4/3;border:1px solid #211f1d;overflow:hidden}.cases-flow .all-case:nth-child(4n+1){grid-column:1/span 8}.cases-flow .all-case:nth-child(4n+2){grid-column:7/span 6;aspect-ratio:4/5;margin-top:10vw}.cases-flow .all-case:nth-child(4n+3){grid-column:2/span 5;aspect-ratio:4/5}.cases-flow .all-case:nth-child(4n){grid-column:5/span 8}.cases-flow .all-case>img{transition:transform 1s cubic-bezier(.2,.75,.25,1),filter .8s}.cases-flow .all-case:hover>img{transform:scale(1.025);filter:brightness(1.04)}.cases-flow .case-copy{left:clamp(22px,3vw,48px);bottom:clamp(60px,7vw,100px);top:auto;transform:none;width:72%}.cases-flow .case-copy h2{font-size:clamp(28px,3.5vw,60px)}.cases-flow .case-copy span{font-size:clamp(11px,1vw,15px);margin-top:16px}.cases-flow .detail-link{left:clamp(22px,3vw,48px);top:auto;bottom:26px}.cases-flow .next{display:none}
@media(max-width:700px){.case-index{padding:105px 0 65px}.cases-flow{display:block;padding:34px 14px 80px}.cases-flow .all-case,.cases-flow .all-case:nth-child(n){width:100%;aspect-ratio:4/5;margin:0 0 28px}.cases-flow .all-case:nth-child(3n){aspect-ratio:4/3}.cases-flow .case-copy{left:20px;right:20px;bottom:58px;width:auto}.cases-flow .case-copy h2{font-size:34px}.cases-flow .detail-link{left:20px;bottom:20px}.cases-flow .case-overlay{background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 42%,rgba(0,0,0,.9) 86%,#050505)}}

/* Use the full canvas: the clinical portraits should feel cinematic, not boxed in. */
@media(min-width:701px){
  .cases-flow{display:block;padding:5vw 3.5vw 9vw}
  .cases-flow .all-case,.cases-flow .all-case:nth-child(n){width:100%;aspect-ratio:16/9;margin:0 0 5vw}
  .cases-flow .case-copy{width:min(520px,38vw)}
}

/* A before-only visual archive: results remain inside each detail page. */
.case-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(52px,7vw,112px) clamp(24px,4vw,64px);border-top:0}
.case-links a{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:0 0 18px;border-bottom:1px solid #292826;align-items:center;overflow:hidden}
.case-links a img{grid-column:1/-1;display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;background:#0b0b0b;filter:saturate(.86) contrast(.98);transition:transform .8s ease,filter .5s ease}
.case-links a:hover img{transform:scale(1.015);filter:saturate(1)}
.case-links a span{font-size:11px;letter-spacing:.2em;color:#d8d1c8}
@media(max-width:700px){
  .case-links{grid-template-columns:1fr;gap:42px}
  .case-links a{grid-template-columns:36px 1fr;gap:9px;padding-bottom:12px}
  .case-links a img{aspect-ratio:4/3}
}

/* Luxury casebook index: a quiet photographic archive, not a thumbnail dump. */
.case-index{padding:clamp(140px,13vw,230px) 0;background:#030303}
.index-inner{width:min(1680px,89vw)}.index-inner .eyebrow{margin-bottom:24px}.index-inner h2{font-size:clamp(66px,8vw,132px);letter-spacing:.15em;margin-bottom:clamp(70px,8vw,130px)}
.case-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(85px,10vw,170px) clamp(30px,5vw,84px)}
.case-links a{grid-template-columns:58px 1fr;padding:0 0 22px;gap:16px;position:relative}
.case-links a img{aspect-ratio:3/2;filter:saturate(.72) contrast(1.05) brightness(.9);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .7s}
.case-links a:hover img{transform:scale(1.012);filter:saturate(.92) contrast(1.03) brightness(1)}
.case-links a b{font-size:10px}.case-links a span{font:13px Georgia,"Yu Mincho",serif;letter-spacing:.2em}
.cases-flow{display:none!important}
@media(min-width:1100px){.case-links a:nth-child(4n+2),.case-links a:nth-child(4n+4){transform:translateY(100px)}}
@media(min-width:900px){.case-links a:first-child{grid-column:1/-1;width:100%}.case-links a:first-child img{aspect-ratio:16/8;object-position:center}}
@media(max-width:700px){.case-index{padding:108px 0 80px}.index-inner{width:calc(100vw - 30px)}.index-inner h2{font-size:46px;margin-bottom:56px}.case-links{grid-template-columns:1fr;gap:58px}.case-links a{grid-template-columns:38px 1fr}.case-links a img{aspect-ratio:4/3}.case-links a span{font-size:11px}}