.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-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.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-index{z-index:11;overscroll-behavior:contain;background:#0e0e0e;position:absolute;inset:0;overflow-y:auto}.project-carousel-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;padding:1rem 0;display:grid}.project-carousel-index-item{box-sizing:border-box;width:100%;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 .5rem;display:block}.project-carousel-index-item:focus-visible{outline-offset:-1px;outline:1px solid}.project-carousel-index-media{justify-content:center;align-items:center;width:100%;height:45vw;display:flex;position:relative;container-type:size}.project-carousel-index-images{justify-content:center;align-items:center;gap:.5rem;width:100%;min-width:0;height:100%;display:flex}.project-carousel-index-image{flex:1 1 0;width:100%;min-width:0;height:100%;position:relative}.project-carousel-index-diptych{width:min(100%, calc(100cqh * var(--ratio-sum) + .5rem));height:min(100cqh, calc((100cqw - .5rem) / var(--ratio-sum)))}.project-carousel-index-diptych .project-carousel-index-image{flex:var(--image-ratio) 1 0;width:0;height:100%}.project-carousel-index-image img{object-fit:contain}.project-carousel-index-media .preview-player{aspect-ratio:16/9;background:#171717;flex:0 auto;width:100%;max-width:100%;position:relative;overflow:hidden}.project-carousel-index-media .preview-player iframe{z-index:1;pointer-events:none;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.project-carousel-index-media .preview-player__poster{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.project-carousel-index-item:hover .project-carousel-index-media .preview-player,.project-carousel-index-item:focus-visible .project-carousel-index-media .preview-player,.project-carousel-index-item:hover .project-carousel-index-image img,.project-carousel-index-item:focus-visible .project-carousel-index-image img{transition:transform .3s;transform:scale(1.025)}.project-carousel-viewport{width:100%;height:100%;overflow:hidden;container-type:size}.project-carousel-container{touch-action:pan-y pinch-zoom;height:100%;display:flex}.project-carousel-slide{flex:0 0 100%;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.project-carousel-slide>div{max-width:100%;max-height:100%}.project-carousel-images{justify-content:center;align-items:center;gap:1rem;width:fit-content;min-width:0;max-width:100%;height:fit-content;min-height:0;max-height:100cqh;display:flex}.project-carousel-image{flex:0 auto;width:fit-content;min-width:0;max-width:100%;height:fit-content;min-height:0;max-height:100cqh;position:relative}.project-carousel-diptych .project-carousel-image{flex:var(--image-ratio) 1 0;width:0;max-width:none;height:100%;max-height:none}.project-carousel-images.project-carousel-diptych{width:min(100%, calc(100cqh * var(--ratio-sum) + 1rem));height:min(100cqh, calc((100cqw - 1rem) / var(--ratio-sum)))}.project-carousel-image img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100cqh;display:block;position:relative}.project-carousel-diptych .project-carousel-image img{width:100%;height:100%;max-height:none}.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}.project-carousel-footer-actions{flex:none;align-items:center;gap:1.5rem;margin-left:auto;display:flex}.project-carousel-index-toggle{color:inherit;font:inherit;cursor:pointer;text-transform:lowercase;background:0 0;border:0;padding:0}.project-carousel-index-toggle:hover{opacity:1}.project-carousel-index-toggle:focus-visible{outline-offset:3px;outline:1px solid}@media (max-width:600px){.project-detail{width:calc(100% - 2rem)}.project-carousel-footer{column-gap:1rem}.project-carousel-project{grid-column:1/-1}}@media (min-width:1000px){.project-carousel-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-carousel-index-media{height:18vw}}@media (max-width:480px){.project-carousel-footer{flex-wrap:wrap;row-gap:.75rem}.project-carousel-info{flex:100%}.project-carousel-index-media{height:7rem}.project-carousel-footer-actions{gap:.75rem}}