.project-detail{color:#fff;box-sizing:border-box;align-items:stretch;width:calc(100vw - 2rem);height:100svh;margin-inline:auto;padding-top:4rem;padding-bottom:1rem;display:flex}.project-carousel{grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;display:grid;position:relative}.project-carousel-controls{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 -1rem 3rem}.project-carousel-controls button{appearance:none;width:40px;min-width:44px;height:44px;min-height:44px;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:flex}.project-carousel-controls svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5px;filter:drop-shadow(0 2px 2.3px #0006);width:1.5rem;height:1.5rem;transition:opacity .12s,transform .12s}.project-carousel-controls button:active svg{opacity:.65;transform:scale(.9)}.project-carousel-controls button:focus-visible svg{outline-offset:3px;outline:1px solid}.project-carousel-frame{justify-content:center;align-items:center;width:100%;min-height:0;padding:0 1.5rem;display:flex;position:relative}.project-carousel-frame>div{max-width:100%;max-height:100%}.project-carousel-images{justify-content:center;align-items:center;gap:1rem;width:100%;min-width:0;height:100%;min-height:0;display:flex}.project-carousel-image{flex:1 1 0;min-width:0;height:100%;min-height:0;position:relative}.project-carousel-image img{object-fit:contain;object-position:center}.project-carousel-footer{flex-direction:row;justify-content:space-between;align-items:center;column-gap:1.5rem;width:100%;padding-top:.75rem;font-size:.875rem;display:flex}.project-carousel-footer .project-carousel-info{flex-direction:row;min-width:0;display:flex}.project-carousel-footer .project-carousel-info h1{overflow-wrap:anywhere;margin:0;font-size:1.2rem;line-height:1.3rem}.project-carousel-footer .project-carousel-info .project-client{opacity:.65}.project-carousel-footer .project-carousel-count{opacity:.65;white-space:nowrap}@media (max-width:600px){.project-detail{width:calc(100% - 2rem)}.project-carousel-footer{grid-template-columns:minmax(0,1fr) auto;row-gap:.75rem}.project-carousel-project{grid-column:1/-1}}