/* A calm text column, one CTA baseline and unobtrusive carousel controls. */
.hero-carousel{width:min(var(--site-content-max,1360px),calc(100% - var(--site-content-gutter,64px)));margin-inline:auto;touch-action:pan-y pinch-zoom;border-inline:1px solid #cad6dd}
.hero-carousel .hero-slide .hero-inner{width:calc(100% - 48px);max-width:none;padding-top:30px;animation:none;transform:none}
.hero-carousel .hero .eyebrow{max-width:50%;margin-bottom:18px;font-size:11px;line-height:18px;letter-spacing:.1em}
.hero-carousel .hero h2{max-width:49%;font-size:clamp(34px,3.35vw,50px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.hero-carousel .hero-description{max-width:46%;margin-top:20px;font-size:17px;line-height:1.6}
.hero-carousel .hero:after{background:linear-gradient(90deg,#edf3f5 0%,#edf3f5 32%,#edf3f5f5 43%,#edf3f5a8 54%,#edf3f500 68%)}
.hero-carousel .hero-actions{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);width:400px;max-width:52%;gap:12px;align-items:stretch}
.hero-carousel[data-carousel-layout] .hero-actions{position:absolute;top:var(--carousel-actions-top);left:0;margin-top:0}
.hero-carousel .hero-actions .btn{min-width:0;min-height:48px;padding:12px 18px;border-radius:4px;transform:none;transition:background .18s,border-color .18s}
.hero-carousel .hero-actions .btn-ghost{background:#ffffffc9;border-color:#a5b7c5}
.hero-carousel .hero-actions .btn-ghost:hover{background:#fff;border-color:#647e92}
.hero-carousel .hero-destination{position:absolute;bottom:calc(100% + 10px);left:0;display:block;margin:0;max-width:100%;font-size:12px;font-weight:500;line-height:18px;color:#465d70;overflow-wrap:anywhere}
.hero-carousel .hero-slide:not([hidden]) .hero-scene-image{animation:none}
.hero-carousel .hero-slide:has(.btn-primary[href^="https://neuroshah.ru"]) .hero-scene-image{object-position:right top}
.hero-carousel .hero-slide:not([hidden]){animation:sv74-hero-fade .24s ease-out}
.hero-carousel .carousel-controls{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;width:max-content;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.hero-carousel .carousel-controls>button{display:block;flex:none;grid-area:auto;width:auto;min-width:64px;height:40px;min-height:40px;margin:0;padding:8px 12px;background:transparent;border:0;border-radius:3px;color:#385368;white-space:nowrap}
.hero-carousel .carousel-controls>button:hover{color:#963c13;background:#e0e8ee}
.hero-carousel .carousel-controls>[data-carousel-pause]{min-width:118px;margin-left:8px;border-left:1px solid #b6c7d3;border-radius:0}
.hero-carousel:focus-visible{outline:2px solid #b34b1e;outline-offset:-3px}
.hero-carousel .carousel-controls>button:focus-visible{outline:2px solid #b34b1e;outline-offset:1px}
@keyframes sv74-hero-fade{from{opacity:.45}to{opacity:1}}
@media(max-width:1000px){
 .hero-carousel .hero h2{max-width:53%;font-size:34px}
 .hero-carousel .hero-description{max-width:50%;font-size:16px}
 .hero-carousel .hero-actions{max-width:55%}
 .hero-carousel .hero-actions .btn{min-height:62px}
}
@media(max-width:700px){
 .hero-carousel .hero-slide .hero-inner{width:calc(100% - 24px);padding-top:22px;padding-bottom:calc(56.28vw + 24px)}
 .hero-carousel[data-carousel-layout] .hero-inner{padding-bottom:0}
 .hero-carousel .hero .eyebrow{max-width:100%;margin-bottom:14px;font-size:10px;line-height:17px}
 .hero-carousel .hero h2{max-width:100%;font-size:clamp(30px,8.8vw,36px);line-height:1.12;text-wrap:balance}
 .hero-carousel .hero-description{max-width:100%;margin-top:16px;font-size:16px;line-height:1.55}
 .hero-carousel .hero-actions{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);width:100%;gap:10px;max-width:100%}
 .hero-carousel .hero-actions .btn{min-width:0;min-height:62px;padding:10px 12px;text-align:center}
 .hero-carousel .hero-destination{font-size:12px;line-height:18px}
 .hero-carousel .hero-scene-image{inset:auto 0 0;width:100%;height:auto;aspect-ratio:1672 / 941;object-fit:cover;object-position:center}
 .hero-carousel .hero:after{background:none}
 .hero-carousel .carousel-controls{display:flex;width:max-content;gap:2px;padding:0}
 .hero-carousel .carousel-controls>button{grid-area:auto;width:auto;min-width:60px;height:40px;min-height:40px;padding:8px 10px}
 .hero-carousel .carousel-controls>[data-carousel-pause]{min-width:118px;margin-left:6px}
}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide:not([hidden]){animation:none}.hero-carousel .hero-actions .btn{transition:none}}
