.case-body{background:#f7f6f0}
.case-nav{background:#0e1b1a;color:white;border-bottom:1px solid #ffffff23}.case-nav-wrap{display:flex;align-items:center;justify-content:space-between;height:83px;gap:20px}.case-nav nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:800;color:#d2e3d6}.case-nav nav a:hover{color:#c9edce}
.case-cover{background:radial-gradient(ellipse at 80% 12%,#3f6a5645,transparent 55%),#132620;color:white;padding:52px 0 80px}.case-cover-obrascope{background:radial-gradient(ellipse at 80% 12%,#667e6848,transparent 55%),#17262b}
.case-back{font-size:12px;color:#c9edce;font-weight:750}.case-cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-top:54px}
.case-meta{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#b5dac1}.case-meta span{margin-left:6px}.case-cover h1{font-size:clamp(54px,6vw,91px);margin:23px 0 25px;letter-spacing:-.078em;font-weight:600}.case-intro{font-size:17px;line-height:1.85;color:#bdcec3;max-width:590px}.case-cover-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.case-cover-art{position:relative;padding:39px 0 20px}.case-cover-frame{border:8px solid #f0f5ec;background:#f5faf2;color:#173c2b;border-radius:19px;box-shadow:0 28px 60px #0618107f;transform:rotate(3deg);overflow:hidden}
.case-cover-window{height:35px;border-bottom:1px solid #d4e1d5;background:#ddece0;display:flex;align-items:center;gap:5px;padding:0 11px}.case-cover-window i{width:7px;height:7px;border-radius:50%;background:#95b59e}.case-cover-window i:first-child{background:#ddad8f}.case-cover-window i:nth-child(2){background:#e2d38a}.case-cover-window span{margin-left:auto;font-size:9px;color:#769083}
.case-graphic-heading{display:block;font-family:"Space Grotesk",sans-serif;letter-spacing:-.065em;font-weight:650;font-size:clamp(23px,3vw,39px);line-height:1.1;padding:39px 29px 17px}.case-graphic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 27px 40px}.case-graphic-grid>div{border:1px solid #d9e5db;border-radius:11px;background:white;min-height:98px;padding:12px;display:flex;flex-direction:column;align-items:start;gap:6px}.case-graphic-grid small{color:#679375;font-size:10px}.case-graphic-grid b{font-size:11px}.case-graphic-grid span{color:#619d7f}.case-art-label{font-size:10px;color:#bdd0bf;display:block;text-align:right;margin-top:26px}
.case-under{padding:90px 0}.case-state{border:1px solid #ccdec9;padding:19px 23px;background:#e7f3e4;border-radius:14px;display:flex;align-items:start;gap:13px;margin-bottom:83px}.state-dot{width:9px;height:9px;border-radius:50%;background:#649e72;margin-top:7px;flex:none}.case-state b{font-size:13px;color:#2d5d3e}.case-state p{margin:5px 0 0;font-size:12px;color:#607b67}
.case-duo{display:grid;grid-template-columns:1fr 1fr;gap:55px}.case-duo>div{border-top:1px solid #b8ccbb;padding-top:27px}.case-duo h2{font-size:clamp(31px,3vw,44px);margin:18px 0;line-height:1.16}.case-duo p{font-size:15px;color:#5e7565;line-height:1.88}.case-section-head{text-align:center;max-width:720px;margin:94px auto 43px}.case-section-head .kicker{justify-content:center}.case-section-head h2{font-size:clamp(36px,4vw,53px);margin:18px 0}.case-section-head p{color:#617767}.case-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.case-feature-grid article{border:1px solid #dce4d9;border-radius:16px;background:white;padding:28px;min-height:270px}.case-feature-grid small{font-size:11px;font-weight:850;color:#75967b}.case-feature-icon{font-size:29px;color:#37684e;margin:25px 0}.case-feature-grid h3{font-size:22px;margin:0 0 12px}.case-feature-grid p{font-size:13px;color:#60766b}
.case-journey{background:#e2ebe0;padding:83px 0 96px}.case-journey .case-section-head{margin:0 auto 45px}.case-journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.case-journey-grid>div{border-top:1px solid #97b19c;padding:18px 20px 0 0}.case-journey-grid span{display:block;font-size:11px;font-weight:900;color:#5f8d68;margin-bottom:30px}.case-journey-grid strong{display:block;font-size:18px}.case-journey-grid p{font-size:12px;color:#587263}
.case-progress{padding:99px 0;background:#f6f4ed}.case-progress-grid{display:grid;grid-template-columns:1fr .9fr;gap:67px;align-items:start}.case-progress h2{margin:18px 0}.case-progress p{color:#5b7163;line-height:1.9}.case-tech{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}.case-tech span{font-size:11px;border-radius:99px;border:1px solid #b8cab9;padding:8px 12px;color:#446753;font-weight:800}.progress-board{border:1px solid #d4dfd0;background:#fff;border-radius:19px;overflow:hidden}.progress-label{font-size:11px;letter-spacing:.16em;color:#487c53;background:#e9f4e6;padding:21px;font-weight:900}.progress-item{display:flex;gap:13px;padding:18px 21px;border-top:1px solid #edf0eb}.progress-item>span{color:#5f996f;font-size:20px}.progress-item.pending>span{color:#bd845b}.progress-item strong{font-size:13px;display:block}.progress-item small{display:block;font-size:12px;color:#6c7e71;margin-top:4px;line-height:1.55}
.case-outro{background:#10271f;padding:80px 0;color:white}.outro-content{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.case-outro .heading{margin:18px 0 12px}.case-outro .heading em{color:#e5ce94}.case-outro p{color:#b6cabd;font-size:13px}.case-outro-buttons{display:flex;flex-direction:column;align-items:start;gap:12px}.case-outro-buttons .button{min-width:265px}.case-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px}.case-footer a{color:#c9edce;font-weight:800}
@media(max-width:850px){.case-cover-grid,.case-duo,.case-progress-grid,.outro-content{grid-template-columns:1fr}.case-cover{padding-bottom:55px}.case-cover-grid{gap:13px}.case-cover-art{max-width:680px}.case-journey-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.case-nav-wrap{height:70px}.case-nav nav{gap:10px;font-size:10px}.case-nav nav a:nth-child(1){display:none}.case-cover-grid{padding-top:37px}.case-cover h1{font-size:clamp(54px,15vw,72px)}.case-intro{font-size:15px}.case-cover-actions .button{width:100%}.case-graphic-grid{margin:5px 11px 20px;gap:5px}.case-graphic-grid>div{padding:7px;min-height:84px}.case-graphic-grid b{font-size:9px}.case-graphic-heading{padding:23px 13px 10px}.case-under,.case-progress{padding:70px 0}.case-state{margin-bottom:49px}.case-duo{gap:30px}.case-feature-grid,.case-journey-grid{grid-template-columns:1fr}.case-feature-grid article{min-height:0}.case-section-head{margin:60px auto 30px}.case-journey{padding:65px 0}.case-outro{padding:65px 0}.case-outro-buttons .button{width:100%;min-width:0}}