/* Photographs supplied by СК Бильд СПб. */
.cases-section{margin-top:90px;padding:76px 48px 38px;background:#202a22;color:#f2f0ea;scroll-margin-top:24px}
.cases-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#c4cfb9;font-size:10px;letter-spacing:1.5px;line-height:1.6}
.cases-kicker>span:first-child{display:flex;align-items:center;gap:12px}.cases-kicker i{width:6px;height:6px;border-radius:50%;background:#d7e6b2}
.cases-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:50px;margin:33px 0 45px}
.cases-heading h2{font-size:clamp(38px,4.5vw,68px);line-height:1.08;letter-spacing:-2.3px}.cases-heading h2 em{color:#d7e6b2}
.cases-heading p{font-size:14px;line-height:1.85;color:#c8cfc4;max-width:400px}.cases-summary{display:flex;align-items:center;gap:16px;margin-top:26px;font-size:10px;letter-spacing:1.3px;color:#e4eadc}.cases-summary i{font-style:normal;color:#8f9d84}
.cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.case-card{min-width:0}.case-open{display:flex;flex-direction:column;height:100%;outline-offset:7px!important}
.case-cover{position:relative;overflow:hidden;aspect-ratio:4/3;background:#344037}.case-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.case-open:hover .case-cover>img{transform:scale(1.035)}
.case-photo-count{position:absolute;top:16px;left:16px;background:#f3f1e9;color:#243022;padding:9px 11px;font-size:9px;letter-spacing:1.1px}
.case-open-icon{position:absolute;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d7e6b2;color:#202a22;font-size:25px;transition:transform .25s}.case-open:hover .case-open-icon{transform:rotate(45deg)}
.case-label{display:flex;justify-content:space-between;gap:12px;margin:23px 0 13px;font-size:9px;letter-spacing:1.1px;color:#bbc9b0;line-height:1.6}.case-label>span:last-child{color:#a4b29c;white-space:nowrap}
.case-card h3{font-size:clamp(21px,2vw,30px);line-height:1.2;letter-spacing:-.7px}.case-card p{font-size:13px;line-height:1.85;color:#c2cbbd;margin:15px 0 26px;max-width:390px}
.case-open-text{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #56634e;padding-top:17px;margin-top:auto;font-size:12px;color:#e3ead8}.case-open-text>span{font-size:22px;color:#d7e6b2}
.cases-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #56634e;margin-top:45px;padding-top:27px}.cases-bottom>p{font-size:12px;line-height:1.7;color:#bbc6b4}.cases-bottom>a{display:flex;gap:23px;align-items:center;font-size:13px;white-space:nowrap;border-bottom:1px solid #a5b792;padding:9px 0}.cases-bottom>a>span{font-size:22px;color:#d7e6b2}
.cases-section a:focus-visible,.case-dialog a:focus-visible,.case-dialog button:focus-visible{outline:2px solid #d7e6b2;outline-offset:4px}
.case-dialog{width:min(1290px,calc(100% - 48px));max-height:94dvh;padding:0;background:#202a22;color:#f2f0ea;overflow:auto;overscroll-behavior:contain}
.case-dialog::backdrop{background:#0c130de8;backdrop-filter:blur(6px)}
.case-dialog-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 26px;border-bottom:1px solid #465341;background:#202a22}.case-dialog-top>span{font-size:10px;letter-spacing:1.4px;color:#c3cfb8}
.case-dialog .case-close{position:static;flex:none;width:42px;height:42px;border:1px solid #69795e;border-radius:50%;background:transparent;color:#f2f0ea;font-size:28px;line-height:1}
.case-dialog-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr)}
.case-viewer{min-width:0;padding:24px;background:#151e18}.case-figure{margin:0}.case-image-stage{height:clamp(260px,52dvh,630px);display:flex;align-items:center;justify-content:center;background:#101812;touch-action:pan-y;overflow:hidden}
.case-image-stage>img{width:100%;height:100%;object-fit:contain}.case-figure figcaption{margin-top:15px;min-height:43px;font-size:13px;line-height:1.7;color:#c0cbb7}
.case-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px}.case-controls>span{font-size:11px;letter-spacing:2px;color:#d6dfce}.case-arrows{display:flex;gap:9px}.case-arrows button{display:grid;place-items:center;width:45px;height:45px;border:1px solid #63735a;border-radius:50%;background:transparent;color:#e5efda;font-size:22px}.case-arrows button:hover{background:#d7e6b2;color:#202a22}
.case-thumbs{display:flex;gap:10px;margin-top:18px;overflow-x:auto;padding:4px 3px}.case-thumbs button{width:80px;height:62px;flex:none;padding:0;border:2px solid transparent;opacity:.6;background:#263323}.case-thumbs button[aria-current=true]{border-color:#d7e6b2;opacity:1}.case-thumbs button:hover{opacity:1}.case-thumbs img{width:100%;height:100%;object-fit:cover}
.case-story{display:flex;flex-direction:column;align-items:flex-start;padding:34px 30px 30px;min-width:0}.case-story>.eyebrow{font-size:9px;letter-spacing:1.2px;color:#bfceaf}.case-story h2{font-size:clamp(27px,2.8vw,39px);line-height:1.1;letter-spacing:-1.2px;margin:22px 0}.case-story>p{font-size:14px;line-height:1.8;color:#c6d0bd}.case-story h3{font-size:10px;letter-spacing:1.3px;color:#aebe9f;margin-top:30px}.case-details{list-style:none;padding:0;margin:15px 0 25px;width:100%}.case-details li{font-size:13px;line-height:1.65;padding:12px 0;border-top:1px solid #4a5742}.case-details li:last-child{border-bottom:1px solid #4a5742}
.case-story .case-brief{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:52px;padding:17px;background:#d7e6b2;color:#202a22;font-size:12px}.case-brief>span{font-size:20px}.case-original{font-size:11px;color:#c4d0b9;border-bottom:1px solid #748367;padding:10px 0;margin-top:12px}
@media(min-width:1600px){.cases-section{padding-inline:70px}.cases-grid{gap:35px}}
@media(max-width:1100px){.cases-section{padding:65px 30px 35px}.cases-heading{gap:30px;grid-template-columns:1.3fr 1fr}.cases-heading h2{font-size:48px}.cases-grid{gap:20px}.case-label>span:last-child{display:none}.case-dialog-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.case-story{padding:27px 24px}.case-viewer{padding:20px}.case-card h3{font-size:24px}}
@media(max-width:800px){.cases-section{padding:55px 22px 30px;margin-top:65px}.cases-heading{display:block;margin:27px 0 35px}.cases-heading p{max-width:580px;margin-top:24px}.cases-summary{margin-top:18px}.cases-grid{gap:18px}.case-card h3{font-size:22px}.case-card p{font-size:12px}.case-label{font-size:8px;letter-spacing:.7px}.cases-bottom{align-items:flex-start}.case-dialog{width:calc(100% - 24px)}.case-dialog-layout{grid-template-columns:1fr}.case-story{padding:26px}.case-story h2{margin:15px 0}.case-image-stage{height:48dvh}.case-figure figcaption{min-height:0}.case-story h3{margin-top:22px}.case-details{margin-bottom:25px}.case-story .case-brief{max-width:400px}}
@media(max-width:700px){.cases-section{padding:48px 20px 30px}.cases-kicker{font-size:8px;letter-spacing:1.1px}.cases-kicker>span:last-child{display:none}.cases-heading h2{font-size:clamp(34px,8.8vw,52px);letter-spacing:-1.5px}.cases-heading p{font-size:13px}.cases-summary{font-size:9px}.cases-grid{grid-template-columns:1fr;gap:37px}.case-cover{aspect-ratio:4/3}.case-label{margin:20px 0 11px;font-size:9px}.case-label>span:last-child{display:block}.case-card h3{font-size:28px}.case-card p{font-size:13px;max-width:none;margin-bottom:21px}.cases-bottom{display:block;margin-top:34px;padding-top:22px}.cases-bottom>a{display:inline-flex;margin-top:16px}.case-dialog-top{padding:12px 16px}.case-dialog-top>span{font-size:8px;letter-spacing:1px}.case-viewer{padding:14px}.case-story{padding:24px 20px}.case-story h2{font-size:31px}.case-image-stage{height:43dvh;min-height:220px}.case-figure figcaption{font-size:12px}.case-thumbs button{width:75px;height:58px}}
@media(prefers-reduced-motion:reduce){.case-cover>img,.case-open-icon{transition:none}.case-open:hover .case-cover>img,.case-open:hover .case-open-icon{transform:none}}