: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:-webkit-max-content;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;perspective:1000px;-webkit-perspective:1000px}.brandbook-wrap{align-items:center;display:flex;flex-direction:column;gap:1.75rem;width:100%}.brandbook-book{margin:0 auto;max-width:100%;touch-action:pan-y}.brandbook-page{background:#fff;overflow:hidden}.brandbook-page img{display:block;height:100%;object-fit:contain;width:100%}.brandbook-static{border-radius:6px;box-shadow:0 30px 60px -20px #26262473;margin:0 auto;max-width:min(900px,100%);overflow:hidden;width:100%}.brandbook-static img{display:block;height:auto;width:100%}.brandbook-controls{align-items:center;display:flex;gap:1.25rem}.brandbook-btn{align-items:center;background:#0000;border:1px solid #26262433;border-radius:9999px;color:#262624;cursor:pointer;display:inline-flex;height:46px;justify-content:center;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .2s ease;width:46px}.brandbook-btn:hover:not(:disabled){background:#262624;border-color:#262624;color:#e4dbd2;transform:translateY(-1px)}.brandbook-btn:disabled{cursor:not-allowed;opacity:.35}.brandbook-counter{font-feature-settings:"tnum";align-items:center;color:#262624;display:flex;flex-direction:column;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:600;gap:.2rem;letter-spacing:.12em;min-width:9rem;text-align:center}.brandbook-hint{color:#2626248c;font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.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=833.5d439c25.chunk.css.map*/