:root{--base-100:#f9f4eb;--base-300:#0a0a0a}.project-snapshots{background-color:#0a0a0a;background-color:var(--base-300);color:#f9f4eb;color:var(--base-100);left:0;margin:0;padding:0;right:0;width:100vw}.project-snapshots,.project-snapshots-wrapper{height:100svh;min-height:100vh;overflow:hidden;position:relative}.project-snapshots-wrapper{align-items:center;display:flex;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1rem,3vw,2.5rem);transform:translateX(0);width:max-content;will-change:transform}.project-snapshot{align-items:center;display:flex;flex:0 0 auto;height:clamp(260px,55vh,640px);justify-content:center;margin:0 auto;position:relative;width:clamp(280px,72vw,960px)}.project-snapshot-button{background:#0000;border:none;border-radius:1rem;display:block;height:100%;overflow:hidden;padding:0;position:relative;transition:transform .4s ease;width:100%}.project-snapshot.is-clickable .project-snapshot-button{cursor:zoom-in}.project-snapshot-button:focus-visible{outline:3px solid #ffffffb3;outline-offset:6px}.project-snapshot-button img{border-radius:inherit;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.project-snapshot.is-clickable .project-snapshot-button:focus-visible,.project-snapshot.is-clickable .project-snapshot-button:hover{transform:scale(1.02)}.snapshot-zoom-indicator{background:#26262473;border:1px solid #f9f4eb59;border-radius:999px;bottom:clamp(.75rem,2vw,1.5rem);color:#f9f4eb;display:grid;height:clamp(2.5rem,6vw,3.25rem);opacity:0;place-items:center;pointer-events:none;position:absolute;right:clamp(.75rem,2vw,1.5rem);transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,background .3s ease;width:clamp(2.5rem,6vw,3.25rem)}.snapshot-zoom-indicator svg{height:55%;width:55%}.project-snapshot.is-clickable .project-snapshot-button:focus-visible .snapshot-zoom-indicator,.project-snapshot.is-clickable .project-snapshot-button:hover .snapshot-zoom-indicator{background:#262624a6;opacity:1;transform:translateY(0)}.home-spotlight-bottom-bar{bottom:0;left:0;padding:0 2rem 7rem;position:absolute;width:100%;z-index:10}.home-spotlight-bottom-bar .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0}@media (max-width:1024px){.home-spotlight-bottom-bar{display:none}}.mono{color:#f9f4eb;color:var(--base-100);font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.mono span{display:inline-block;margin-right:.5rem}.hover-effect-gallery{color:#f9f4eb;color:var(--base-100);display:inline-block;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin:0;position:relative;text-decoration:none;text-transform:uppercase}.snapshots-progress-bar{background-color:#fff3;border-radius:3px;bottom:4rem;height:3px;left:50%;margin-bottom:2rem;max-width:80%;overflow:hidden;position:absolute;transform:translateX(-50%);width:300px;z-index:10}.progress-indicator{align-items:center;display:flex;gap:8px;height:100%;justify-content:space-between;padding:0 2px;pointer-events:none;position:absolute;width:100%}.progress-indicator:after{background:repeating-linear-gradient(90deg,#0000,#0000 8px,#ffffff26 0,#ffffff26 10px);content:"";height:100%;position:absolute;width:100%}.progress-bar{background-color:#f9f4eb;background-color:var(--base-100);border-radius:3px;box-shadow:0 0 8px #f9f4eb66;height:100%;position:relative;transition:width .1s ease;width:0}@media (max-width:768px){.project-snapshots,.project-snapshots-wrapper{height:100vh;min-height:100vh}.project-snapshots-wrapper{gap:clamp(1rem,3vw,2rem);padding:clamp(.75rem,3vw,1.5rem)}.project-snapshot{height:clamp(230px,75vw,380px);margin:0 auto;width:calc(100vw - clamp(2.5rem, 6vw, 4rem))}.home-spotlight-bottom-bar{padding:0 1rem 5rem}.home-spotlight-bottom-bar .container{align-items:flex-start;flex-direction:column;gap:.5rem}.mono{font-size:.75rem}.snapshots-progress-bar{bottom:3rem;width:200px}}@supports (-webkit-touch-callout:none){.project-snapshots,.project-snapshots-wrapper{height:100vh}}.project-snapshots-wrapper{backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:grab;perspective:1000px;-webkit-perspective:1000px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.project-snapshots-wrapper.is-dragging{cursor:grabbing!important}.gallery-header-controls{align-items:center;display:flex;justify-content:space-between;left:clamp(1.5rem,5vw,4rem);pointer-events:none;position:absolute;right:clamp(1.5rem,5vw,4rem);top:clamp(1.5rem,4vw,3rem);z-index:20}.drag-hint-pill{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#262624a6;border:1px solid #f9f4eb33;border-radius:999px;box-shadow:0 4px 16px #0003;color:#f9f4eb;display:inline-flex;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.12em;padding:.5rem 1rem;text-transform:uppercase}.drag-icon{color:#f97b22;font-size:.9rem}.slide-counter-pill{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#262624a6;border:1px solid #f9f4eb33;border-radius:999px;color:#f9f4eb;display:inline-flex;font-size:.85rem;font-weight:700;gap:.3rem;letter-spacing:.08em;padding:.5rem 1rem}.slide-counter-pill .active-num{color:#f97b22}.slide-counter-pill .divider{opacity:.4}.gallery-nav-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#262624b3;border:1px solid #f9f4eb40;border-radius:999px;color:#f9f4eb;cursor:pointer;display:grid;font-size:1.75rem;height:clamp(2.75rem,5vw,3.5rem);line-height:1;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:clamp(2.75rem,5vw,3.5rem);z-index:25}.gallery-nav-btn:hover:not(:disabled){background:#f97b22;border-color:#f97b22;color:#262624;transform:translateY(-50%) scale(1.1)}.gallery-nav-btn:disabled{cursor:not-allowed;opacity:.2}.gallery-nav-btn.prev-btn{left:clamp(1rem,3vw,2.5rem)}.gallery-nav-btn.next-btn{right:clamp(1rem,3vw,2.5rem)}.gallery-lightbox-modal{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0a0aeb;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:99999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;position:relative;width:100%}.lightbox-media-container{align-items:center;border:1px solid #f9f4eb26;border-radius:1rem;box-shadow:0 20px 50px #00000080;display:flex;justify-content:center;max-height:75vh;max-width:100%;overflow:hidden}.lightbox-media{border-radius:inherit;max-height:75vh;max-width:100%;object-fit:contain}.lightbox-close-btn{align-items:center;background:#f97b22;border:2px solid #fff;border-radius:999px;box-shadow:0 8px 24px #0006;color:#262624;cursor:pointer;display:flex;height:3rem;justify-content:center;position:absolute;right:-1.25rem;top:-1.25rem;transition:transform .2s ease,background .2s ease;width:3rem;z-index:30}.lightbox-close-btn:hover{background:#fff;color:#262624;transform:scale(1.1)}.lightbox-nav-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#262624d9;border:1px solid #f9f4eb4d;border-radius:999px;color:#f9f4eb;cursor:pointer;display:flex;height:3.5rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:3.5rem;z-index:25}.lightbox-nav-btn:hover{background:#f97b22;border-color:#f97b22;color:#262624;transform:translateY(-50%) scale(1.1)}.lightbox-nav-btn.prev{left:-4.5rem}.lightbox-nav-btn.next{right:-4.5rem}.lightbox-footer{align-items:center;color:#f9f4eb;display:flex;font-size:.9rem;justify-content:space-between;margin-top:1.25rem;width:100%}.lightbox-count{color:#f97b22;font-weight:700}@media (max-width:768px){.lightbox-nav-btn.prev{left:.5rem}.lightbox-nav-btn.next{right:.5rem}.gallery-nav-btn{display:none}}.next-project-link{color:inherit;cursor:pointer;display:block;text-decoration:none;transition:opacity .3s ease}.next-project-link:hover{opacity:.9}.next-project{align-items:center;background-color:#f2f3d9;display:flex;flex-direction:column;gap:3rem;height:100svh;justify-content:center;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);min-height:100vh;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;width:100vw}.next-project-color-block{border-radius:1rem;height:400px;overflow:hidden;transition:transform .3s ease;width:35%}.next-project-link:hover .next-project-color-block{transform:scale(1.02)}.next-project-title{color:#262624;font-family:Anton,sans-serif;font-size:clamp(3rem,12vw,12.5rem);font-weight:400;letter-spacing:clamp(-1px,-.8vw,-8px);line-height:.89;margin:0;text-transform:uppercase}.split-line{display:block;overflow:hidden}@media (max-width:1200px){.next-project-color-block{height:350px;width:50%}}@media (max-width:768px){.next-project{gap:2rem;padding:1.25rem}.next-project-color-block{height:300px;width:70%}}@media (max-width:600px){.next-project{gap:1.5rem;min-height:80vh}.next-project-color-block{height:250px;width:85%}}.project-header{align-items:flex-end;display:flex;margin:600px calc(-50vw + 50%) 1.5rem;overflow:visible;padding:2.75rem;position:relative;width:100vw}.project-container{margin:0 auto;max-width:2000px;width:100%}.project-header .project-container{display:flex;flex-direction:column;justify-content:flex-end}.project-title{overflow:visible}.project-title-text{color:#262624;font-family:Anton,sans-serif;font-size:clamp(3rem,12vw,12.5rem);font-weight:400;letter-spacing:clamp(-8px,-1vw,-2px);line-height:.89;margin:0;overflow:visible;padding:0}@media (max-width:820px){.project-title-text{letter-spacing:clamp(-2px,.5vw,2px)}}.project-header-divider{background-color:#0a0a0a;height:.75px;margin:.5rem 0;opacity:1;width:100%}.project-meta{align-items:center;color:#262624;display:flex;gap:2rem;justify-content:flex-end}.project-meta-date{color:#686560;font-size:1rem;margin:0}.project-meta-tag{display:none}.project-banner-img{margin:2rem calc(-50vw + 50%);padding:0 2.75rem;width:100vw}.project-banner-img .project-container{padding:0}.project-banner-img img{aspect-ratio:16/9;border-radius:1rem;display:block;object-fit:cover;width:100%}.hover-effect{display:inline-block;position:relative}.hover-effect:after{background-color:#262624;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.hover-effect:hover:after{width:100%}@media (max-width:1000px){.project-header{height:auto;margin-top:50px;min-height:60vh;padding:1.5rem}.project-container{padding:0 1.5rem}.project-meta,.project-meta-col:nth-child(2){flex-direction:column}.project-banner-img{padding:0 1.5rem}.project-banner-img img{aspect-ratio:4/5}}@media (max-width:820px){.project-meta{align-items:flex-start;gap:.75rem;justify-content:flex-start;width:100%}.project-meta-date{text-align:left;width:100%}.project-meta-tag{display:none}}@media (max-width:600px){.project-meta p{font-size:.9rem}}.client-review-heading{color:#262624;font-family:Anton,sans-serif;font-size:clamp(3.5rem,12vw,14rem);font-weight:400;letter-spacing:clamp(-8px,-.6vw,-1px);line-height:.89;margin:0}.client-review-text{color:#262624;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,1.6vw,2.5rem);font-weight:400;letter-spacing:clamp(-.8px,-.2vw,-.2px);line-height:1.6;margin:0}.watch-video-title{font-family:Anton,sans-serif;font-size:clamp(3rem,10vw,12.5rem);font-weight:400;letter-spacing:clamp(-8px,-.8vw,-1px);line-height:.89;text-transform:uppercase}.watch-video-title p{letter-spacing:inherit}@media (max-width:820px){.watch-video-title{letter-spacing:clamp(0px,.3vw,1.5px)}}.project-images,.project-review,.project-video{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:0 2.75rem;width:100vw}.project-images{margin-top:clamp(48px,8vw,96px)}.project-images .project-container,.project-review .project-container,.project-video .project-container{margin:0 auto;max-width:2000px;width:100%}@media (max-width:768px){.project-images,.project-review,.project-video{padding:0 1.5rem}}@media (max-width:480px){.project-images,.project-review,.project-video{padding:0 1rem}}
/*# sourceMappingURL=219.cbe13b77.chunk.css.map*/