.as-gs{ --as-gs-per:3.5; --as-gs-gap:24px; --as-gs-ratio:4/5; padding:72px 0 88px; background:var(--e-global-color-surface,#fff); overflow:hidden; }
.as-gs__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.as-gs__head.is-end{ justify-content:flex-end; }
.as-gs__title{ margin:0; color:var(--e-global-color-text,#000); }
.as-gs__nav{ display:flex; gap:12px; flex:none; }
.as-gs__btn{ width:56px; height:56px; border-radius:50%; display:grid; place-items:center; padding:0; cursor:pointer; background:#fff; color:var(--e-global-color-primary,#40759F); border:1.5px solid var(--e-global-color-border,#CCDDEB); transition:background .25s,color .25s,border-color .25s,transform .25s,opacity .25s; }
.as-gs__btn svg{ width:22px; height:22px; }
.as-gs__btn:hover:not(:disabled),.as-gs__btn:focus-visible{ background:var(--e-global-color-primary,#40759F); border-color:var(--e-global-color-primary,#40759F); color:#fff; transform:translateY(-2px); }
.as-gs__btn:focus-visible{ outline:3px solid var(--e-global-color-secondary,#284862); outline-offset:3px; }
.as-gs__btn:disabled{ opacity:.35; cursor:default; }
.as-gs__track{ list-style:none; margin:0; padding:0 0 4px; display:flex; gap:var(--as-gs-gap); overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; overscroll-behavior-x:contain; cursor:grab; outline:none; }
.as-gs__track::-webkit-scrollbar{ display:none; }
.as-gs__track.is-drag{ cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; }
.as-gs__track.is-drag a{ pointer-events:none; }
.as-gs__track:focus-visible{ outline:3px solid var(--e-global-color-primary,#40759F); outline-offset:6px; border-radius:24px; }
.as-gs__slide{ flex:0 0 calc((100% - (var(--as-gs-per) - .5) * var(--as-gs-gap)) / var(--as-gs-per)); scroll-snap-align:start; margin:0; padding:0; }
.as-gs__slide::before{ display:none !important; }
.as-gs__fig{ margin:0; }
.as-gs__fig a{ display:block; border-radius:22px; overflow:hidden; }
.as-gs__img{ display:block; width:100%; height:auto; aspect-ratio:var(--as-gs-ratio); object-fit:cover; border-radius:22px; transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s; user-select:none; -webkit-user-drag:none; }
.as-gs__fig > .as-gs__img{ overflow:hidden; }
.as-gs__fig a:hover .as-gs__img,.as-gs__fig a:focus-visible .as-gs__img{ transform:scale(1.05); }
.as-gs__fig a:focus-visible{ outline:3px solid var(--e-global-color-primary,#40759F); outline-offset:4px; }
.as-gs__cap{ margin-top:12px; color:var(--e-global-color-text,#000); }
.as-gs__bar{ margin-top:36px; height:4px; border-radius:4px; background:var(--e-global-color-accent,#E6EEF5); overflow:hidden; }
.as-gs__bar span{ display:block; height:100%; width:0; border-radius:4px; background:var(--e-global-color-primary,#40759F); transition:width .35s ease; }
@media (max-width:1024px){ .as-gs{ --as-gs-gap:18px; padding:56px 0 72px; } }
@media (max-width:767px){ .as-gs{ --as-gs-gap:14px; padding:44px 0 60px; } .as-gs__btn{ width:48px; height:48px; } .as-gs__bar{ margin-top:24px; } }
@media (prefers-reduced-motion:reduce){ .as-gs__track{ scroll-behavior:auto; } .as-gs__img,.as-gs__btn,.as-gs__bar span{ transition:none; } }