/* РЕЖИМ · compact laptop / mobile presentation. No browser zoom or content scaling. */
html:root[data-theme]{--rezim-header-height:80px;--rezim-subhero-height:clamp(232px,32svh,288px);--site-section-space:48px;--compact-shadow:0 4px 16px rgba(0,0,0,.12);scroll-padding-top:calc(var(--rezim-header-height) + 16px)}
html:root[data-theme] body.cinematicPage[data-page]{padding-top:var(--rezim-header-height)!important;font-size:15px!important;line-height:1.55!important}
html:root[data-theme] body.cinematicPage[data-page] :is(p,li){font-size:15px;line-height:1.55}
html:root[data-theme] body.cinematicPage[data-page] :is(input,select,textarea){font-size:15px!important;line-height:1.45;padding:10px 14px!important}
html:root[data-theme] body.cinematicPage[data-page] :is(input,select):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]){min-height:44px}
html:root[data-theme] body.cinematicPage[data-page] :is(.button,.topAction){min-height:50px;padding:12px 20px;font-size:14px}
html:root[data-theme] body.cinematicPage[data-page] :is(.smallButton,.iconTextButton){min-height:42px;padding:9px 14px;font-size:14px}
html:root[data-theme] body.cinematicPage[data-page] :is(.buttonPrimary,.topAction){border-top-color:#6383ff!important;box-shadow:0 2px 0 rgba(0,0,0,.20),0 5px 12px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.18)!important}
html:root[data-theme] body.cinematicPage[data-page] :is(.buttonPrimary,.topAction):hover{box-shadow:0 2px 0 rgba(0,0,0,.20),0 6px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.24)!important}
html:root[data-theme] body.cinematicPage[data-page] :is(.buttonPrimary,.topAction):active{box-shadow:inset 0 2px 4px rgba(0,0,0,.24)!important}
html:root[data-theme] body.cinematicPage[data-page] main>.section,html:root[data-theme] body.cinematicPage[data-page] main>section>.section{padding-block:48px!important}
html:root[data-theme] body.cinematicPage[data-page] main :is(.sectionHead,.cinematicSectionHead){gap:24px;margin-bottom:28px}
html:root[data-theme] body.cinematicPage[data-page] :is(.footer,.eventReelSection){padding-block:40px!important}
html:root[data-theme] body.cinematicPage[data-page] :is(.section,.eventReelSection,.toolHubFlow,#request){scroll-margin-top:calc(var(--rezim-header-height) + 16px)}
/* Fixed, translucent masthead. Existing controls move into one mobile menu. */
html:root[data-theme] body.cinematicPage[data-page] .topbar{position:fixed!important;inset:0 0 auto!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:14px!important;height:80px!important;min-height:0!important;padding:10px max(20px,calc((100vw - 1320px)/2))!important;background:rgba(0,0,0,.9)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(150,155,165,.23)!important;box-shadow:0 3px 12px rgba(0,0,0,.08)!important;z-index:70}
html:root[data-theme="light"] body.cinematicPage[data-page] .topbar{background:rgba(255,255,255,.90)!important}
html:root[data-theme] body.cinematicPage[data-page] .compactHeaderMenu{display:contents}
html:root[data-theme] body.cinematicPage[data-page] .topbar .brand{width:168px!important;min-width:168px!important;margin:0!important;flex:none!important;order:0!important}
html:root[data-theme] body.cinematicPage[data-page] .topbar .brandMark{width:168px!important;height:38.46px!important;min-height:0!important;aspect-ratio:auto!important}
html:root[data-theme] body.cinematicPage[data-page] .topbar .brandMark img{width:168px!important;height:auto!important}
html:root[data-theme] body.cinematicPage[data-page] .topbar .brandIdentity small{font-size:11px!important;line-height:15px!important}
html:root[data-theme] body.cinematicPage[data-page] .topbar .nav{order:0!important;flex:1!important;display:flex!important;justify-content:center!important;gap:16px!important;padding:0!important;border:0!important;min-width:0;align-self:center!important}
html:root[data-theme] body.cinematicPage[data-page] .topbar .nav a{min-height:40px!important;font-size:14px!important;white-space:nowrap!important}
html:root[data-theme] body.cinematicPage[data-page] .topbar :is(.accountTopAction,.languageSwitch,.themeSwitch,.topAction){order:0!important;margin:0!important;align-self:center!important;flex:none!important}
html:root[data-theme] body.cinematicPage[data-page] .topbar .accountTopAction{min-height:40px!important;padding:0!important;font-size:14px}
html:root[data-theme] body.cinematicPage[data-page] .topbar .topAction{height:44px!important;min-height:44px!important;padding:10px 14px!important;white-space:nowrap!important}
html:root[data-theme] body.cinematicPage[data-page] .topbar .topAction span{font-size:14px!important;white-space:nowrap!important}
html:root[data-theme] body.cinematicPage[data-page] .compactMenuToggle{display:none!important}
/* Home fits one viewport, including the fixed masthead. The green ceiling stays visible. */
html:root[data-theme] body.cinematicPage[data-page="home"] main .cinematicHero{height:calc(100svh - var(--rezim-header-height))!important;min-height:0!important;max-height:850px!important;padding:32px max(24px,calc((100vw - 1200px)/2)) 36px!important;display:flex!important;align-items:flex-start!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .cinematicHeroContent{min-height:0!important;height:auto!important;max-height:none!important;width:100%;padding:0!important;display:block!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .cinematicHero h1{margin:20px 0!important;max-width:900px}
html:root[data-theme] body.cinematicPage[data-page="home"] .cinematicLead{margin:0!important;max-width:690px;font-size:15px!important;line-height:1.55!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .eyebrow{margin:0!important;font-size:14px!important;line-height:1.45}
html:root[data-theme] body.cinematicPage[data-page="home"] .heroActions{margin-top:24px!important;gap:12px!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .cinematicHeroPicture .cinematicHeroMedia{object-position:center 56%!important}
/* Equal secondary welcome-photo frames; individual images keep their focal points. */
html:root[data-theme] body.cinematicPage[data-page]:not([data-page="home"]) main :is(.pageHero,.projectsHero,.caseHero,.accountHero){height:var(--rezim-subhero-height)!important;min-height:var(--rezim-subhero-height)!important;max-height:none!important;aspect-ratio:auto!important;padding:44px max(24px,calc((100vw - 1200px)/2)) 24px!important;display:flex!important;align-items:flex-start!important;position:relative;overflow:hidden}
html:root[data-theme] body.cinematicPage[data-page] main .pageHero>div:first-child,html:root[data-theme] body.cinematicPage[data-page] :is(.projectsHeroCopy,.caseHeroCopy,.accountHeroCopy){position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:8px 24px!important;width:100%;max-width:100%;min-height:0;padding:0!important;transform:none!important;z-index:2}
html:root[data-theme] body.cinematicPage[data-page] main :is(.pageHero,.projectsHero,.caseHero,.accountHero) :is(.breadcrumb,.sectionKicker){margin:0!important;font-size:13px!important;line-height:1.4!important}
html:root[data-theme] body.cinematicPage[data-page] main :is(.pageHero,.projectsHero,.caseHero,.accountHero) .sectionKicker{grid-column:2;grid-row:1;justify-self:end}
html:root[data-theme] body.cinematicPage[data-page] main :is(.pageHero,.projectsHero,.caseHero,.accountHero) h1{grid-column:1/-1;margin:2px 0 0!important;line-height:1.1!important;max-width:960px}
html:root[data-theme] body.cinematicPage[data-page] main :is(.pageHero,.projectsHero,.caseHero,.accountHero) p{grid-column:1/-1;margin:0!important;font-size:15px!important;line-height:1.5!important;max-width:870px}
html:root[data-theme] body.cinematicPage[data-page] main .pageHero:not(.conceptPageHero){background-position:center 55%!important}
html:root[data-theme] body.cinematicPage[data-page="concept-generator"] main>.conceptPageHero{padding-top:24px!important;padding-bottom:24px!important;background-size:cover!important;background-position:center 56%!important;--concept-welcome-photo-height:var(--rezim-subhero-height)}
html:root[data-theme] body.cinematicPage[data-page="concept-generator"] .conceptPageHero::after{top:auto!important;bottom:12px!important;right:24px!important;width:120px!important;height:30px!important;background-size:110px auto!important}
html:root[data-theme] body.cinematicPage[data-page] .projectsHero>img,html:root[data-theme] body.cinematicPage[data-page] .caseHero>img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 55%!important;transform:none!important}
html:root[data-theme] body.cinematicPage[data-page] .projectsHero h1 br{display:none}
html:root[data-theme] body.cinematicPage[data-page] .projectsHero h1 em{display:inline}
html:root[data-theme] body.cinematicPage[data-page] .accountHeroActions{grid-column:1/-1;margin-top:4px!important;gap:12px}
html:root[data-theme] body.cinematicPage[data-page] .accountHeroActions .button{min-height:40px;padding:8px 16px}
html:root[data-theme] body.cinematicPage[data-page] .accountHeroSignal{display:none!important}
/* Readable figures with proportional numerals, aligned to the same baseline. */
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleHeading{display:block!important;margin:0 0 28px!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleHeading h2{margin:12px 0 0!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleMetric{min-height:0!important;padding:24px 20px!important;display:flex!important;flex-direction:column;gap:12px;border-radius:6px!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleMetric strong{display:block!important;font-family:Manrope,Arial,sans-serif!important;font-size:40px!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-.045em!important;font-variant-numeric:lining-nums proportional-nums!important;font-feature-settings:"pnum" 1,"tnum" 0!important;white-space:nowrap}
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleMetric p{margin:0!important;max-width:230px;font-size:14px!important;line-height:1.45!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleReserve{grid-column:1/-1;min-height:0!important;padding:22px!important;gap:24px;align-items:center;border:1px solid var(--border);border-radius:6px;background:var(--surface)}
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleReserve h3{margin:0!important;font-size:28px;line-height:1.2}
html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleReserve p{margin:0!important;font-size:15px!important}
/* Four tactile navigation tiles, with restrained light/shadow and clear hover states. */
html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;border:0!important;background:transparent!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows>a{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:38px auto!important;align-content:start!important;align-items:center!important;gap:16px 12px!important;padding:22px!important;min-height:174px!important;border:1px solid var(--border)!important;border-top-color:rgba(91,122,255,.6)!important;border-radius:8px!important;background:var(--surface)!important;box-shadow:0 3px 0 rgba(0,0,0,.18),0 8px 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;text-decoration:none}
html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows>a::before,html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows>a::after{display:none!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows .directionIcon{display:block;grid-column:1;grid-row:1;width:34px;height:34px;fill:none;stroke:#6C8AFF;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
html:root[data-theme="light"] body.cinematicPage[data-page="home"] .directionRows .directionIcon{stroke:#315CFF}
html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows h3{grid-column:2;grid-row:1;margin:0!important;font-size:30px!important;line-height:1.1!important}
html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows p{display:block!important;grid-column:1/-1;grid-row:2;margin:0!important;font-size:14px!important;line-height:1.5!important;color:var(--text-secondary);align-self:start}
html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows>a:hover{border-color:#6C8AFF!important;background:var(--control-hover)!important;box-shadow:0 3px 0 rgba(0,0,0,.18),0 9px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12)!important}
@media(min-width:761px) and (max-width:1099px){
 html:root[data-theme]{--rezim-header-height:124px}
 html:root[data-theme] body.cinematicPage[data-page] .topbar{height:124px!important;flex-wrap:wrap!important;gap:6px 14px!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar .brand{margin-right:auto!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar .nav{order:5!important;flex:1 1 100%!important;justify-content:space-between!important;min-height:36px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows{grid-template-columns:repeat(2,minmax(0,1fr))}
 html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 html:root[data-theme]{--rezim-header-height:70px;--rezim-subhero-height:260px;--site-section-space:36px}
 html:root[data-theme] body.cinematicPage[data-page] :is(input,select,textarea){font-size:16px!important}
 html:root[data-theme] body.cinematicPage[data-page] main>.section,html:root[data-theme] body.cinematicPage[data-page] main>section>.section{padding-block:36px!important;padding-inline:20px!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar{display:flex!important;height:70px!important;min-height:70px!important;flex-wrap:nowrap!important;justify-content:space-between!important;padding:8px 20px!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar .compactHeaderMenu{display:none!important}
 html:root[data-theme] body.cinematicPage[data-page] .compactMenuToggle{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:42px;min-width:90px;padding:9px 12px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:4px;font-size:14px}
 html:root[data-theme] body.cinematicPage[data-page] .compactMenuToggle i{display:block;width:12px;height:8px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
 html:root[data-theme] body.cinematicPage[data-page] .compactMenuToggle [lang="en"],html:root[lang="en"] body.cinematicPage[data-page] .compactMenuToggle [lang="ru"]{display:none}
 html:root[lang="en"] body.cinematicPage[data-page] .compactMenuToggle [lang="en"]{display:inline}
 html:root[data-theme] body.cinematicPage[data-page] .topbar[data-menu-open="true"] .compactHeaderMenu{position:absolute;inset:100% 0 auto;display:grid!important;grid-template-columns:1fr 1fr;gap:14px;padding:16px 20px 24px;max-height:calc(100svh - 70px);overflow-y:auto;background:var(--header-surface);border-bottom:1px solid var(--border);box-shadow:0 12px 20px rgba(0,0,0,.15)!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar[data-menu-open="true"] .nav{display:grid!important;grid-column:1/-1!important;grid-row:auto!important;grid-template-columns:1fr 1fr!important;gap:4px 16px!important;width:100%!important;padding:0 0 10px!important;border-bottom:1px solid var(--border)!important;order:0!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar[data-menu-open="true"] .nav a{min-height:42px!important;font-size:15px!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar[data-menu-open="true"] :is(.accountTopAction,.languageSwitch,.themeSwitch,.topAction){grid-column:auto!important;grid-row:auto!important;order:0!important;width:auto!important;min-width:0!important;justify-self:stretch!important;margin:0!important;justify-content:flex-start!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar[data-menu-open="true"] .topAction{grid-column:1/-1!important;justify-content:center!important}
 html:root[data-theme] body.cinematicPage[data-page] .topbar[data-menu-open="true"] .themeSwitch{justify-self:end!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] main .cinematicHero{height:calc(100svh - var(--rezim-header-height))!important;min-height:560px!important;max-height:none!important;padding:28px 20px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .cinematicHero h1{margin:18px 0!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .heroActions{margin-top:20px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .heroActions .button{min-height:48px!important;padding:12px 16px!important}
 html:root[data-theme] body.cinematicPage[data-page]:not([data-page="home"]) main :is(.pageHero,.projectsHero,.caseHero,.accountHero){padding:38px 20px 22px!important;height:var(--rezim-subhero-height)!important;min-height:var(--rezim-subhero-height)!important}
 html:root[data-theme] body.cinematicPage[data-page] main :is(.pageHero,.projectsHero,.caseHero,.accountHero) h1{font-size:32px!important;line-height:1.1!important}
 html:root[data-theme] body.cinematicPage[data-page] main .pageHero>div:first-child,html:root[data-theme] body.cinematicPage[data-page] :is(.projectsHeroCopy,.caseHeroCopy,.accountHeroCopy){gap:8px!important;grid-template-columns:minmax(0,1fr)!important}
 html:root[data-theme] body.cinematicPage[data-page] main :is(.pageHero,.projectsHero,.caseHero,.accountHero) .sectionKicker{display:none!important}
 html:root[data-theme] body.cinematicPage[data-page] main :is(.pageHero,.projectsHero,.caseHero,.accountHero) p{font-size:14px!important;line-height:1.5!important}
 html:root[data-theme] body.cinematicPage[data-page="concept-generator"] main>.conceptPageHero{background-position:center 55%!important;background-size:cover!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows>a{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:10px!important;padding:18px!important;min-height:0!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows h3{font-size:26px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .directionRows p{font-size:14px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleMetric{padding:20px 16px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleMetric strong{font-size:32px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleReserve{padding:20px!important;display:block!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .homeScaleReserve p{margin-top:14px!important}
 html:root[data-theme] body.cinematicPage[data-page] .footer{padding:28px 20px!important}
}
@media(max-height:680px) and (min-width:761px){
 html:root[data-theme]{--rezim-subhero-height:220px}
 html:root[data-theme] body.cinematicPage[data-page="home"] main .cinematicHero{padding-block:24px!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .cinematicHero h1{margin:14px 0!important}
 html:root[data-theme] body.cinematicPage[data-page="home"] .heroActions{margin-top:18px!important}
}
html:root[data-theme]{--gto-header-height:var(--rezim-header-height)}
@media(max-width:760px){html:root[data-theme] body.cinematicPage[data-page] .sectionHead.split,html:root[data-theme] body.cinematicPage[data-page] .sectionHead.split>*{text-align:left!important;align-items:start!important;justify-items:start!important}}
html:root[data-theme] body.cinematicPage[data-page="concept-generator"] .conceptPageHero::after{display:none!important}
html:root[data-theme] body.cinematicPage[data-page="compare"].compareFocusMode .topbar{display:none!important}
html:root[data-theme] body.cinematicPage[data-page="compare"].compareFocusMode{padding-top:0!important}

html:root[data-theme] body.cinematicPage[data-page] main .caseHero{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:10px!important}
html:root[data-theme] body.cinematicPage[data-page] .caseHeroMeta{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 20px!important;width:100%;padding:0!important;margin:0!important;z-index:2}
html:root[data-theme] body.cinematicPage[data-page] .caseHeroMeta span{font-size:13px!important;line-height:1.4!important;letter-spacing:0!important;color:#e9e9ed!important}
html:root[data-theme] body.cinematicPage[data-page] .projectsHero>img,html:root[data-theme] body.cinematicPage[data-page] .caseHero>img{position:absolute!important;inset:0!important}
@media(max-width:760px){
 html:root[data-theme] body.cinematicPage[data-page] main .caseHero{gap:6px!important}
 html:root[data-theme] body.cinematicPage[data-page] .caseHeroMeta{gap:4px 16px!important}
 html:root[data-theme] body.cinematicPage[data-page] .caseHeroMeta span{font-size:12px!important;line-height:1.3!important}
}