.project-carousel{min-width:0;position:relative}
.project-carousel.is-ready{padding-inline:12%}
.project-carousel-track>[hidden]{display:none!important}
.project-carousel-controls{position:absolute;inset:0;pointer-events:none}
.project-carousel-controls[hidden]{display:none!important}
.project-carousel-controls button{position:absolute;top:50%;width:10%;min-width:42px;max-width:110px;height:clamp(96px,24vh,170px);padding:0;overflow:hidden;border:1px solid rgba(16,13,5,.2);border-radius:2px;background:#e9e5e7;color:#fff;cursor:pointer;pointer-events:auto;transform:translateY(-50%);transition:border-color .2s,transform .2s}
.project-carousel-controls button:hover{border-color:#592581;transform:translateY(-50%) scale(1.03)}
.project-carousel-controls button:focus-visible{outline:3px solid #d69a10;outline-offset:3px}
.project-carousel-prev{left:0}
.project-carousel-next{right:0}
.project-carousel-preview{display:block;width:100%;height:100%;object-fit:cover}
.project-carousel-controls button::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(16,13,5,.68));pointer-events:none}
.project-carousel-controls button span{position:absolute;right:8px;bottom:7px;z-index:1;font:26px/1 Arial,sans-serif;text-shadow:0 1px 5px #0007}
.project-carousel-prev span{right:auto;left:8px}
.project-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}
.project-carousel .project-media{min-width:0}
#dialog-carousel{margin:0 auto clamp(36px,4vw,56px)}
#dialog-carousel .dialog-art.project-media-gallery{margin-bottom:0}
@media(max-width:700px){#dialog-carousel{margin-bottom:34px}.project-carousel.is-ready{padding-inline:8%}.project-carousel-controls button{min-width:38px;height:100px}.project-carousel-controls button span{font-size:22px}}
@media(prefers-reduced-motion:reduce){.project-carousel-controls button{transition:none}}