:root{--ease-out:cubic-bezier(.16,1,.3,1)}
::selection{background:#dbc4ff;color:#272038}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-studio{margin-block:26px;padding-block:54px;background:radial-gradient(ellipse at 85% 0,#382347 0,transparent 48%),#191421;color:#fff;overflow:hidden}
.motion-studio .section-heading{align-items:center}
.motion-studio h2{font-size:clamp(38px,4.2vw,62px);line-height:1.05}
.motion-studio h2 span{color:#c6a4ff}
.motion-studio .eyebrow{color:#c9b8dd}
.motion-studio .section-heading>p{color:#d4cbdc;line-height:1.65;font-size:17px}
.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.motion-card{min-width:0;border:1px solid #ffffff1c;border-radius:22px;overflow:hidden;background:#ffffff04}
.motion-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#241b32}
.motion-media>img,.reference-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reference-video{opacity:0;transition:opacity .65s ease}
.reference-video.is-playing{opacity:1}
.motion-media:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#1710206b);pointer-events:none}
.media-number{position:absolute;top:18px;left:20px;color:white;font-size:14px;letter-spacing:.08em;border:1px solid #ffffff50;border-radius:30px;padding:5px 11px;background:#19142135;backdrop-filter:blur(8px)}
.media-toggle{position:absolute;right:18px;bottom:16px;z-index:2;border:1px solid #ffffff65;border-radius:30px;background:#1710208c;backdrop-filter:blur(8px);color:white;font:14px/1.4 Geist,Arial,sans-serif;padding:10px 16px;cursor:pointer;transition:background .2s ease}
.media-toggle[hidden]{display:none}.media-toggle:hover{background:#171020dc}.media-toggle:focus-visible{outline:3px solid #d7bcff;outline-offset:4px}
.motion-card-copy{padding:26px}.motion-card h3{font-size:27px;margin-bottom:13px}.motion-card-copy>p{color:#d4cbdc;line-height:1.7}
.prompt-example{border-left:2px solid #b58be7;padding-left:17px;margin-top:23px}.prompt-example>span{color:#c6a4ff;font-size:13px;letter-spacing:.04em}.prompt-example>p{color:#f0e8f7;font-size:15px;line-height:1.65;margin-top:8px}
.media-credit{display:inline-block;margin-top:24px;color:#c4b8d0;font-size:13px;text-decoration-thickness:1px;text-underline-offset:4px}.media-credit:hover{color:white}
.studio-note{color:#baadc8;font-size:14px;margin-top:22px;max-width:780px}
.settings-table{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:30px}.settings-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.65}.settings-table th,.settings-table td{text-align:left;padding:20px 22px;vertical-align:top}.settings-table thead{background:#f4effa}.settings-table thead th{font-size:14px;font-weight:550}.settings-table tbody tr+tr{border-top:1px solid var(--line)}.settings-table tbody th{width:20%;font-weight:550;color:var(--ink)}.settings-table td{color:var(--muted)}.settings-table td:nth-child(2){width:30%}.settings-table tbody tr{transition:background .25s ease}.settings-table tbody tr:hover{background:#fbf9fe}
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.route-grid article{background:#f8f6fb;border-radius:16px;padding:28px}.route-grid h3{font-size:23px;margin:12px 0}.route-grid p{line-height:1.7}
.button{transition:background .25s ease,transform .3s var(--ease-out),box-shadow .3s ease}.button-purple:hover{box-shadow:0 5px 24px #bd99ff35;transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}
.wide-image img{transition:transform 1.2s var(--ease-out)}.wide-image:hover img{transform:scale(1.025)}
.gallery img{transition:transform .8s var(--ease-out),filter .8s ease}.gallery figure:hover img{transform:scale(1.055);filter:saturate(1.06)}.gallery figcaption{transition:padding-bottom .4s var(--ease-out)}.gallery figure:hover figcaption{padding-bottom:20px}
.reveal{transform:translateY(26px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .95s var(--ease-out) var(--reveal-delay,0ms)}.reveal.is-visible{transform:none}
.motion-card.reveal{transform:translateY(32px) scale(.985)}.motion-card.reveal.is-visible{transform:none}
.final-cta{box-shadow:0 18px 50px #2720380a}.final-cta>img{transition:transform 1.1s var(--ease-out)}.final-cta:hover>img{transform:scale(1.025)}
@media(max-width:760px){.motion-studio{padding-block:36px;margin-block:12px}.motion-grid,.route-grid{grid-template-columns:1fr;gap:20px}.motion-card-copy{padding:22px}.motion-card h3{font-size:25px}.motion-media{aspect-ratio:16/11}.motion-studio .section-heading>p{font-size:16px}.route-grid article{padding:23px}.settings-table{overflow-x:auto}.settings-table table{min-width:600px}.settings-table th,.settings-table td{padding:16px 18px}.settings-table caption{font-size:14px}.media-credit{font-size:13px}.studio-note{font-size:13px}}
@media(max-width:760px){.settings-table table{min-width:0}.settings-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.settings-table tbody,.settings-table tr,.settings-table tbody th,.settings-table td{display:block;width:100%}.settings-table tbody th{width:100%;padding:18px 20px 8px;background:#f7f2fc;font-size:17px}.settings-table td,.settings-table td:nth-child(2){width:100%;padding:12px 20px}.settings-table td:last-child{padding-bottom:22px}.settings-table td:last-child:before{content:'На практике';display:block;font-size:12px;letter-spacing:.04em;color:#806099;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.reveal,.motion-card.reveal{opacity:1;transform:none;transition:none}.reference-video{transition:none}.wide-image:hover img,.gallery figure:hover img,.final-cta:hover>img{transform:none}*{animation:none!important;transition:none!important}}
@media print{.reference-video,.media-toggle{display:none}.motion-studio{background:white;color:#272038}.motion-studio p{color:#272038}.reveal,.motion-card.reveal{opacity:1;transform:none}}