/* Native scrolling keeps touch, keyboard and reduced-motion navigation available. */
#sectors .section-heading{align-items:flex-start;margin-bottom:30px}
.sector-intro{max-width:360px;padding-top:8px}
.sector-intro p{color:#bed3e3;font-size:15px;line-height:1.7;margin-top:22px}
#sectors .sector-grid{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-top:0;padding:6px 2px 20px;scroll-padding-inline:2px}
#sectors .sector-grid::-webkit-scrollbar{display:none}
#sectors .sector-card{flex:0 0 calc((100% - 54px)/3.25);min-width:0;text-align:left;scroll-snap-align:start;border-radius:28px 28px 0 0}
#sectors .sector-photo{height:clamp(220px,24vw,340px);border-radius:28px;background:#17455c}
#sectors .sector-card:nth-child(2n) .sector-photo{border-top-right-radius:64px}
#sectors .sector-card:nth-child(2n+1) .sector-photo{border-top-left-radius:64px}
#sectors .sector-card:nth-child(8) img{object-position:50% 72%}
.sector-index{position:absolute;left:18px;top:18px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff70;border-radius:50%;background:#082f46b3;color:#fff;font-size:11px;backdrop-filter:blur(8px)}
#sectors .sector-arrow{width:40px;height:40px;right:18px;bottom:18px}
#sectors .sector-arrow svg{width:21px;height:21px}
#sectors .sector-card h3{font-family:inherit;font-size:clamp(19px,1.7vw,26px);font-weight:400;line-height:1.2;margin:20px 0 9px;letter-spacing:-.025em}
#sectors .sector-card p{font-size:13px;line-height:1.6;margin:0;max-width:290px;color:#bed3e3}
.sector-controls{display:none;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #9cc7de36;padding-top:22px;margin-top:6px}
.has-carousel .sector-controls{display:flex}
.sector-position,.sector-navigation{display:flex;align-items:center;gap:20px}
[data-sector-status]{font-size:13px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#a1f1dd;min-width:65px}
.sector-hint{font-size:12px;color:#bed3e3}
.sector-navigation{gap:10px}
.sector-control,.sector-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a8d6e94d;background:transparent;color:#eaf8ff;cursor:pointer;transition:background .2s,border-color .2s}
.sector-control{height:46px;width:46px;border-radius:50%}
.sector-control svg{width:22px;height:22px}
.sector-prev svg{transform:rotate(180deg)}
.sector-toggle{gap:9px;height:46px;padding:0 18px;border-radius:24px;font-size:12px;margin-right:8px}
.sector-motion-icon{height:11px;width:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
[data-autoplay="paused"] .sector-motion-icon{height:0;width:0;border:6px solid transparent;border-left:9px solid currentColor;border-right:0}
.sector-control:hover,.sector-toggle:hover{background:#15516a;border-color:#8ae7d6}
.sector-control:disabled,.sector-toggle:disabled{opacity:.5;cursor:default}
#sectors :focus-visible{outline:2px solid #a1f1dd;outline-offset:3px}
#sectors .sector-card:focus-visible{outline-offset:-2px}
@media(max-width:1100px){#sectors .sector-card{flex-basis:calc((100% - 28px)/2.2)}#sectors .sector-photo{height:280px}.sector-intro p{font-size:13px}}
@media(max-width:760px){#sectors .section-heading{display:block;margin-bottom:25px}.sector-intro{padding:0;max-width:none}.sector-intro p{font-size:13px;margin-top:15px}#sectors .section-heading h2{margin-top:24px}#sectors .sector-grid{gap:16px;padding-bottom:22px}#sectors .sector-card{flex-basis:85%}#sectors .sector-photo{height:260px;border-radius:24px}#sectors .sector-card h3{font-size:23px;margin-top:17px}#sectors .sector-card p{font-size:12px}.sector-controls{padding-top:18px;gap:8px}.sector-position{gap:0}.sector-hint{display:none}.sector-navigation{gap:8px}.sector-toggle{padding:0 13px;margin-right:0}.sector-control{height:42px;width:42px}.sector-toggle{height:42px}[data-sector-status]{font-size:11px;min-width:57px}}
@media(max-width:380px){#sectors .sector-photo{height:225px}#sectors .sector-card h3{font-size:21px}.sector-toggle{padding:0 10px}.sector-navigation{gap:6px}}
@media(prefers-reduced-motion:reduce){#sectors *{transition:none!important;animation:none!important}#sectors .sector-card:hover img{transform:none}}