.case-study{overflow:clip}.case-header{position:relative}.case-hero{padding-top:16px}.case-back{color:var(--muted);margin-bottom:44px}.case-back svg{transform:rotate(-135deg)}.case-back:hover svg{transform:translate(-4px)rotate(-135deg)}.case-hero-heading{grid-template-columns:1.5fr 1fr;align-items:end;gap:64px;display:grid}.case-hero h1{font-size:clamp(72px,7.5vw,124px);line-height:1.1}.case-hero-heading>.body-large{max-width:46ch;padding-bottom:8px;font-size:17px}.case-facts{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0 40px;padding:24px 0;display:grid}.case-facts dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.case-facts dd{margin:8px 0 0;font-size:14px}.case-cover{aspect-ratio:2.05;background:#c67950;border-radius:6px;position:relative;overflow:hidden}.case-cover>img{object-fit:cover;object-position:center 55%;width:100%;height:100%}.case-cover-play{background:var(--text);color:var(--bg);min-height:52px;transition:background .2s var(--curve),transform .2s var(--curve);border-radius:32px;align-items:center;gap:16px;padding:14px 20px;font-size:13px;font-weight:650;display:flex;position:absolute;bottom:28px;left:28px}.case-cover-play:hover{background:var(--accent);transform:translateY(-3px)}.case-cover-play svg{width:18px;height:18px}.case-chapter,.case-architecture,.case-experience,.case-video-section{padding-block:100px}.case-chapter-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:100px;display:grid}.case-chapter-grid .display{font-size:clamp(52px,5.5vw,86px)}.case-chapter-grid .body-large{max-width:55ch;padding-top:6px;font-size:17px}.case-experience{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.case-experience .display{font-size:clamp(50px,4.8vw,80px)}.case-features{grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;display:grid}.case-features>div{border-top:1px solid var(--line);padding-top:18px}.case-features h3{font-size:16px;font-weight:650;line-height:1.4}.case-features p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.75}.case-screens{background:var(--surface);border-radius:6px;min-width:0;margin:0;padding:40px 24px 24px}.case-phone-pair{align-items:flex-start;gap:16px;padding-bottom:40px;display:flex}.case-phone-pair img{border:4px solid var(--dock);border-radius:22px;width:calc(50% - 8px);height:auto;box-shadow:0 8px 24px #0002,0 24px 32px #0002}.case-phone-pair img+img{margin-top:64px}.case-screens figcaption{color:var(--muted);letter-spacing:.04em;text-align:center;font-size:10px}.case-layers{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.case-layers article{border:1px solid var(--line);border-radius:6px;padding:30px}.case-layers span{color:var(--accent);font-size:12px}.case-layers h3{letter-spacing:-.03em;margin:32px 0 16px;font-size:20px;line-height:1.4}.case-layers p{color:var(--muted);font-size:14px;line-height:1.75}.case-video-layout{background:var(--dock);border:1px solid var(--line);border-radius:8px;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;padding:64px;display:grid}.case-video-layout .display{font-size:clamp(56px,6vw,90px)}.case-video-layout .body-large{margin-top:24px;font-size:16px}.case-video-layout .text-link{color:var(--accent);margin-top:24px}.case-video-layout video{aspect-ratio:930/1714;background:var(--bg);border:4px solid var(--surface);border-radius:20px;width:100%;max-width:369px;max-height:680px;margin:auto;display:block}.case-status{border-top:1px solid var(--line);color:var(--muted);margin-top:30px;padding-top:20px;font-size:12px;line-height:1.7}.case-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:48px;padding-block:80px 100px;display:flex}.case-footer .display{font-size:clamp(50px,6vw,88px)}.case-footer p{color:var(--muted);margin-top:20px;font-size:15px}.case-footer-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;display:flex}@media (max-width:1000px){.case-hero-heading,.case-chapter-grid{gap:40px}.case-experience{gap:32px}.case-video-layout{gap:48px;padding:40px}.case-features{grid-template-columns:1fr}.case-layers article{padding:24px}}@media (max-width:700px){.case-header{height:100px}.case-header .identity span{display:none}.case-hero{padding-top:0}.case-back{margin-bottom:32px;font-size:12px}.case-hero-heading,.case-chapter-grid,.case-experience,.case-layers,.case-video-layout{grid-template-columns:1fr;gap:32px}.case-hero h1{font-size:clamp(60px,14vw,96px)}.case-hero-heading>.body-large{font-size:16px}.case-facts{grid-template-columns:1fr;gap:18px;margin:32px 0}.case-facts>div{grid-template-columns:90px 1fr;align-items:baseline;gap:16px;display:grid}.case-facts dd{margin:0;font-size:12px}.case-cover{aspect-ratio:1}.case-cover>img{object-position:30% center}.case-cover-play{padding:12px 16px;font-size:12px;bottom:16px;left:16px}.case-chapter,.case-experience,.case-architecture,.case-video-section{padding-block:60px}.case-chapter-grid .display,.case-experience .display{font-size:clamp(46px,11.7vw,70px)}.case-chapter-grid .body-large{font-size:16px}.case-features{grid-template-columns:1fr;gap:24px;margin-top:30px}.case-screens{padding:28px 12px 18px}.case-phone-pair{gap:8px;padding-bottom:24px}.case-phone-pair img{border-width:3px;border-radius:14px;width:calc(50% - 4px)}.case-phone-pair img+img{margin-top:36px}.case-screens figcaption{font-size:9px}.case-layers{gap:16px;margin-top:32px}.case-layers h3{margin-top:20px}.case-video-layout{padding:28px 16px}.case-video-layout .display{font-size:54px}.case-video-layout video{border-radius:14px;max-width:270px}.case-footer{flex-direction:column;align-items:flex-start;gap:32px;padding-block:60px 80px}.case-footer-actions{align-items:flex-start}.case-footer .display{font-size:56px}}@media (prefers-reduced-motion:reduce){.case-cover-play{transition:none}.case-cover-play:hover{transform:none}}
