.case-hero{padding-top:45px;padding-bottom:50px}.case-back{font:11px var(--mono);color:#9eae8e;display:inline-block;margin-bottom:45px}.case-back:hover{color:var(--lime)}.case-hero>.eyebrow{font-size:9px;margin-bottom:22px}.case-hero h1{font-size:clamp(52px,6vw,78px);font-weight:500;line-height:1.04;letter-spacing:-3px;margin:0 0 26px;max-width:900px}.case-hero h1 .serif{color:var(--lime)}.case-intro{font-size:19px;line-height:1.7;color:#b3bdab;max-width:730px;letter-spacing:-.3px}.case-hero .tags{margin:26px 0 0}.case-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-stats>div{padding-left:25px;border-left:1px solid var(--line)}.case-stats>div:first-child{padding-left:0;border:0}.case-stats strong{display:block;font-size:31px;font-weight:450;line-height:1.4;color:var(--lime);letter-spacing:-1px}.case-stats span{font-size:10px;line-height:1.8;color:var(--muted);display:block}.case-body{display:grid;grid-template-columns:225px minmax(0,1fr);gap:65px;padding-top:65px;padding-bottom:75px}.case-sidebar{align-self:start;position:sticky;top:35px}.case-sidebar>.eyebrow{font-size:8px;margin-bottom:20px}.case-sidebar nav{display:flex;flex-direction:column;gap:0;font-size:12px}.case-sidebar nav a{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:15px}.case-sidebar nav a>span{font:8px var(--mono);color:#7d916a;padding-top:4px}.case-author{display:flex;align-items:center;gap:10px;margin:35px 0 20px;font-size:10px}.case-author img{object-fit:cover;filter:grayscale(1);border-radius:50%}.case-author span{display:block;color:var(--muted);font-size:8px;line-height:1.8}.case-question{font-size:10px;color:#bcce9d}.case-reading{min-width:0}.case-flow{margin:0 0 65px;padding:23px;border:1px solid #3e4f33;border-radius:6px;background:radial-gradient(#54694330 .8px,transparent .8px),#182119;background-size:15px 15px}.case-flow figcaption{font:8px/1.8 var(--mono);color:#aab99a;letter-spacing:1px;margin-bottom:25px}.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flow-step{border:1px solid #4b613d;border-radius:4px;background:#202c1e;padding:14px 10px;position:relative}.flow-step:not(:last-child):after{content:'→';position:absolute;right:-11px;top:36px;color:var(--lime);font:11px var(--mono)}.flow-step>span{display:block;color:#8fa772;font:8px var(--mono);margin-bottom:13px}.flow-step strong{font-size:11px;font-weight:500;display:block;line-height:1.5}.flow-step p{font-size:8px;line-height:1.8;margin:5px 0 0;color:#a4b294}.case-flow>p{font:8px/1.9 var(--mono);color:#8da07a;margin:22px 0 0}.case-section{margin-bottom:65px;scroll-margin-top:35px}.case-section:last-child{margin-bottom:0}.case-section>.eyebrow{font-size:8px;color:#94a67f;margin-bottom:16px}.case-section h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0 0 24px}.case-section>p{font-size:15px;line-height:1.95;color:#b5bfb0;margin:0 0 22px}.case-section h3{font-size:20px;letter-spacing:-.4px;margin:32px 0 13px;color:#e1e7d8}.case-callout{border-left:2px solid var(--lime);background:#202a1e;padding:23px 25px;margin:30px 0}.case-callout>span{font:8px/1.8 var(--mono);color:var(--lime);letter-spacing:1px}.case-callout p{font-size:17px;line-height:1.7;color:#dae4cc;margin:12px 0 0}.case-next{padding-top:55px;padding-bottom:55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.case-next h2{font-size:37px}.case-next .eyebrow{font-size:8px;margin-bottom:17px}.related-projects{display:flex;flex-direction:column;justify-content:center}.related-projects a{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:17px 0;border-bottom:1px solid var(--line)}.related-projects a:hover{color:var(--lime)}.related-projects a span{color:var(--lime)}.case-contact{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:25px;padding-bottom:55px}.case-contact p{color:var(--muted);font-size:13px}.case-contact a{font-size:20px;color:var(--lime);font-family:'Instrument Serif',serif;font-style:italic}
@media(max-width:1050px){.case-body{grid-template-columns:180px minmax(0,1fr);gap:35px}.flow-steps{grid-template-columns:1fr 1fr;gap:12px}.flow-step:not(:last-child):after{content:none}.flow-step strong{font-size:12px}.flow-step p{font-size:9px}.case-flow{padding:20px}.case-stats strong{font-size:28px}.case-section h2{font-size:31px}.case-section>p{font-size:14px}}
@media(max-width:760px){.case-hero{padding-top:30px;padding-bottom:35px}.case-back{font-size:9px;margin-bottom:33px}.case-hero>.eyebrow{font-size:7px;letter-spacing:.6px}.case-hero h1{font-size:51px;letter-spacing:-2px}.case-intro{font-size:16px;line-height:1.8}.case-stats{grid-template-columns:1fr 1fr;gap:22px 0;padding-top:23px;padding-bottom:23px}.case-stats>div{padding-left:20px}.case-stats>div:nth-child(odd){padding-left:0;border:0}.case-stats strong{font-size:28px}.case-stats span{font-size:9px}.case-body{grid-template-columns:1fr;gap:28px;padding-top:30px;padding-bottom:45px}.case-sidebar{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.case-sidebar>.eyebrow{font-size:7px;margin-bottom:12px}.case-sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px}.case-sidebar nav a{border:1px solid #3b4933;border-radius:3px;padding:6px 10px;font-size:10px;gap:6px}.case-sidebar nav a>span{font-size:7px;padding-top:3px}.case-author,.case-question{display:none}.case-flow{margin-bottom:40px;padding:17px}.case-flow figcaption{font-size:7px;letter-spacing:.6px;margin-bottom:17px}.flow-step{padding:13px}.flow-step p{font-size:9px}.case-flow>p{font-size:7px}.case-section{margin-bottom:42px}.case-section h2{font-size:29px;line-height:1.2;margin-bottom:20px}.case-section>p{font-size:14px;line-height:1.9}.case-section h3{font-size:20px}.case-callout{padding:20px}.case-callout p{font-size:16px}.case-next{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:30px}.case-next h2{font-size:33px}.case-contact{padding-bottom:30px;align-items:flex-start}.case-contact p{font-size:11px}.case-contact a{font-size:19px;white-space:nowrap}}
.ha-integrations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.ha-integrations>div{border:1px solid #3d4c32;border-radius:4px;background:#1b251b;padding:20px}.ha-integrations>div>span{display:block;color:var(--lime);font-size:24px;margin-bottom:10px;line-height:1}.ha-integrations strong{font-size:14px;font-weight:500}.ha-integrations p{font-size:11px;color:#a3b294;margin:5px 0 0;line-height:1.7}@media(max-width:760px){.ha-integrations{gap:10px}.ha-integrations>div{padding:17px}.ha-integrations strong{font-size:13px}.ha-integrations p{font-size:10px}}