/* Project pages share the portfolio's typography, artwork and color system. */
.case-page{overflow-x:hidden}.case-page .nav{padding-bottom:32px}.case-hero,.case-gallery,.case-author{padding-left:var(--pad);padding-right:var(--pad)}.case-hero{padding-top:30px;padding-bottom:56px}.case-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:60px}.case-breadcrumb a:hover{text-decoration:underline}.case-category{font-size:12px;margin-bottom:20px}.case-hero h1{font-family:Flex,Arial,sans-serif;font-variation-settings:'wght' 950,'wdth' 95,'opsz' 144;font-size:clamp(52px,8vw,124px);font-weight:950;line-height:.92;letter-spacing:-.04em;max-width:1200px;text-wrap:balance}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:56px}.case-intro h2{font-size:clamp(28px,3.4vw,52px);font-weight:580;line-height:1;letter-spacing:-.045em;max-width:540px}.case-intro p{font-size:17px;line-height:1.5;max-width:650px;margin-bottom:20px}.case-source{display:inline-block;font-size:13px;border-bottom:1px solid;padding-bottom:5px;margin-top:10px}.case-gallery{display:grid;gap:44px}.case-gallery figure{margin:0}.case-gallery img{width:100%;height:auto;background:#e2e4da}.case-gallery figcaption{display:flex;gap:20px;font-size:12px;color:var(--muted);line-height:1.4;margin-top:13px}.case-author{display:flex;justify-content:space-between;gap:28px;padding-top:70px;padding-bottom:70px;font-size:14px;line-height:1.5}.case-author a:hover{text-decoration:underline}.case-next{background:var(--lime);padding:60px var(--pad) 30px}.case-next>p{font-size:13px;margin-bottom:20px}.case-next>a{font-size:clamp(40px,6vw,92px);font-weight:900;font-variation-settings:'wght' 900,'wdth' 100,'opsz' 144;letter-spacing:-.04em;line-height:.97;display:block;max-width:1200px}.case-next>a:hover span{display:inline-block;transform:translate(4px,-4px)}.case-next .footer-bottom{margin-top:56px}@media(max-width:700px){.case-hero{padding-top:16px;padding-bottom:36px}.case-breadcrumb{margin-bottom:36px;font-size:11px}.case-category{font-size:11px}.case-hero h1{font-size:13vw}.case-intro{grid-template-columns:1fr;gap:24px;margin-top:36px}.case-intro h2{font-size:32px}.case-intro p{font-size:15px}.case-gallery{gap:30px}.case-gallery figcaption{font-size:11px;gap:12px}.case-author{display:block;padding-top:40px;padding-bottom:40px;font-size:12px}.case-author>a{display:inline-block;margin-top:20px}.case-next{padding-top:40px}.case-next>a{font-size:11vw}.case-next .footer-bottom{display:flex;flex-wrap:wrap;gap:20px}}
