.project-controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-bottom:20px}
.project-controls[hidden]{display:none}
.project-controls button{width:48px;height:48px;border:1px solid #c2bcc9;border-radius:50%;background:#e8e4dd;color:#211f23;font:24px Arial,sans-serif;cursor:pointer;flex-shrink:0}
.project-controls button:hover{background:#e8e4dd;color:#211f23}
.project-controls button:focus-visible{outline:3px solid #d4c8e6;outline-offset:4px}
.project-controls span{font-size:.85rem;font-variant-numeric:tabular-nums;color:#c2bcc9;min-width:40px;text-align:center}
.projects-ready #project-slides{display:grid;overflow:hidden}
.projects-ready #project-slides .project-feature{grid-area:1/1;min-width:0;margin:0;visibility:hidden;pointer-events:none;align-self:start}
.projects-ready #project-slides .project-feature.is-active{visibility:visible;pointer-events:auto}
.projects-ready #project-slides .project-image{order:0}
.projects-ready #project-slides .project-feature{grid-template-columns:1.55fr 1fr}
@media(max-width:700px){.projects-ready #project-slides .project-feature{grid-template-columns:1fr}.project-controls{justify-content:space-between}}
.project-carousel{position:relative;min-width:0}
@media(min-width:701px){
  .projects-ready .project-carousel{padding:0 68px 38px}
  .projects-ready .project-controls{position:absolute;inset:0;margin:0;pointer-events:none}
  .projects-ready .project-controls button{position:absolute;top:calc(50% - 19px);transform:translateY(-50%);pointer-events:auto}
  .projects-ready [data-project-prev]{left:0}
  .projects-ready [data-project-next]{right:0}
  .projects-ready [data-project-count]{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
}