.case-page{--case-green:#e7f0e4;--case-dark:#234337;--case-muted:#657169}.case-page h1,.case-page h2{letter-spacing:-.055em;line-height:1.08;font-weight:600}.case-page h1{font-size:clamp(42px,4.7vw,72px);margin:22px 0}.case-page h2{font-size:clamp(32px,3.4vw,50px);margin:15px 0 25px}.case-page em{font-family:Georgia,serif;font-weight:400;color:#527459}.case-page p{line-height:1.8;color:var(--case-muted)}.case-page .kicker{font-size:11px;letter-spacing:.16em}.case-hero{padding:70px 6vw;background:var(--case-green);display:grid;grid-template-columns:1.08fr 1fr;gap:6vw;align-items:center}.case-hero>div>p{max-width:510px;font-size:17px}.case-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0 45px;font-size:14px;font-weight:600}.case-hero-note{font-size:10px;letter-spacing:.17em;color:#527459}.case-hero-photo{position:relative;background:#fff;border-radius:150px 150px 16px 16px;overflow:hidden;aspect-ratio:1/1.06}.case-hero-photo>img{width:100%;height:100%;object-fit:contain;padding:35px 25px 85px}.case-photo-caption{position:absolute;bottom:0;left:0;right:0;background:#f6f9f2;padding:21px 27px;display:flex;flex-direction:column;gap:9px}.case-photo-caption span{font-family:Georgia,serif;font-size:23px;font-style:italic;color:var(--case-dark)}.case-photo-caption small{font-size:9px;letter-spacing:.12em}.case-intro{padding:85px 6vw;display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;align-items:center}.case-intro>.kicker{grid-column:1/-1}.case-intro p{max-width:560px}.case-projects{padding:65px 6vw 95px;background:#fafbf8;scroll-margin-top:100px}.case-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.case-heading h2{max-width:620px;margin-bottom:0}.case-heading>a{font-size:14px;border-bottom:1px solid #849b88;padding-bottom:7px;white-space:nowrap}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.case-card{background:#fff;border:1px solid #e2e8de;border-radius:16px;overflow:hidden;scroll-margin-top:100px}.case-image{background:#f0f3ec;aspect-ratio:1/1;position:relative;padding:24px 24px 45px}.case-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.case-card:hover .case-image img{transform:scale(1.035)}.case-image>span{position:absolute;bottom:18px;left:22px;font-size:9px;letter-spacing:.12em;color:#4e6554}.case-card-copy{padding:25px}.case-card h3{font-size:23px;letter-spacing:-.025em;margin:0 0 13px}.case-card-copy p{font-size:14px;margin:10px 0 18px}.case-card-copy p.case-card-title{color:#254737;font-weight:600;font-size:15px}.case-spec{border-top:1px solid #e6eadf;padding-top:17px;font-size:11px;line-height:1.8;color:#60715e}.case-card details{margin-top:20px}.case-page summary{cursor:pointer;font-weight:600;line-height:1.5}.case-card summary{font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:10px}.case-card details[open] summary span{transform:rotate(45deg)}.case-card details a{font-size:13px;color:#335f41;text-decoration:underline;text-underline-offset:4px}.case-planning{padding:90px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#eaf1e7;align-items:center}.case-planning>div>p{max-width:450px;margin-bottom:28px}.case-brief article{display:flex;gap:24px;border-bottom:1px solid #cddcc9;padding:23px 0}.case-brief article:first-child{padding-top:0}.case-brief article>span{font-family:Georgia,serif;color:#6f916f;font-size:29px}.case-brief h3{font-size:19px;margin:0}.case-brief p{font-size:14px;margin:7px 0 0}.case-faq{padding:90px 6vw;display:grid;grid-template-columns:1fr 1.4fr;gap:8vw}.case-faq details{padding:22px 0;border-bottom:1px solid #dce4d7}.case-faq details:first-child{padding-top:0}.case-faq summary{font-size:16px}.case-faq p{font-size:14px}.case-final{text-align:center;padding:80px 6vw 90px;background:#f1f5ed}.case-final h2{font-size:clamp(40px,4.8vw,68px)}.case-final p{margin:0 auto 27px;max-width:500px}.case-page a:focus-visible,.case-page summary:focus-visible{outline:3px solid #588462;outline-offset:5px}@media(max-width:1000px){.case-grid{gap:20px 15px}.case-card-copy{padding:20px}.case-card h3{font-size:20px}.case-hero{gap:4vw}.case-actions{gap:15px}}@media(max-width:700px){.case-hero,.case-intro,.case-planning,.case-faq{grid-template-columns:1fr}.case-hero{padding:45px 6vw;gap:35px}.case-hero-photo{max-width:480px;width:100%;justify-self:center}.case-hero-note{font-size:9px}.case-intro,.case-projects,.case-planning,.case-faq{padding:55px 6vw}.case-intro{gap:0}.case-intro h2{margin-bottom:8px}.case-heading{display:block}.case-heading>a{display:inline-block;margin-top:18px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-image{padding:16px 16px 48px}.case-image>span{font-size:8px;left:15px;right:10px}.case-card-copy{padding:18px}.case-planning,.case-faq{gap:35px}.case-final{padding:55px 6vw}}@media(max-width:440px){.case-grid{grid-template-columns:1fr}.case-image{aspect-ratio:1.12/1}}@media(prefers-reduced-motion:reduce){.case-image img{transition:none}}

/* Match the open, square image presentation used on Customization. */
.case-hero-photo{background:transparent;border-radius:0;overflow:visible;aspect-ratio:auto}
.case-hero-photo>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:0}
.case-hero-photo .case-photo-caption{display:none}