.case-hero{padding-top:85px;padding-bottom:65px}
.case-back{display:inline-block;margin-bottom:65px;font-size:14px;font-weight:700}
.case-hero h1{max-width:1000px;margin:0;font-size:clamp(68px,10vw,138px);font-weight:650;line-height:.82;letter-spacing:-.075em}
.case-dek{max-width:720px;margin:40px 0 0;font-size:clamp(20px,2.3vw,30px);line-height:1.28;letter-spacing:-.025em}
.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:70px;padding-top:22px;border-top:1px solid var(--ink)}
.case-meta span{display:block;margin-bottom:4px;color:var(--ink-soft);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.case-visual{width:var(--wrap);margin:0 auto 100px;min-height:600px}
.case-visual.project-cover{aspect-ratio:auto;padding:55px}
.case-visual.project-cover>span{font-size:clamp(90px,15vw,210px)}
.case-visual.project-cover>small{font-size:14px}
.case-visual.image-case{overflow:hidden;background:#eee}
.case-visual.image-case img{width:100%;height:auto;min-height:560px;object-fit:cover}
.case-body{display:grid;grid-template-columns:240px minmax(0,680px);gap:70px;padding-bottom:115px}
.case-body aside{font-size:13px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.case-copy section+section{margin-top:65px;padding-top:55px;border-top:1px solid var(--line)}
.case-copy h2{margin:0 0 22px;font-size:clamp(33px,4vw,50px);line-height:1;letter-spacing:-.045em}
.case-copy p{margin:0;color:#42464d;font-size:18px}
.case-copy p+p{margin-top:18px}
.case-copy ul{margin:23px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.case-copy li{padding:13px 0;border-bottom:1px solid var(--line)}
.next-project{padding:78px 0 88px;background:var(--pink)}
.next-project p{margin:0 0 16px;font-size:13px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.next-project a{font-size:clamp(45px,7vw,92px);font-weight:650;line-height:.95;letter-spacing:-.06em}
@media(max-width:760px){.case-hero{padding-top:55px;padding-bottom:50px}.case-back{margin-bottom:48px}.case-hero h1{font-size:clamp(62px,19vw,90px)}.case-dek{margin-top:28px}.case-meta{grid-template-columns:1fr;gap:17px;margin-top:48px}.case-visual{width:100%;min-height:390px;margin-bottom:65px}.case-visual.project-cover{padding:28px}.case-visual.project-cover>span{font-size:20vw}.case-visual.image-case img{min-height:390px}.case-body{grid-template-columns:1fr;gap:28px;padding-bottom:75px}.case-copy section+section{margin-top:48px;padding-top:42px}.case-copy p{font-size:17px}.next-project{padding:58px 0 65px}}