:root{--ease-out-quint:cubic-bezier(.22,1,.36,1);--ease-in-out-quart:cubic-bezier(.76,0,.24,1);--ease-emphasized:cubic-bezier(.2,.8,.2,1);--expo-out:cubic-bezier(.16,1,.3,1);--ease-in-strong:cubic-bezier(.65,0,.85,.25);--header-height:69px}
html{scrollbar-gutter:stable}.dialog-open{overflow:hidden}
:where(section[id],div[id]){scroll-margin-top:var(--header-height,64px)}
main>section:not(.mount-section):not(.cine){min-height:calc(100svh - var(--header-height));display:flex;flex-direction:column;justify-content:center;padding-block:clamp(36px,6svh,80px)}
.hero-figure img{height:clamp(280px,47svh,560px)}
:where(button,a,summary){-webkit-tap-highlight-color:transparent}
:where(button,.btn,summary){transition-property:transform;transition-duration:120ms;transition-timing-function:var(--ease-out-quint)}
:where(button,.btn,summary):active{transform:scale(.97)}
:where(a,button,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.dark :where(a,button,input,[tabindex]):focus-visible{outline-color:var(--accent)}
button:disabled,input:disabled{cursor:not-allowed;opacity:.45}
.sr,.hero-rise{opacity:0;transform:translate3d(0,14px,0);transition-property:opacity,transform;transition-duration:560ms;transition-timing-function:var(--ease-out-quint);transition-delay:var(--sr-delay,0ms)}
.hero-rise{filter:blur(2px);transform:translate3d(0,12px,0);transition-property:opacity,transform,filter;transition-duration:520ms}
.sr-in,.hero-rise-in{opacity:1;transform:none;filter:none}
.section-fade{opacity:0;transform:translate3d(0,28px,0);transition-property:opacity,transform;transition-duration:640ms;transition-timing-function:var(--ease-out-quint);transition-delay:var(--sr-delay,0ms)}
.section-fade-in{opacity:1;transform:none}
/* Never transform a sticky ancestor, including during its entrance. */
.mount-section.section-fade{transform:none}
.site-header{transition-property:transform,opacity,filter,visibility;transition-duration:620ms,320ms,420ms,0s;transition-timing-function:var(--expo-out);transition-delay:0s}
.site-header[data-hidden="true"]{transform:translate3d(0,-100%,0);opacity:0;filter:blur(3px);visibility:hidden;pointer-events:none;transition-duration:380ms,240ms,380ms,0s;transition-delay:0s,0s,0s,380ms;transition-timing-function:var(--ease-in-strong)}
.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;border:0}
.site-nav a::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transition-property:transform;transition-duration:220ms;transition-timing-function:var(--ease-out-quint)}
.site-nav a[aria-current="true"]::after{transform:scaleX(1)}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{transition-property:transform,opacity;transition-duration:220ms;transition-timing-function:var(--ease-out-quint)}
.menu-toggle[aria-expanded="true"] span{background:transparent}.menu-toggle[aria-expanded="true"] span::before{transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span::after{transform:translateY(-5px) rotate(-45deg)}
.hero-figure[data-load="loading"] img{opacity:0}.hero-figure img{transition-property:opacity;transition-duration:800ms;transition-timing-function:var(--ease-out-quint)}
.hero-figure[data-load="loading"]{background:linear-gradient(120deg,#cdd0cb,#e0e2dc,#cdd0cb)}
.hero-figure[data-load="error"]::before{content:'Иллюстрация временно недоступна';position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:var(--ink-soft)}
.hero-figure[data-load="error"] img{opacity:0}
@media(max-width:760px){
 .nav-enhanced .site-nav{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px) scale(.98);transform-origin:top right;transition-property:opacity,transform,visibility;transition-duration:140ms,140ms,0s;transition-delay:0s,0s,140ms;transition-timing-function:var(--ease-out-quint)}
 .nav-enhanced .site-nav[data-open="true"]{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-duration:220ms,220ms,0s;transition-delay:0s}
 .site-nav a{display:flex}.hero-figure img{height:clamp(260px,36svh,380px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.sr,.hero-rise,.section-fade{transform:none;filter:none;transition-property:opacity;transition-duration:200ms;transition-delay:0s}.section-fade{transition-duration:220ms}
 :where(button,.btn,summary):active{transform:none}.site-header,.nav-enhanced .site-nav{transition-duration:0s;transition-delay:0s}.hero-figure img{transition-duration:200ms}
}
