.case-container{padding-top:34px;padding-bottom:110px}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#59685e;font:500 10px var(--mono)}.breadcrumbs a{text-decoration:underline;text-underline-offset:5px}.breadcrumbs span[aria-current]{color:#192921}
.case-hero{padding:80px 0 56px;display:flex;align-items:end;justify-content:space-between;gap:50px}
.case-hero h1{font-size:clamp(70px,10vw,150px);letter-spacing:-.09em;line-height:.96;margin:27px 0;max-width:950px}.case-asterisk{color:#8eaf62;font-size:.5em;vertical-align:top;display:inline-block;margin:0 0 0 5px}
.case-lead{max-width:680px;font-size:clamp(18px,2.6vw,30px);line-height:1.45;color:#4c5c55;font-weight:600;letter-spacing:-.025em}
.case-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.case-tags{display:flex;flex-wrap:wrap;gap:7px;width:min(215px,26%);margin-bottom:16px}.case-tags span{display:block;border:1px solid #d0d9cf;background:#eef3eb;padding:9px 12px;border-radius:20px;font:500 10px var(--mono)}
.case-visual{min-height:560px;position:relative;overflow:hidden;background:#d4f0b0;border-radius:24px;display:flex;align-items:center;justify-content:center}.visual-plant{background:linear-gradient(125deg,#e6f0de,#a5c7a5)}.visual-timer{background:linear-gradient(115deg,#283e62,#61689b)}.visual-mobile{background:linear-gradient(125deg,#c4ed90,#c0e6bb)}
.case-visual-label{position:absolute;top:23px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;font:500 9px var(--mono);letter-spacing:1px;color:#263c31}
.visual-timer .case-visual-label{color:#fff}.visual-disclaimer{position:absolute;bottom:14px;right:20px;font:500 9px var(--mono);color:#314d43;background:#f9fbf3bf;padding:8px 12px;border-radius:10px}
.demo-phone{width:230px;height:445px;border:8px solid #222f2a;border-radius:35px;background:#f8f9f2;box-shadow:24px 32px 55px #244d2b55;transform:rotate(-7deg);padding:27px 18px;color:#283a32}.phone-top{display:flex;justify-content:space-between;font:700 10px var(--mono);letter-spacing:1px}.phone-top span{color:#74ae70}.demo-phone p{font:600 9px var(--mono);letter-spacing:1px;margin:45px 0 5px}.demo-phone strong{font-size:48px;letter-spacing:-.065em;line-height:.95}.demo-bars{height:92px;display:flex;align-items:end;gap:7px;margin:22px 0 13px}.demo-bars i{background:#8cbd68;flex:1;border-radius:6px 6px 0 0}.demo-phone small{font:500 9px var(--mono)}
.demo-panel{width:min(640px,85%);padding:30px;background:#f9fcf5;border:1px solid #bad9b9;border-radius:20px;box-shadow:25px 25px 40px #23503a35;transform:rotate(-2deg)}.demo-panelhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d2e0d2;padding-bottom:17px}.demo-panelhead b{font-size:25px;letter-spacing:-1px}.demo-panelhead span{font:500 10px var(--mono);color:#4a8662}.demo-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.demo-lines>div{padding:20px 12px;background:#edf3e8;border-radius:10px;display:flex;flex-direction:column;gap:12px}.demo-lines span{font:500 10px var(--mono);color:#6b846f}.demo-lines strong{font-size:13px}.demo-curve{height:150px;margin-top:20px;border:1px dashed #c2d8c6;border-radius:12px;padding:15px}.demo-curve svg{width:100%;height:100%}
.demo-clock{width:min(560px,85%);background:#f4f8fc;border-radius:23px;padding:36px;box-shadow:25px 25px 45px #111e3a55;transform:rotate(-2deg)}.demo-clocktop,.clock-footer{display:flex;justify-content:space-between;font:500 11px var(--mono);color:#465371}.demo-clocktop span{color:#447a68}.clock-face{font-size:clamp(80px,11vw,145px);line-height:1.5;letter-spacing:-.09em;text-align:center;font-weight:800;color:#2b4262}.clock-progress{height:10px;background:#dce7ef;border-radius:20px;overflow:hidden}.clock-progress div{height:100%;width:65%;background:#7d98bd}.clock-footer{margin-top:22px}
.case-small-title{font:500 10px var(--mono);letter-spacing:1.6px;color:#5c7759}.case-overview{padding:85px 0;display:grid;grid-template-columns:1fr 2fr;gap:60px;border-bottom:1px solid #cad7ca}.case-overview p{max-width:850px;font-size:clamp(24px,2.6vw,38px);line-height:1.55;letter-spacing:-.04em;font-weight:650;margin:0}
.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:90px 0}.case-editorial h2,.process-section h2,.contribution-section h2,.source-section h2{font-size:clamp(30px,4vw,59px);letter-spacing:-.065em;line-height:1.1;margin:22px 0 18px}.case-editorial p,.contribution-section p,.source-section p{font-size:15px;line-height:1.9;color:#516259;max-width:570px}
.process-section{padding:90px 0;border-top:1px solid #d4ded1;border-bottom:1px solid #d4ded1}.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:42px}.process-list article{background:#edf1e8;border-radius:16px;min-height:240px;padding:27px}.process-list article>span{font:500 11px var(--mono);color:#55804e}.process-list h3{font-size:25px;letter-spacing:-1px;margin:42px 0 14px}.process-list p{font-size:13px;line-height:1.85;color:#526259}
.contribution-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:95px 0;border-bottom:1px solid #d4ded1}.contribution-section p{margin-top:25px;font-size:17px}.source-section{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:85px}.source-links{display:grid;align-content:center}.source-links a{font-weight:700;font-size:15px;border-bottom:1px solid #c9d8c5;padding:20px 0;display:flex;align-items:center;justify-content:space-between}.source-links a:hover{color:#466f43}.next-project{display:flex;justify-content:space-between;align-items:center;background:#1b2522;color:#f2f9ed;padding:42px 50px;border-radius:20px;gap:15px}.next-project>span{font:500 10px var(--mono);letter-spacing:1px}.next-project strong{font-size:clamp(26px,5vw,57px);letter-spacing:-.055em}.next-project strong span{color:#c7f681}
@media(max-width:900px){.case-hero{flex-direction:column;align-items:start;gap:20px}.case-tags{width:100%}.case-overview{grid-template-columns:1fr;gap:25px}.source-section{grid-template-columns:1fr;gap:25px}.case-visual{min-height:500px}}
@media(max-width:620px){.case-container{padding-top:25px}.case-hero{padding:56px 0 35px}.case-hero h1{font-size:clamp(52px,15vw,88px)}.case-hero-actions .button{font-size:10px}.case-visual{min-height:380px;border-radius:17px}.case-visual-label{top:17px;left:17px;right:17px;font-size:7px}.visual-disclaimer{font-size:7px;right:10px;left:10px;text-align:center}.demo-phone{transform:scale(.72) rotate(-7deg)}.demo-panel{width:92%;padding:17px;transform:rotate(-1deg)}.demo-panelhead b{font-size:15px}.demo-panelhead span{font-size:8px}.demo-lines{gap:5px}.demo-lines>div{padding:10px 5px}.demo-lines strong{font-size:9px}.demo-curve{height:90px}.demo-clock{width:90%;padding:21px}.demo-clocktop,.clock-footer{font-size:8px}.clock-face{font-size:70px}.case-overview{padding:60px 0}.case-columns{grid-template-columns:1fr;padding:60px 0;gap:45px}.process-section{padding:55px 0}.process-list{grid-template-columns:1fr}.process-list article{min-height:0;padding:23px}.process-list h3{margin:22px 0 10px}.contribution-section{grid-template-columns:1fr;gap:5px;padding:55px 0}.source-section{padding:65px 0}.next-project{padding:28px 24px;flex-direction:column;align-items:start}}