.design-hero .design-carousel{margin-top:45px;text-align:left}
.design-hero .design-carousel-frame{position:relative;width:100%;height:480px;border-radius:18px;overflow:hidden;background:#e5e9e9;isolation:isolate}
.design-hero .design-carousel-slide{position:absolute;inset:0;margin:0}
.design-hero .design-carousel-slide[hidden]{display:none}
.design-hero .design-carousel-slide .wide-photo{display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;object-position:center}
.design-carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:13px;min-height:44px}
.design-carousel-project{font-size:14px;line-height:1.5;margin:0;color:#62696b}
.design-carousel-project a{color:#466f77;border-bottom:1px solid #466f7740;margin-left:12px;white-space:nowrap}
.design-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}
.design-carousel-controls[hidden]{display:none}
.design-carousel [data-carousel-toggle]{display:none}
.design-carousel-dots{display:flex;align-items:center;justify-content:center}
.design-carousel-dot{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;flex-shrink:0}
.design-carousel-dot span{display:block;width:8px;height:8px;background:#b8c6c8;border-radius:50%;transition:background-color .2s,width .2s}
.design-carousel-dot[aria-pressed=true] span{width:22px;background:#608c94;border-radius:999px}
.design-carousel-dot:hover span{background:#608c94}
.design-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.design-carousel-footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.design-carousel-controls{width:100%;justify-content:center;flex-wrap:wrap;gap:5px 8px}.design-carousel-project{font-size:13px}.design-carousel-project a{margin-left:8px}}
@media(max-width:520px){.design-hero .design-carousel-frame{height:300px}.design-carousel-controls{flex-direction:column}.design-carousel-dot{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.design-carousel-dot span{transition:none}}