/* Original composition, adapted for Cyrillic copy. */
html { scroll-behavior: smooth; }
body { margin: 0; }
form[hidden] { display: none !important; }
a[hidden] { display: none !important; }
[data-framer-name="Manifesto"] { background: linear-gradient(125deg,#e8e9eb 0%,#b9bdc3 42%,#f4f4f5 73%,#c3c6cc 100%) !important; }
img[src^="/media/yulia-silver"] { object-position: 50% 25% !important; }
[data-framer-name="Manifesto"] [data-framer-name="Image"] { background: #c5c8cc !important; }
.demo-badge { position: absolute; z-index: 4; top: 16px; left: 16px; max-width: calc(100% - 48px); padding: 9px 12px; background: #f0f0ed; color: #111; font: 500 11px/1.3 Arial,sans-serif; letter-spacing: .02em; border: 1px solid #ccc; }
.demo-intro { box-sizing: border-box; color: #f6f6f3; font: 400 clamp(15px,2vw,21px)/1.45 Inter,Arial,sans-serif; width: calc(100% - 8vw); max-width: 800px; margin: 0 4vw 35px; padding: 0; }
.contact-direct { width: 100%; padding: 30px 0; color: #f6f6f3; font: 400 18px/1.5 Inter,Arial,sans-serif; }
.contact-direct h2 { font-size: clamp(28px,4vw,52px); line-height: 1.05; font-weight: 500; margin: 0 0 24px; }
.contact-direct a { display: block; color: inherit; padding: 18px 0; border-bottom: 1px solid #999; text-decoration: none; }
.contact-direct-note { font-size: 13px; line-height: 1.5; color: #aaa; }
.demo-case { margin: 0; background: #f1f1ee; color: #161616; font-family: Inter,Arial,sans-serif; }
.demo-case main { padding: 70px clamp(20px,5vw,80px) 100px; max-width: 1600px; margin: auto; }
.demo-case h1 { font-size: clamp(64px,14vw,200px); line-height: .95; font-weight: 500; margin: 45px 0 30px; letter-spacing: -.05em; }
.demo-case .demo-lead { font-size: clamp(22px,3vw,40px); max-width: 900px; line-height: 1.25; }
.demo-case .demo-disclosure { padding: 22px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; max-width: 950px; line-height: 1.6; }
.demo-case .demo-hero { width: 100%; height: auto; display: block; margin: 40px 0; }
.demo-case .demo-nav { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 35px; }
.demo-case a { color: inherit; }
[data-framer-name="Social Column"][hidden] { display: none !important; }
#__framer-badge-container { display: none !important; }
[data-framer-name="Navigation"] [data-framer-name="Open"],
[data-framer-name="Navigation"] [data-framer-name="Close"],
[data-framer-name="Navigation"] [data-framer-name="Label"] { width: max-content !important; white-space: nowrap !important; }
[data-framer-name="Navigation"] p { white-space: nowrap !important; }
.framer-zf7g5j-container { width: max-content !important; }
:focus-visible { outline: 2px solid #fd2e02; outline-offset: 5px; }
[data-framer-name="Navigation Overlay"] h1 { font-size: clamp(44px, 7vw, 104px) !important; }
[data-framer-name="Tagline"] p { max-width: 100%; }
[data-form-status] { color: inherit; font: 500 16px/1.5 Inter, sans-serif; margin: 12px 0 0; }
img[src^="/media/yulia-portrait"] { object-position: 50% 28% !important; }
img[src^="/media/yulia-workspace"] { object-position: 50% 35% !important; }
[data-framer-name="Hero"] img[src^="/media/yulia-workspace"] { filter: brightness(.58) saturate(.85); }
[data-framer-name="Hero"] img[src^="/media/yulia-silver"] { filter: brightness(.45); }
[data-portrait-caption]::after {
  content: attr(data-portrait-caption); position: absolute; z-index: 2; left: 14px; bottom: 14px;
  color: #fff; background: rgba(16,16,16,.8); padding: 9px 12px;
  font: 500 12px/1.3 Inter,Arial,sans-serif; letter-spacing: .02em; pointer-events: none;
}
@media (max-width: 809px) {
  [data-framer-name="Navigation Overlay"] h1 { font-size: clamp(35px, 10vw, 72px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}