/* Fit illustrative browser canvases to the first desktop viewport. */
.visual-frame{position:relative}
@media(min-width:761px){
 .human-hero .visual-frame.is-fitted>.visual-stage{position:absolute;top:0;left:0;width:100%;animation:none;transform:scale(var(--visual-scale,1));transform-origin:top center}
 .human-hero .human-visual{align-self:start}
}
.studio-footer{background:linear-gradient(110deg,#e2e9e8,#edf0eb 56%,#e8e8df);color:#203e52;border-top:1px solid #b8c7c7;padding:30px 0 20px}
.studio-footer a,.studio-footer p{color:#3d5869}
.studio-footer a:hover{color:#79562e}
.footer-main{display:grid;grid-template-columns:1fr 1.45fr .75fr;gap:52px;align-items:start}
.studio-footer .brand{display:inline-flex;color:#17364b;font-size:18px}
.studio-footer .brand svg{width:30px}
.footer-identity>p{font-size:12px;line-height:1.7;max-width:260px;margin:15px 0 12px}
.studio-footer .footer-email{display:inline-flex;min-height:36px;align-items:center;font-size:13px;letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;border-bottom:1px solid #a2b3b8}
.studio-footer h3{font-family:Inter,Arial,sans-serif;font-size:12px;letter-spacing:.03em;font-weight:650;color:#254456;margin:0 0 12px;line-height:1.5}
.footer-service-links{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.studio-footer .footer-main nav a{display:flex;align-items:center;min-height:34px;font-size:13px;line-height:1.4;padding-block:5px}
.footer-bottom-area{margin-top:24px;border-top:1px solid #b4c3c4;padding-top:13px;padding-right:190px}
.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:6px 24px}
.footer-legal a,.footer-legal .privacy-open{display:inline-flex;align-items:center;min-height:32px;font-size:11px;line-height:1.5;color:#3d5869;background:none;padding:0}
.footer-baseline{display:flex;gap:8px 24px;justify-content:space-between;flex-wrap:wrap;font-size:10px;line-height:1.7;color:#4c6675;margin-top:8px}
@media(max-width:1100px){
 .footer-main{grid-template-columns:.9fr 1.4fr .7fr;gap:30px}
 .studio-footer .footer-main nav a{font-size:12px}
 .footer-service-links{column-gap:18px}
 .studio-footer .footer-email{font-size:12px}
}
@media(max-width:760px){
 .studio-footer{padding:25px 0 90px}
 .footer-main{grid-template-columns:1.5fr 1fr;gap:22px 24px}
 .footer-identity{grid-column:1/-1;border-bottom:1px solid #b4c3c466;padding-bottom:18px}
 .footer-identity>p{max-width:340px;margin:10px 0 8px}
 .studio-footer .brand{font-size:17px}
 .studio-footer .footer-email{font-size:13px}
 .footer-service-links{grid-template-columns:1fr}
 .studio-footer .footer-main nav a{min-height:36px;font-size:12px;padding-block:6px}
 .studio-footer h3{margin-bottom:9px}
 .footer-bottom-area{padding-right:0;margin-top:20px;padding-top:12px}
 .footer-legal{gap:4px 18px}
 .footer-legal a,.footer-legal .privacy-open{font-size:11px;min-height:36px}
 .footer-baseline{display:grid;gap:5px;margin-top:10px;font-size:10px}
}
@media(max-width:360px){
 .footer-main{grid-template-columns:1.35fr 1fr;gap:20px 16px}
 .studio-footer .footer-main nav a{font-size:11px}
 .footer-legal{column-gap:14px}
}
@media(pointer:coarse){.studio-footer .footer-main nav a,.footer-legal a,.footer-legal .privacy-open{min-height:44px}}

@media(min-width:761px){.human-hero h1{font-size:clamp(36px,3.6vw,52px)}}

@media(max-width:760px){.page-privacy:lang(ru) .legal-page h1{font-size:clamp(23px,6.8vw,32px);hyphens:none;overflow-wrap:normal}}

/* Keep legal actions distinct at narrow widths. */
.legal-page>.privacy-open+a{display:inline-block;margin-inline-start:16px;vertical-align:middle}
@media(max-width:760px){.legal-page>.privacy-open+a{display:block;margin:14px 0 0;width:fit-content}}
