/* Static controls and immediate hero layout; the source stylesheet is retained. */
/* Show the settled composition on the first frame, without the 6-second intro. */
.hero-photo,.hero-photo img,.hero-copy:before,.hero-ink-text,.hero-enter{animation:none!important}
.hero-photo img,.hero-enter{opacity:1}
.hero-photo{will-change:auto}
.hero-photo:after,.hero-ink:after{display:none}
.hero-copy:before{opacity:.96}
.hero-ink-text{clip-path:none}
.hero-enter{transform:none}
@media(min-width:901px){.hero-photo{width:44%;padding:calc(87px + clamp(1.5rem,3vw,3rem)) clamp(1.5rem,3vw,3rem) clamp(1.5rem,3vw,3rem);left:56%}}
@media(max-width:900px){.hero-photo{width:100%;padding:1.25rem 1.25rem 0;left:auto}}
[hidden]{display:none!important}
.language-switch{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);font-family:var(--font-sans);font-size:10px;line-height:1.4;letter-spacing:.08em;box-shadow:0 3px 14px #0000000a}
.language-switch a{padding:3px 0;text-decoration:none}
.language-switch a[aria-current]{color:var(--foreground);font-weight:800;border-bottom:1px solid var(--gold-strong)}
.language-switch span{opacity:.4}
.static-modal-shade{position:fixed;inset:0;background:#000a;z-index:100;display:grid;place-items:center;padding:20px}
.static-modal-shade [role=dialog]{position:relative!important;left:auto!important;top:auto!important;transform:none!important;translate:none!important;max-height:92dvh;overflow:auto;z-index:101}
.static-modal-shade video{max-height:66dvh;object-fit:contain}
.draft-dialog{width:min(720px,100%);background:var(--background);border:1px solid var(--border);padding:32px}
.draft-dialog h2{font-size:2rem;padding-right:25px}
.draft-dialog textarea{width:100%;height:36vh;margin:16px 0;padding:14px;border:1px solid var(--border);font-size:14px;resize:vertical;background:transparent;color:var(--foreground)}
.draft-dialog button{border:1px solid var(--border);padding:8px 18px;font:inherit;cursor:pointer}
.draft-dialog .draft-close{position:absolute;right:12px;top:8px;border:0;font-size:24px}
.draft-actions{display:flex;gap:12px;flex-wrap:wrap}
.not-found{padding:clamp(80px,12vw,150px) 24px;min-height:65vh;max-width:900px;text-align:center}
.not-found h1{font-size:clamp(42px,7vw,86px);line-height:1.1;margin:22px 0}
.not-found-home{display:inline-block;margin-top:28px;padding:12px 28px;border:1px solid var(--gold);border-radius:30px}
@media(max-width:600px){.language-switch{bottom:10px;right:10px;padding:6px 10px}.draft-dialog{padding:25px 20px}}
@media(max-width:900px){html[lang=ru] .hero-title{font-size:clamp(2.6rem,11.5vw,3.8rem)}html[lang=ru] h1,html[lang=ru] h2,html[lang=en] h1,html[lang=en] h2{overflow-wrap:anywhere}}

/* Shared motion for all language versions. The hero never waits to become visible. */
html{scroll-behavior:smooth;scroll-padding-top:105px}
.motion-reveal{filter:none;transform:translateY(16px);transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.motion-reveal.is-in{opacity:1;transform:none;filter:none}
.nav-link,.mobile-nav-link,.language-switch a,footer a{transition:color .25s ease,opacity .25s ease,background-color .25s ease}
main button,main a,header button{transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .3s ease,translate .3s cubic-bezier(.22,1,.36,1)}
input,textarea{transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
.story-card,.audience-plate,.direction-cell,.situation-cell{transition:box-shadow .35s ease,border-color .35s ease,translate .35s cubic-bezier(.22,1,.36,1)}
.static-modal-shade{animation:site-fade-in .22s ease both}
.static-modal-shade [role=dialog]{animation:site-fade-in .32s ease both}
.hero-copy{animation:site-settle .55s cubic-bezier(.22,1,.36,1) both}
@keyframes site-fade-in{from{opacity:0}to{opacity:1}}
@keyframes site-settle{from{translate:0 7px}to{translate:0 0}}
@media(hover:hover) and (pointer:fine){
 .story-card:hover,.audience-plate:hover,.direction-cell:hover,.situation-cell:hover{translate:0 -4px}
 .hero-copy a:hover,.btn-gold-link:hover,button[type=submit]:not(:disabled):hover{translate:0 -2px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hero-copy,.static-modal-shade,.static-modal-shade [role=dialog]{animation:none}
 .motion-reveal{opacity:1;transform:none;filter:none;transition:none}
 main button,main a,header button,.nav-link,.mobile-nav-link,.language-switch a,footer a,input,textarea,.story-card,.audience-plate,.direction-cell,.situation-cell{transition:none;translate:none!important}
}