.work-intro{padding-block:55px 40px}.work-intro h1{font-size:clamp(3rem,6.5vw,6rem);line-height:1.04;margin:20px 0}.work-intro p{font-size:1.15rem;max-width:680px;color:#555b66}.work-project{padding-block:45px 60px;border-bottom:1px solid var(--studio-rule)}.work-project__body{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:25px}.work-project h2{font-size:clamp(2rem,4vw,3.6rem);margin:12px 0}.work-project__meta{font-family:var(--font-mono);font-size:.8rem;color:#626974}.work-project__body p{font-size:1rem;color:#555b66}.work-source{font-size:.8rem!important;line-height:1.55;color:#626974!important}.work-source a{color:inherit;text-underline-offset:3px}.work-project--small{max-width:100%;padding-block:50px}.case-hero{padding-block:55px 40px}.case-hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:1.02;margin:25px 0}.case-hero h1 span{color:var(--studio-blue)}.case-summary{display:grid;grid-template-columns:1fr 1fr;gap:60px}.case-summary p{font-size:1.1rem;color:#555b66}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:20px;font-size:.9rem}.case-facts dt{font-family:var(--font-mono);font-size:.75rem;color:#626974;margin-bottom:7px}.case-facts dd{margin:0;line-height:1.5}.case-gallery{background:#153ecb;padding-block:65px}.case-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}.case-gallery figure{margin:0}.case-gallery figure:nth-child(2){padding-top:55px}.case-gallery img{width:100%;height:auto;display:block}.case-gallery figcaption{color:#fff;font-size:.85rem;line-height:1.5;margin-top:16px}.case-story{padding-block:80px}.case-story__row{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-block:35px;border-top:1px solid var(--studio-rule)}.case-story__row h2{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.08;margin:0}.case-story__row p{font-size:1.1rem;color:#555b66;max-width:680px;margin-top:0}.case-story__row h3{font-size:1.4rem;letter-spacing:-.02em}.case-callout{background:#eef2ff;padding:30px;margin-top:25px}.case-callout p{margin-bottom:0}.work-project--small h2{font-size:2.7rem}
@media(max-width:760px){.case-summary,.work-project__body,.case-story__row{grid-template-columns:1fr;gap:20px}.case-hero,.work-intro{padding-top:35px}.case-gallery{padding-block:30px}.case-gallery__grid{gap:16px;grid-template-columns:1fr}.case-gallery figure{max-width:420px;margin-inline:auto}.case-gallery figure:nth-child(2){padding-top:0}.case-story{padding-block:45px}.case-story__row{padding-block:25px}.case-facts{padding-top:0}.work-project{padding-block:25px 40px}}
