.case-opening{--opening-ink:#171b33;--opening-muted:#777985;background:#f3f3ef;color:var(--opening-ink);font-family:var(--font),Arial,sans-serif}.case-opening *{box-sizing:border-box}.case-opening__shell{width:min(1680px,calc(100% - 128px));margin:auto;padding:42px 0 92px}.case-opening__meta{display:grid;grid-template-columns:1fr auto 70px;gap:42px;align-items:center;padding-bottom:38px;border-bottom:1px solid #cfd0cc;color:#737681;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.case-opening__meta a{color:var(--opening-ink);text-decoration:none}.case-opening__body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:8vw;align-items:end;padding-top:72px}.case-opening__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 32px;color:#777985;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.case-opening__eyebrow:before{content:"";width:28px;height:1px;background:#777985}.case-opening h1{margin:0;color:var(--opening-ink);font-size:clamp(66px,7.2vw,126px);font-weight:600;line-height:.86;letter-spacing:-.075em}.case-opening h1 span{display:block;margin-top:12px;color:#85868d;font-weight:400}
.case-opening__summary{position:relative;padding:4px 0 4px 32px;border-left:1px solid #b9bbc2}.case-opening__summary:before{content:"КРАТКО О ПРОЕКТЕ";display:block;margin-bottom:24px;color:#94969e;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.case-opening__summary:after{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--opening-ink);box-shadow:0 0 0 8px #f3f3ef}.case-opening__summary p{position:relative;z-index:1;max-width:470px;margin:0;color:#666974;font-size:clamp(18px,1.3vw,22px);line-height:1.5}.case-opening__action{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:0 0 9px;border:0;border-bottom:1px solid currentColor;color:var(--opening-ink);background:transparent;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.case-opening__arrow{position:relative;display:inline-block;width:16px;height:16px;flex:0 0 auto}.case-opening__arrow:before{content:"";position:absolute;left:1px;bottom:2px;width:17px;border-top:1.5px solid currentColor;transform:rotate(-45deg);transform-origin:left center}.case-opening__arrow:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
@media(max-width:1000px){.case-opening__shell{width:calc(100% - 64px)}.case-opening__body{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:5vw}.case-opening h1{font-size:clamp(58px,7.5vw,82px)}}
@media(max-width:767px){.case-opening__shell{width:calc(100% - 36px);padding:22px 0 62px}.case-opening__meta{grid-template-columns:1fr auto;gap:16px;padding-bottom:20px;font-size:9px}.case-opening__meta span:nth-child(2){display:none}.case-opening__meta span:last-child{text-align:right}.case-opening__body{grid-template-columns:1fr;gap:34px;padding-top:44px}.case-opening__eyebrow{gap:9px;margin-bottom:20px;font-size:9px}.case-opening__eyebrow:before{width:20px}.case-opening h1{font-size:clamp(44px,13.5vw,58px);line-height:.92;letter-spacing:-.065em}.case-opening h1 span{margin-top:6px}.case-opening__summary{padding:2px 0 2px 22px}.case-opening__summary:before{margin-bottom:16px;font-size:8px}.case-opening__summary:after{left:-4px;top:2px;width:7px;height:7px;box-shadow:0 0 0 6px #f3f3ef}.case-opening__summary p{font-size:16px;line-height:1.5}.case-opening__action{margin-top:24px;font-size:13px}}