.ex-categories{padding:42px 20px 47px;background:linear-gradient(135deg,var(--categories-bg),var(--categories-soft));color:var(--categories-text);border-bottom:1px solid rgba(16,45,76,.08)}.ex-categories__inner{width:min(100%,1480px);margin:auto}.ex-categories__heading{text-align:center}.ex-categories__heading p{margin:0;color:#5f6f80;font-size:10px;font-weight:800;letter-spacing:.16em}.ex-categories__heading h2{margin:9px 0 0;font:600 clamp(30px,3vw,44px)/1.08 Arial,sans-serif;letter-spacing:-.03em}.ex-categories__heading h2 span{color:var(--categories-accent)}.ex-categories__heading>i{display:block;width:70px;height:1px;margin:15px auto 27px;background:linear-gradient(90deg,transparent,var(--categories-accent),transparent)}
.ex-categories__list{display:flex;justify-content:center;gap:clamp(22px,3vw,54px)}.ex-category{display:flex;width:190px;flex:0 0 190px;align-items:center;flex-direction:column;color:inherit;text-align:center;perspective:800px}.ex-category__image{position:relative;width:176px;height:176px;overflow:hidden;border:1px solid rgba(22,59,99,.13);border-radius:50%;background:var(--categories-soft);box-shadow:0 14px 30px rgba(16,45,76,.1);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.ex-category__image:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);opacity:0;transform:translateX(-55%) rotate(18deg);transition:opacity .3s,transform .8s}.ex-category__image img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}.ex-category__image>i{position:absolute;right:14px;bottom:17px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--categories-accent);box-shadow:0 0 0 4px rgba(201,150,56,.16)}.ex-category:hover .ex-category__image{box-shadow:0 22px 38px rgba(16,45,76,.17);transform:translateY(-7px) rotateY(-5deg) rotateX(2deg)}.ex-category:hover .ex-category__image img{filter:saturate(1.05);transform:scale(1.075)}.ex-category:hover .ex-category__image:after{opacity:1;transform:translateX(55%) rotate(18deg)}.ex-category strong{margin-top:15px;color:#101e34;font-size:14px}.ex-category small{margin-top:5px;color:#718092;font-size:9px}.ex-category__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#163b63;font:500 15px Georgia,serif;letter-spacing:.14em}
@media(max-width:990px){.ex-categories__list{justify-content:flex-start;overflow-x:auto;padding:0 18px 15px;scroll-snap-type:x mandatory;scrollbar-width:none}.ex-categories__list::-webkit-scrollbar{display:none}.ex-category{scroll-snap-align:center}}
@media(max-width:749px){.ex-categories{padding:32px 0 33px}.ex-categories__heading{padding:0 18px}.ex-categories__heading h2{font-size:31px}.ex-category{width:145px;flex-basis:145px}.ex-category__image{width:136px;height:136px}.ex-categories__list{gap:17px}}
@media(prefers-reduced-motion:reduce){.ex-category__image,.ex-category__image img,.ex-category__image:after{transition:none}}