/* 1.1.0 — плавные фоны и новый главный экран. */
.service-card{isolation:isolate;transition:transform .5s ease,border-color .6s ease,box-shadow .6s ease,color .55s ease}
.service-card.video-playing{background:var(--surface)}
.service-media{position:absolute;inset:0;z-index:-1;opacity:0;overflow:hidden;transition:opacity .75s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.service-media>img,.service-card .service-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.045);transition:transform 1.5s ease,opacity .75s ease}
.service-card .service-media>video{opacity:0}
.service-card.video-playing .service-media>video{opacity:1}
.service-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,36,.64),rgba(7,19,36,.89));z-index:1}
.has-service-media:is(:hover,:focus-within){color:#fff;border-color:#b8a05e}
.has-service-media:is(:hover,:focus-within) .service-media{opacity:1}
.has-service-media:is(:hover,:focus-within) .service-media>img,.has-service-media:is(:hover,:focus-within) .service-media>video{transform:scale(1)}
.service-card .service-number,.service-card .service-copy p,.service-card .service-copy p span,.service-card .circle-link{transition:color .55s ease,border-color .55s ease,background .55s ease}
.has-service-media:is(:hover,:focus-within) .service-number,.has-service-media:is(:hover,:focus-within) .service-copy p{color:#edda9e}
.has-service-media:is(:hover,:focus-within) .service-copy p span{color:#d6dfea}
.has-service-media:is(:hover,:focus-within) .circle-link{color:#fff;border-color:#ffffff80;background:#ffffff10}
.hero-modern{min-height:760px;border-radius:0 0 28px 28px;isolation:isolate;background:#081526}
.hero-modern .hero-image{inset:-20px 0;left:20%;opacity:.86}
.hero-modern .hero-image img{object-position:center;transform:scale(1.01)}
.hero-modern .hero-shade{background:linear-gradient(90deg,#081526 0%,#081526f2 20%,#081526cc 43%,#08152632 85%),linear-gradient(0deg,#081526a6,transparent 70%)}
.hero-modern .hero-content{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);align-items:end;gap:70px;padding-block:85px}
.hero-modern h1{font-size:clamp(3.1rem,5.5vw,5.55rem);line-height:1.09;letter-spacing:-.04em;max-width:850px;text-wrap:balance;margin-bottom:30px}
.hero-main-copy>p{max-width:520px;color:#d1dbe6;line-height:1.85;margin-bottom:36px}
.hero-modern .hero-foot{margin-top:60px;gap:30px;justify-content:flex-start;flex-wrap:wrap}
.hero-modern .hero-foot .scroll-hint{font-size:.75rem;text-decoration:none}
.hero-modern .button{border-radius:6px;min-height:56px;padding-inline:26px}
.hero-modern .button-outline{background:#ffffff07;backdrop-filter:blur(8px);border-color:#ffffff60}
.hero-modern .hero-seal{border-color:#d4af375c;border-radius:18px;color:#dec888;transform:rotate(-8deg)}
.hero-note{background:linear-gradient(150deg,#ffffff19,#ffffff08);backdrop-filter:blur(18px);border:1px solid #ffffff33;border-radius:16px;padding:32px;color:#fff;position:relative;margin-bottom:26px;box-shadow:0 20px 80px #03102040}
.hero-note-index{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#e4d39f;display:block;margin-bottom:24px}
.hero-note h2{font-size:2.15rem;letter-spacing:-.025em;line-height:1.2;margin:0 0 20px}
.hero-note h2 em{color:#e2cd90}
.hero-note p{font-size:.85rem;line-height:1.85;color:#d7dfe9;margin:0}
.hero-note-line{display:block;height:1px;background:linear-gradient(90deg,#d8bd71,transparent);margin:25px 0 18px}
.hero-note-caption{font-size:.72rem;color:#e3d9bf}
.hero-orbit{position:absolute;right:-90px;top:60px;width:560px;height:560px;border:1px solid #ffffff20;border-radius:50%;pointer-events:none}
.hero-orbit::after{content:'';position:absolute;inset:32px;border:1px solid #d4af372e;border-radius:50%}
.hero-modern .hero-enter{animation:st-hero-enter 1s cubic-bezier(.16,1,.3,1) both}
.hero-main-copy>.hero-enter:nth-child(2){animation-delay:.09s}.hero-main-copy>.hero-enter:nth-child(3){animation-delay:.18s}.hero-main-copy>.hero-enter:nth-child(4){animation-delay:.27s}.hero-main-copy>.hero-enter:nth-child(5){animation-delay:.36s}.hero-note.hero-enter{animation-delay:.4s}
.hero-motion-cinematic .hero-image img{animation:st-hero-pan 22s ease-in-out infinite alternate}
.hero-motion-cinematic .hero-orbit{animation:st-orbit-drift 18s ease-in-out infinite alternate}
.hero-motion-none .hero-enter,.hero-motion-none .hero-image img,.hero-motion-none .hero-orbit{animation:none}
@keyframes st-hero-enter{from{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes st-hero-pan{from{transform:scale(1.01)}to{transform:scale(1.075)}}
@keyframes st-orbit-drift{to{transform:translate3d(-20px,20px,0)}}
html[data-theme=dark] .has-service-media:is(:hover,:focus-within) .service-copy p{color:#edda9e}
@media(max-width:1279px){.hero-modern .hero-content{gap:38px;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr)}.hero-note{padding:26px}.hero-note h2{font-size:1.9rem}.hero-modern h1{font-size:4.6rem}.hero-modern .button{padding-inline:19px;font-size:.85rem}}
@media(max-width:1023px){.hero-modern{min-height:690px}.hero-modern .hero-content{grid-template-columns:1fr;gap:0;padding-block:70px}.hero-main-copy{max-width:710px}.hero-note{display:none}.hero-modern .hero-image{left:0}.hero-modern h1{font-size:4.4rem}.hero-modern .hero-shade{background:linear-gradient(90deg,#081526ed,#08152688),linear-gradient(0deg,#081526ac,transparent)}.hero-motion-cinematic .hero-image img,.hero-motion-cinematic .hero-orbit{animation:none}.hero-modern .hero-foot{margin-top:45px}}
@media(max-width:767px){.hero-modern{min-height:650px;border-radius:0 0 20px 20px}.hero-modern .hero-content{padding-block:58px}.hero-modern h1{font-size:clamp(2.8rem,8vw,4rem)}.hero-main-copy>p{font-size:.95rem;max-width:460px}.hero-modern .eyebrow{font-size:.67rem;line-height:1.6}.hero-modern .hero-foot{margin-top:36px}.hero-orbit{width:400px;height:400px;right:-230px;top:80px}.hero-modern .hero-image{inset:0}.hero-modern .hero-image img{object-position:65% center}.hero-modern .hero-seal{width:52px;height:52px}}
@media(max-width:479px){.hero-modern .hero-content{padding-top:46px;padding-bottom:42px}.hero-modern h1{font-size:clamp(2.45rem,11vw,3.4rem)}.hero-main-copy>p{font-size:.91rem;margin-bottom:28px}.hero-modern .button-row{max-width:none}.hero-modern .button{min-height:53px;width:100%}.hero-modern .hero-foot{margin-top:32px}.hero-modern .hero-foot p{font-size:.79rem}.hero-modern .hero-foot .scroll-hint{display:none}}
@media(hover:none){.has-service-media .service-media{opacity:1}.has-service-media{color:#fff}.has-service-media .service-number,.has-service-media .service-copy p{color:#edda9e}.has-service-media .service-copy p span{color:#d6dfea}.has-service-media .circle-link{border-color:#ffffff80;color:#fff}}
@media(prefers-reduced-motion:reduce){.hero-modern *{animation:none!important;transition:none!important}.hero-modern .hero-image{transform:none!important}.hero-modern .hero-enter{opacity:1;transform:none}}
html.accessible .service-media{display:none!important}html.accessible .has-service-media:is(:hover,:focus-within){color:#000!important;background:#fff!important}html.accessible .has-service-media:is(:hover,:focus-within) .service-number,html.accessible .has-service-media:is(:hover,:focus-within) .service-copy p,html.accessible .has-service-media:is(:hover,:focus-within) .service-copy p span,html.accessible .has-service-media:is(:hover,:focus-within) .circle-link{color:#000!important}html.accessible .hero-enter{opacity:1!important;transform:none!important}html.accessible .hero-orbit{display:none}html.accessible .hero-note{background:#000;color:#fff}

html.accessible .has-service-media,html.accessible .has-service-media .service-number,html.accessible .has-service-media .circle-link{color:#000!important}html.accessible .has-service-media{background:#fff!important}

.service-detail-hero.no-service-media{grid-template-columns:1fr}