.my-carousel{height:clamp(600px,49vw,760px);position:relative;isolation:isolate;background:#1b2022;color:#fff;touch-action:pan-y;outline-offset:-4px}
.my-carousel-track,.my-carousel-slide{width:100%;height:100%}.my-carousel-slide{position:relative}.my-carousel-slide[hidden]{display:none!important}
.ui-v3 .my-carousel img.my-carousel-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:center 48%;margin:0;border-radius:0}
.my-carousel-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,18,.68),rgba(8,15,18,.24) 60%,rgba(8,15,18,.08)),linear-gradient(0deg,rgba(0,0,0,.18),transparent 25%)}
.my-carousel-content{position:relative;z-index:1;padding-top:clamp(190px,15vw,245px);padding-bottom:100px}.my-carousel-content h1{max-width:860px;font-size:clamp(42px,4.65vw,72px);line-height:1.09;font-weight:400;letter-spacing:-.045em;margin:20px 0 24px;color:#fff}.my-carousel-content .v3-eyebrow{color:#fff;opacity:.8}.my-carousel-description{font-size:clamp(16px,1.35vw,20px);line-height:1.6;max-width:580px;color:#fff;margin:0 0 30px;opacity:.92}
.my-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff50;background:#151b1e55;color:#fff;cursor:pointer;z-index:2;backdrop-filter:blur(8px)}.my-carousel-prev{left:20px}.my-carousel-next{right:20px}.my-carousel-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.my-carousel-arrow:hover{background:#ffffff30}.my-carousel-arrow:focus-visible,.my-carousel-dot:focus-visible{outline:3px solid #fff;outline-offset:3px}
.my-carousel-pagination{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;z-index:2;gap:2px}.my-carousel-dot{width:32px;height:36px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;padding:0}.my-carousel-dot span{width:8px;height:8px;border:1px solid white;border-radius:50%;background:transparent}.my-carousel-dot[aria-current=true] span{background:#fff}
@media(max-width:900px){.my-carousel{height:650px}.my-carousel-content{padding-top:210px}.my-carousel-content h1{max-width:650px;font-size:52px}.my-carousel-prev{left:12px}.my-carousel-next{right:12px}.my-carousel-arrow{width:36px;height:36px}.my-carousel-content.v3-shell{width:calc(100% - 112px)}}
@media(max-width:600px){.my-carousel{height:620px}.my-carousel-content.v3-shell{width:calc(100% - 52px);padding-top:174px;padding-bottom:100px}.my-carousel-content h1{font-size:40px;line-height:1.13;max-width:340px;margin:20px 0}.my-carousel-description{font-size:16px;max-width:300px;margin-bottom:24px}.my-carousel-shade{background:linear-gradient(90deg,#071216a6,#07121635),linear-gradient(0deg,#07121660,transparent)}.my-carousel-arrow{top:50%;width:28px;height:40px;border-radius:16px;background:#151b1e65;border-color:#ffffff25}.my-carousel-arrow svg{width:18px;height:18px}.my-carousel-prev{left:3px}.my-carousel-next{right:3px}.my-carousel-content .v3-eyebrow{font-size:9px;letter-spacing:.16em}.my-carousel-pagination{bottom:17px}}
@media(max-width:600px){.my-carousel{height:680px}.my-carousel-content.v3-shell{width:calc(100% - 108px);padding-top:150px}.my-carousel-content h1{font-size:36px}.my-carousel-arrow{width:44px;height:44px;background:transparent;border:0}.my-carousel-arrow::before{content:"";position:absolute;inset:6px;border:1px solid #ffffff55;background:#151b1e65;border-radius:50%}.my-carousel-arrow svg{position:relative;z-index:1}.my-carousel-prev{left:0}.my-carousel-next{right:0}.my-carousel-dot{width:44px;height:44px}}
@media(max-width:360px){.my-carousel-content h1{font-size:32px}.my-carousel-content.v3-shell{width:calc(100% - 108px);padding-top:140px}.my-carousel{height:680px}.my-carousel-description{font-size:15px}}
.my-carousel-dot{width:44px;height:44px}
@media(min-width:601px) and (max-width:900px){.my-carousel-arrow{width:44px;height:44px}.my-carousel-content.v3-shell{width:calc(100% - 128px)}}
.ui-v3 .my-carousel-slide[data-block-id=architecture] img.my-carousel-photo{object-position:64% 52%}
.ui-v3 .my-carousel-slide[data-block-id=sports] img.my-carousel-photo{object-position:66% 60%}
.ui-v3 .my-carousel-slide[data-block-id=education] img.my-carousel-photo{object-position:55% 48%}
.my-carousel-slide[data-block-id=education] .my-carousel-shade{background:linear-gradient(90deg,#141b1ce8,#141b1c9c 42%,#141b1c26 76%)}
@media(max-width:600px){.ui-v3 .my-carousel-slide[data-block-id=architecture] img.my-carousel-photo{object-position:67% 52%}.ui-v3 .my-carousel-slide[data-block-id=sports] img.my-carousel-photo{object-position:69% 58%}.ui-v3 .my-carousel-slide[data-block-id=education] img.my-carousel-photo{object-position:46% 48%}.my-carousel-shade{background:linear-gradient(90deg,#071216c7,#07121662),linear-gradient(0deg,#07121655,transparent)}.my-carousel-slide[data-block-id=education] .my-carousel-shade{background:linear-gradient(90deg,#141b1cdb,#141b1c6e),linear-gradient(0deg,#141b1c50,transparent)}}
.my-carousel{height:100svh;min-height:600px}
@media(prefers-reduced-motion:reduce){.my-carousel *, .my-carousel *::before,.my-carousel *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}