/* Static export additions: independent of the old application runtime. */
.brand{display:inline-block!important;font-size:clamp(12px,1.12vw,17px)!important;line-height:.95!important;font-weight:900!important;letter-spacing:-.045em!important;min-width:174px;white-space:nowrap}
.nav-links{display:flex!important;gap:clamp(8px,1.6vw,22px)!important;align-items:center}
.nav-links a{display:inline-flex!important;align-items:center;min-height:39px;padding:8px 13px;border:1px solid rgba(255,248,239,.38);border-radius:100px;font-size:13px!important;font-weight:700!important;transition:background .2s,border-color .2s,transform .2s}
.nav-links a:hover,.nav-links a:focus-visible{background:#ff4b17;border-color:#ff4b17;color:#10100f;transform:translateY(-2px)}
.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.case-link{min-height:clamp(340px,34vw,510px);position:relative;overflow:hidden}
.case-link ._copy_obq2x_2 h3{font-size:clamp(32px,4vw,72px)!important;overflow-wrap:anywhere}
.case-link::before{content:"";position:absolute;width:58%;height:70%;right:-12%;top:6%;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.case-stroyrynok{background:#18241c!important;color:#e9eadb!important}
.case-asia-auto{background:#172632!important;color:#f5eee3!important}
.case-media-youtube{background:#332012!important;color:#fff0d9!important}
.case-doctor-khan{background:#1e2620!important;color:#e8f3e8!important}
.case-stroyrynok:hover,.case-asia-auto:hover,.case-media-youtube:hover,.case-doctor-khan:hover{filter:brightness(1.14)}
.mc-metrics{background:#f2eadf;color:#171511;padding:clamp(48px,6vw,96px) max(24px,7vw)}
.mc-metrics .eyebrow{color:#fa4b18;font-weight:800;letter-spacing:.12em;margin:0 0 32px}
.mc-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mc-metrics-grid>div{border-top:1px solid #a8a29a;padding:26px 0 22px;display:flex;flex-direction:column;gap:10px}
.mc-metrics-grid strong{font-size:clamp(34px,5vw,76px);line-height:1;letter-spacing:-.06em}
.mc-metrics-grid span{font-size:clamp(14px,1.5vw,19px)}
.mc-gallery-section ._heading_mlj4e_4 h2{max-width:100%;overflow-wrap:anywhere}
@media(max-width:780px){
 .brand{font-size:12px!important;min-width:0}
 .nav-links{display:flex!important;gap:3px!important}
 .nav-links a{font-size:11px!important;padding:7px 8px;min-height:32px}
 .menu{display:none!important}
 .case-grid{grid-template-columns:1fr!important}
 .case-link{min-height:340px}
 .mc-metrics-grid{grid-template-columns:1fr}
}
@media(max-width:440px){.nav-links a{font-size:10px!important;padding:6px!important}.brand{font-size:10px!important}}

/* Editorial scale: keep long case titles and gallery headings on readable lines. */
._page_1tpsk_1 ._hero_1tpsk_1 h1{font-size:clamp(56px,8vw,112px)!important;line-height:.9!important;letter-spacing:-.075em!important;overflow-wrap:normal!important;word-break:normal!important}
._page_1tpsk_1 ._lead_1tpsk_1{font-size:clamp(25px,3.3vw,46px)!important;line-height:1.06!important}
.mc-gallery-section ._heading_mlj4e_4{display:block!important;max-width:1280px;margin-inline:auto!important}
.mc-gallery-section ._heading_mlj4e_4 h2{font-size:clamp(42px,6vw,82px)!important;line-height:.95!important;max-width:1100px!important;letter-spacing:-.065em!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance}
.mc-gallery-section ._heading_mlj4e_4 ._hint_mlj4e_4{max-width:570px!important;margin-top:20px}
._page_1tpsk_1 ._cta_1tpsk_1 h2{font-size:clamp(42px,6.4vw,96px)!important;line-height:.95!important}

/* One card system; only the fine ornamental line changes colour. */
#cases .case-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
#cases .case-grid .case-link{min-height:315px!important;padding:22px!important;background:#151411!important;background-image:none!important;color:#e9e0d2!important;border:1px solid #4c4943!important;border-radius:12px!important;--line:#ff4b17}
#cases .case-grid .case-link:nth-child(2){--line:#cabd9b}
#cases .case-grid .case-link:nth-child(3){--line:#97b7ae}
#cases .case-grid .case-link:nth-child(4){--line:#f0a070}
#cases .case-grid .case-link:nth-child(5){--line:#9db8cf}
#cases .case-grid .case-link:nth-child(6){--line:#bca8c6}
#cases .case-grid .case-link:nth-child(7){--line:#c8c394}
#cases .case-grid .case-link::before{border-color:var(--line)!important;opacity:.8!important;z-index:1!important;background:none!important}
#cases .case-grid .case-link>span{top:20px!important;left:22px!important;font-size:35px!important}
#cases .case-grid .case-link>div>p:first-child{top:21px!important;right:22px!important;font-size:10px!important;width:56%!important}
#cases .case-grid .case-link h3,
#cases .case-grid .case-link:nth-child(1) h3,
#cases .case-grid .case-link:nth-child(2) h3,
#cases .case-grid .case-link:nth-child(3) h3{left:22px!important;right:22px!important;top:104px!important;bottom:auto!important;font-size:clamp(30px,2.9vw,45px)!important;line-height:.94!important;letter-spacing:-.065em!important;overflow-wrap:normal!important;word-break:normal!important}
#cases .case-grid .case-link>div>p:last-child{top:auto!important;bottom:54px!important;left:22px!important;width:calc(100% - 44px)!important;font-size:13px!important;line-height:1.2!important;font-weight:500!important}
#cases .case-grid .case-link>b{right:22px!important;bottom:19px!important;font-size:10px!important}
@media(max-width:1100px){
 #cases .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #cases .case-grid .case-link{min-height:310px!important}
}
@media(max-width:780px){
 #cases .case-grid{grid-template-columns:1fr!important}
 #cases .case-grid .case-link{min-height:300px!important}
 #cases .case-grid .case-link h3,
 #cases .case-grid .case-link:nth-child(1) h3,
 #cases .case-grid .case-link:nth-child(2) h3,
 #cases .case-grid .case-link:nth-child(3) h3{font-size:clamp(34px,9vw,48px)!important}
 .mc-gallery-section ._heading_mlj4e_4 h2{font-size:clamp(38px,10vw,65px)!important}
 ._page_1tpsk_1 ._hero_1tpsk_1 h1{font-size:clamp(42px,10vw,70px)!important}
}

/* Statistics are a regular, readable gallery with the original screenshots. */
.mc-results-clickable ._heading_mlj4e_4{padding-bottom:42px!important}
.mc-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1240px;margin:0 auto;padding:0 4vw}
.mc-stats-grid .mc-stat-card{appearance:none;display:flex;flex-direction:column;text-align:left;min-width:0;margin:0;padding:0;background:#e9e0d2;border:1px solid #817c73;border-radius:10px;overflow:hidden;cursor:zoom-in;box-shadow:none;transition:transform .2s ease,border-color .2s ease}
.mc-stats-grid .mc-stat-card:hover{transform:translateY(-4px);border-color:#ff4b17}
.mc-stats-grid .mc-stat-card:focus-visible{outline:3px solid #ff4b17;outline-offset:4px}
.mc-stat-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;min-height:92px;padding:22px 24px 16px;color:#10100f}
.mc-stat-card-tag{font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.08em;max-width:55%}
.mc-stat-card-head strong{font-size:clamp(28px,3vw,42px);line-height:.9;letter-spacing:-.055em;white-space:nowrap}
.mc-stat-card-frame{display:grid;place-items:center;width:100%;height:clamp(240px,23vw,310px);padding:14px;background:#f7f4ef;border-block:1px solid #d0c7bb}
.mc-stat-card-frame img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none;box-shadow:none}
.mc-stat-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:67px;padding:14px 24px;color:#191713;font-size:13px;font-weight:650;line-height:1.3}
.mc-stat-card-foot span:last-child{color:#d44115;white-space:nowrap;font-size:10px;letter-spacing:.05em;font-weight:800}
/* Let each screenshot set its own height so figures at the bottom remain visible. */
.mc-stats-grid .mc-stat-card .mc-stat-card-frame{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}
.mc-stats-grid .mc-stat-card .mc-stat-card-frame img{display:block!important;position:static!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important}
.mc-stats-grid .mc-stat-card .mc-stat-card-foot{position:relative!important;z-index:1;margin-top:auto}
.mc-metrics-grid>div{min-height:155px;padding:25px;background:#f8f3eb;border:1px solid #c7bbad;border-radius:8px}
.mc-metrics-grid strong{font-size:clamp(32px,4vw,58px)}
@media(max-width:780px){
 .mc-stats-grid{grid-template-columns:1fr;gap:12px;padding:0 5vw}
 .mc-stat-card-head{min-height:75px;padding:17px 18px 13px}
 .mc-stat-card-head strong{font-size:30px}
 .mc-stat-card-frame{height:clamp(210px,62vw,310px);padding:10px}
 .mc-stat-card-foot{padding:13px 18px;min-height:60px}
}

/* Phone typography: long Russian titles fit without crowding the viewport. */
@media(max-width:780px){
 .hero h1{font-size:clamp(39px,8.6vw,60px)!important;line-height:.98!important;letter-spacing:-.06em!important}
 .statement h2,.services h2,.team h2,.cases h2,.contact h2{font-size:clamp(33px,7.4vw,49px)!important;line-height:1.01!important;letter-spacing:-.055em!important}
 ._page_1tpsk_1 ._hero_1tpsk_1 h1{font-size:clamp(35px,7.8vw,58px)!important;line-height:.98!important;letter-spacing:-.065em!important}
 ._page_1tpsk_1 ._lead_1tpsk_1{font-size:clamp(21px,5.1vw,29px)!important;line-height:1.16!important;margin-top:24px!important}
 ._page_1tpsk_1 ._intro_1tpsk_1{font-size:16px!important;line-height:1.5!important}
 .mc-gallery-section ._heading_mlj4e_4 h2{font-size:clamp(32px,7.8vw,48px)!important;line-height:1.02!important;letter-spacing:-.055em!important}
 ._page_1tpsk_1 ._cta_1tpsk_1 h2{font-size:clamp(32px,7.5vw,48px)!important;line-height:1.02!important;letter-spacing:-.055em!important}
 #cases .case-grid .case-link h3,#cases .case-grid .case-link:nth-child(1) h3,#cases .case-grid .case-link:nth-child(2) h3,#cases .case-grid .case-link:nth-child(3) h3{font-size:clamp(30px,7.2vw,39px)!important;line-height:1!important}
}
@media(max-width:380px){
 .hero h1{font-size:37px!important}
 .statement h2,.services h2,.team h2,.cases h2,.contact h2{font-size:31px!important}
 ._page_1tpsk_1 ._hero_1tpsk_1 h1{font-size:33px!important}
 .mc-gallery-section ._heading_mlj4e_4 h2,._page_1tpsk_1 ._cta_1tpsk_1 h2{font-size:30px!important}
}
@media(max-width:360px){.hero h1{font-size:32px!important}}