.agency-case{position:relative;margin:70px auto 40px;padding:clamp(24px,5vw,64px);overflow:hidden;border:1px solid #cad5e2;border-radius:30px;background:linear-gradient(135deg,#f3f7f9 0%,#e6edf4 38%,#d5e0eb 62%,#eef1f2 100%);box-shadow:0 28px 70px #293e5515;color:#283a4a}
.agency-case:before,.agency-case:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(1px)}
.agency-case:before{width:540px;height:540px;right:-210px;top:160px;border:1px solid #fff;background:radial-gradient(circle at 30% 30%,#fff8,#91aec515 55%,transparent 72%);box-shadow:inset 0 0 45px #fff9,0 0 45px #cad5e055}
.agency-case:after{width:340px;height:340px;left:-220px;bottom:80px;border:1px solid #92a9bf80;box-shadow:0 0 0 18px #ffffff24,0 0 0 36px #c1cfde20}
.case-topline,.case-endline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.case-topline .eyebrow,.budget-heading .eyebrow{margin:0;color:#607991;font-weight:700;letter-spacing:.16em}.case-index,.case-endline span{font-size:10px;letter-spacing:.16em;color:#718397}.case-index i,.case-endline i{display:inline-block;width:38px;height:1px;background:linear-gradient(90deg,#9eb3c6,#fff);vertical-align:middle;margin:0 8px}
.case-heading{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .8fr;align-items:end;gap:34px;padding:33px 0 28px}.case-heading h2{margin:0;font-size:clamp(36px,5vw,62px);line-height:1.06;letter-spacing:-.045em;color:#20364a}.case-heading h2 em{font-style:normal;background:linear-gradient(100deg,#536d89,#97a8b7 52%,#546d88);-webkit-background-clip:text;background-clip:text;color:transparent}.case-heading p{max-width:465px;margin:0;color:#536678;font-size:16px;line-height:1.75}
.case-feature{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.8fr);gap:18px;padding:12px;border:1px solid #fff;border-radius:24px;background:linear-gradient(145deg,#ffffffb8,#dfe8f0a6);box-shadow:0 12px 34px #29415710;backdrop-filter:blur(12px)}.case-portrait{position:relative;min-height:550px;margin:0;overflow:hidden;border-radius:16px;background:#b3bdc7}.case-portrait img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 26%;filter:saturate(.86) contrast(1.02)}.case-portrait:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#142333ab)}.case-portrait figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:15px;color:#fff}.case-portrait figcaption span{font-size:11px;letter-spacing:.16em;opacity:.8}.case-portrait figcaption b{font-size:14px;font-weight:500}.case-frame{position:absolute;inset:20px;border:1px solid #ffffff90;border-radius:12px;pointer-events:none;z-index:1}.case-story{align-self:center;padding:clamp(20px,4vw,48px)}.case-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;color:#687f96}.case-story>p{margin:22px 0;color:#43586b;font-size:17px;line-height:1.8}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 0;border-top:1px solid #8ca1b532;border-bottom:1px solid #8ca1b532}.case-stats div{display:flex;flex-direction:column;gap:6px}.case-stats strong{font-size:28px;line-height:1;color:#425f7d}.case-stats span{font-size:10px;line-height:1.4;color:#718397}.case-note{display:block;margin-top:20px;color:#77899a;font-size:11px;line-height:1.6}
.case-gallery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0 56px}.case-gallery .gallery-photo{position:relative;display:block;margin:0;aspect-ratio:4/5;overflow:hidden;border:1px solid #fff;border-radius:15px;background:#cbd3db;box-shadow:0 8px 20px #223c5414}.case-gallery img{width:100%;height:100%;object-fit:cover;transition:none}.case-gallery .gallery-photo figcaption{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:20px;color:#fff;background:#1d2c3b8c;font-size:9px;letter-spacing:.12em;backdrop-filter:blur(8px)}
.case-budget{position:relative;z-index:1;padding:clamp(22px,4vw,42px);border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#f8fafbc9,#d8e1eac9 55%,#eef1f1dc);box-shadow:0 18px 42px #253d5411}.budget-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px}.budget-heading h3{max-width:660px;margin:12px 0 0;color:#23394d;font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.035em}.budget-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #aebdca;border-radius:50%;color:#637e98;font-size:11px;letter-spacing:-.04em;box-shadow:inset 0 0 12px #fff,0 0 0 7px #ffffff40}.budget-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.budget-item{min-height:180px;padding:17px;border:1px solid #fff;border-radius:15px;background:linear-gradient(160deg,#ffffffd9,#edf2f5b8);box-shadow:0 8px 20px #233e5510}.budget-no{display:block;min-height:28px;color:#77899a;font-size:9px;font-weight:700;letter-spacing:.12em}.budget-item strong{display:block;margin:12px 0 8px;color:#365471;font-size:clamp(17px,1.7vw,22px);letter-spacing:-.03em}.budget-item p{margin:0;color:#637587;font-size:11px;line-height:1.6}.budget-item a{display:inline-block;margin-top:12px;color:#456987;font-size:10px;text-underline-offset:3px}.budget-featured{background:linear-gradient(145deg,#dce8f3,#f8fafb 70%);border-color:#c3d1df}.budget-total{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding:17px 20px;border:1px solid #fff;border-radius:14px;background:linear-gradient(100deg,#334f6b,#7f95aa 56%,#e0e6eb);color:white}.budget-total span{font-size:12px;letter-spacing:.04em}.budget-total strong{font-size:clamp(15px,2vw,21px);text-align:right}.case-price-compare{margin:14px 2px 0;color:#304b64;font-size:clamp(15px,1.7vw,19px);font-weight:700;letter-spacing:-.015em}.budget-footnote{max-width:970px;margin:12px 2px 0;color:#7a8b9a;font-size:10px;line-height:1.65}.budget-footnote a{color:#556f89;text-underline-offset:3px}.case-endline{margin-top:25px;justify-content:center;color:#788b9d}
@media(max-width:900px){.agency-case{margin-inline:0;padding:28px 22px;border-radius:23px}.case-heading{grid-template-columns:1fr;gap:15px;padding-top:28px}.case-heading p{max-width:620px}.case-feature{grid-template-columns:1fr}.case-portrait{min-height:610px}.case-story{padding:22px 20px 28px}.case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:38px}.budget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-item:last-child{grid-column:1/-1}.budget-item{min-height:155px}}
@media(max-width:540px){.agency-case{margin:42px -2px 22px;padding:21px 14px;border-radius:20px}.case-index{font-size:8px}.case-index i{width:18px;margin-inline:3px}.case-heading{padding:24px 2px 20px}.case-heading h2{font-size:36px}.case-heading p{font-size:14px;line-height:1.7}.case-feature{gap:0;padding:7px;border-radius:18px}.case-portrait{min-height:470px;border-radius:13px}.case-portrait figcaption{left:14px;right:14px;bottom:14px}.case-portrait figcaption b{font-size:12px}.case-frame{inset:11px}.case-story{padding:22px 13px}.case-story>p{font-size:15px;line-height:1.72;margin:16px 0}.case-stats{gap:5px}.case-stats strong{font-size:24px}.case-stats span{font-size:9px}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 30px}.budget-heading{margin-bottom:17px}.budget-heading .eyebrow{font-size:9px;letter-spacing:.11em}.budget-heading h3{font-size:24px}.budget-mark{width:39px;height:39px;font-size:9px;flex:none}.case-budget{padding:18px 12px;border-radius:17px}.budget-grid{gap:7px}.budget-item{min-height:165px;padding:12px 10px;border-radius:12px}.budget-no{font-size:8px;letter-spacing:.07em}.budget-item strong{font-size:16px;margin:11px 0 7px}.budget-item p{font-size:10px}.budget-item a{font-size:9px}.budget-total{padding:13px 12px;align-items:start;flex-direction:column;gap:5px}.budget-total span{font-size:10px}.budget-total strong{text-align:left;font-size:16px}.budget-footnote{font-size:9px}.case-endline span{font-size:8px;letter-spacing:.1em}.case-endline i{width:17px}}
@media(prefers-reduced-motion:reduce){.case-gallery img{transition:none}}
.case-references{position:relative;z-index:1;margin:8px 0 24px;padding:clamp(20px,3vw,34px);border:1px solid #ffffff;border-radius:22px;background:linear-gradient(135deg,#eff4f7,#e1e9ef 48%,#d5dfe7);box-shadow:inset 0 1px #fff9,0 16px 38px #263d5310}.references-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.references-heading h3{margin:8px 0 0;color:#263d52;font-size:clamp(20px,2.6vw,30px);line-height:1.2;letter-spacing:-.03em}.references-count{font-size:9px;letter-spacing:.14em;color:#7c8fa1;white-space:nowrap}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-card{position:relative;min-width:0;height:320px;margin:0;overflow:hidden;border:1px solid #fff;border-radius:15px;background:linear-gradient(145deg,#f8fafb,#dfe7ed);box-shadow:0 8px 22px #30475d12}.reference-image{position:absolute;inset:0 0 52px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#f9fbfc 0%,#e4ebf0 78%)}.reference-image img{display:block;width:100%;height:100%;object-fit:contain}.reference-face .reference-image img{object-fit:cover;object-position:center 34%}.reference-product .reference-image img{mix-blend-mode:normal}.reference-product .reference-shoes{transform:scale(1.08) translateY(4%)}.reference-product .reference-lingerie{transform:scale(1.02)}.reference-card figcaption{position:absolute;inset:auto 0 0;min-height:62px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 14px;background:linear-gradient(100deg,#ffffffef,#f1f5f8ed);border-top:1px solid #fff}.reference-card figcaption span{font-size:8px;font-weight:700;letter-spacing:.13em;color:#8191a0}.reference-card figcaption b{font-size:13px;font-weight:600;color:#334c63}.reference-flow{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:17px;color:#7c8fa1;font-size:9px;font-weight:700;letter-spacing:.13em}.reference-flow i{width:38px;height:1px;background:linear-gradient(90deg,#a9bac8,#fff)}.reference-flow b{color:#426487}
@media(max-width:900px){.reference-card{height:295px}}
@media(max-width:540px){.case-references{margin:4px 0 16px;padding:16px 10px;border-radius:17px}.references-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:12px}.references-heading h3{font-size:20px}.reference-grid{grid-template-columns:1fr 1fr;gap:7px}.reference-card{height:230px;border-radius:12px}.reference-face{grid-column:1/-1;height:250px}.reference-image{inset:0 0 46px}.reference-card figcaption{min-height:56px;padding:8px 10px}.reference-card figcaption span{font-size:7px}.reference-card figcaption b{font-size:11px}.reference-product .reference-shoes{transform:scale(1.05) translateY(5%)}.reference-flow{gap:6px;font-size:7px;letter-spacing:.08em;margin-top:13px}.reference-flow i{width:18px}}
/* Align the comparison line with “Общие затраты” in the total bar. */
.case-price-compare{margin:14px 0 0 calc(clamp(22px,4vw,42px) + 20px)}
@media(max-width:540px){.case-price-compare{margin-left:24px}}

/* Face reference: let the source portrait fill the card instead of sitting as a narrow strip. */
.reference-face .reference-image{display:block}
.reference-face .reference-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}
/* Use a consistent blue-silver line-art icon family for the service cards. */
.icon{display:grid;place-items:center;width:54px;height:54px;color:#5f88b8}
.icon svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:540px){.reference-face{height:280px}.reference-face .reference-image{inset:0 0 56px}.reference-face .reference-image img{object-position:center 25%}.icon{width:50px;height:50px}}

.icon{width:64px;height:64px;filter:drop-shadow(0 5px 7px #35557826)}.icon svg{overflow:visible}
@media(max-width:540px){.icon{width:58px;height:58px}}