.case-shell{background:var(--white)}.case-hero{padding:90px 5vw 60px;text-align:center}.case-hero h1{font-size:clamp(75px,13vw,190px);letter-spacing:-.09em;line-height:.8;margin:55px 0 35px}.case-lead{font-size:clamp(18px,2vw,28px);line-height:1.45;letter-spacing:-.025em;max-width:820px;margin:0 auto;color:var(--muted)}.case-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:38px 0 70px}.case-meta span{font:10px DM Mono;border:1px solid var(--line);border-radius:30px;padding:9px 12px;background:var(--white)}.case-cover{height:clamp(430px,68vw,960px);padding:clamp(20px,5vw,75px);display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:28px 28px!important;overflow:hidden}.case-cover img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 35px rgba(0,0,0,.16))}.case-story{display:grid;grid-template-columns:150px 1fr;padding:120px 6vw;background:var(--paper);border-top:1px solid var(--line)}.case-story aside{font:10px DM Mono;position:relative;border-right:1px solid var(--line)}.case-story aside i{position:absolute;right:-4px;top:80px;width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 7px rgba(240,75,37,.15)}.story-content{max-width:980px;padding-left:8vw}.story-chapter{padding-bottom:110px}.story-content article{padding:35px 0 38px}.story-content small{font:10px DM Mono;color:var(--orange)}.story-content h2{font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:25px 0}.story-content article>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:750px}.case-diagram{min-height:180px;border:1px solid var(--line);background:var(--white);display:grid;grid-template-columns:1fr 1fr 120px 1fr 1fr;align-items:center;text-align:center;font:10px DM Mono;margin:8px 0 34px}.case-diagram i{height:1px;background:var(--orange);position:relative}.case-diagram i:after{content:'→';position:absolute;right:-5px;top:-8px;color:var(--orange)}.case-diagram strong{font-size:13px;background:var(--acid);padding:12px}.case-diagram em{font-style:normal}.case-media{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--white)}.case-media:empty{display:none}.case-media img{width:100%;height:auto;display:block}.case-next{text-align:center;padding:110px 5vw 150px;border-top:1px solid var(--line)}.case-next a{display:flex;justify-content:center;align-items:center;gap:25px;font-size:clamp(55px,10vw,145px);font-weight:700;letter-spacing:-.08em;line-height:1;margin-top:45px}.case-next a b{font-size:.5em;color:var(--orange)}.case-next a:hover span{color:var(--orange)}.case-cover .breath{color:white}@media(max-width:700px){.case-hero{padding:65px 22px 35px}.case-hero h1{font-size:72px;margin-top:40px}.case-meta{margin-bottom:45px}.case-cover{height:360px;padding:12px}.case-story{grid-template-columns:28px 1fr;padding:75px 22px}.case-story aside span{display:none}.story-content{padding-left:22px}.story-chapter{padding-bottom:78px}.story-content article{padding:25px 0 30px}.story-content article>p{font-size:15px}.case-diagram{grid-template-columns:1fr;gap:18px;padding:28px}.case-diagram i{transform:rotate(90deg);width:35px;justify-self:center}.case-media{border-radius:7px}.case-next{padding:80px 20px 100px}}
