.overlay{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100svh;display:flex;gap:2rem;padding:2rem;background-color:var(--tone-100);color:var(--tone-400);overflow:hidden;pointer-events:all}.overlay p{font-size:1.3rem}.projects,.loader,.locations{flex:1;display:flex;flex-direction:column;justify-content:center}.loader{align-items:center;gap:0}.loader-emblem{width:44px;margin-bottom:1.5rem;opacity:0;transform:translateY(15px) scale(.9);will-change:transform,opacity}.loader-emblem img{width:100%;height:auto;display:block}.loader h1{font-size:2rem;line-height:.9;text-align:center;text-transform:uppercase;color:#3a3a3a;background-image:linear-gradient(0deg,var(--tone-200),var(--tone-200) 50%,var(--tone-400) 0);background-size:100% 200%;background-position:0% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.projects-header,.project-item,.locations-header,.location-item{display:flex;gap:2rem;opacity:0}.projects-header>*,.project-item>*{flex:1}.locations{align-items:center}.locations-header,.location-item{width:50%}.project-item,.location-item{color:var(--tone-300)}.image-grid{position:fixed;top:50%;left:50%;z-index:1000;width:30%;aspect-ratio:1;display:flex;flex-direction:column;gap:1rem;transform:translate(-50%,-50%)}.image-grid .grid-row{width:100%;display:flex;gap:1rem}.img{position:relative;flex:1;aspect-ratio:1;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);overflow:hidden}.img img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}@media(max-width:1000px){.loader-emblem{width:36px;margin-bottom:1.25rem}.loader h1{font-size:1.5rem}.projects,.locations{display:none}.image-grid{width:90%}}.hero{position:relative;width:100%;height:100svh;display:flex;align-items:center;justify-content:center;background-color:var(--tone-100);overflow:hidden}.hero .hero-video{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover}.hero .hero-content{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.hero .hero-content .hero-header{width:90%;max-width:1700px;text-align:center;color:var(--tone-500)}.hero-quote-stage{position:relative;width:100%;display:flex;justify-content:center;align-items:center;min-height:4.5rem}.hero-quote-heading{display:flex;flex-direction:row;justify-content:center;align-items:baseline;column-gap:.28em;font-family:var(--font-primary)!important;font-weight:400!important;font-size:clamp(1.4rem,6.2vw,5.2rem);text-transform:uppercase!important;color:var(--tone-500)!important;line-height:1;letter-spacing:normal;margin:0;padding:0;text-align:center;-webkit-user-select:none;user-select:none}.hero-quote-heading *{font-family:var(--font-primary)!important;color:var(--tone-500)!important;box-sizing:border-box}.hero-quote-line{display:inline-flex;align-items:baseline;justify-content:center;column-gap:.28em;flex-wrap:wrap;max-width:100%}@media(max-width:1100px){.hero-quote-heading{flex-direction:column;align-items:center;row-gap:.18em}}.quote-word{display:inline-flex;align-items:baseline;white-space:nowrap;flex-shrink:0}.q-char{display:inline-block;font-family:var(--font-primary)!important;font-weight:400!important;line-height:1;vertical-align:baseline;flex-shrink:0}.m-swap{display:inline-flex;align-items:baseline;vertical-align:baseline;position:relative;line-height:1;flex-shrink:0}.m-swap .m-char{display:inline-block;vertical-align:baseline;line-height:1;flex-shrink:0}.m-swap .m-mark{display:none;height:.745em;height:1cap;width:auto;vertical-align:baseline;line-height:1;flex-shrink:0}.m-swap .m-mark svg{display:block;height:100%;width:auto;aspect-ratio:30 / 63;fill:currentColor}.m-swap.is-swapped .m-char{display:none}.m-swap.is-swapped .m-mark{display:inline-block}.hero .hero-content .hero-footer{position:absolute;left:0;bottom:0;width:100%}.hero .hero-content .hero-footer .container{display:flex;justify-content:space-between;align-items:flex-end;color:var(--tone-400)}.hero .hero-content .hero-footer p:nth-child(1){display:flex;gap:1rem}@media(max-width:1000px){.hero .hero-content .hero-header{width:95%;padding:0 .5rem}.hero .hero-content .hero-footer .container{padding:1.25rem 1.5rem;font-size:.95rem;justify-content:center;align-items:center;text-align:center}.hero .hero-content .hero-footer .hero-location,.hero .hero-content .hero-footer p:nth-child(1){display:none!important}.hero .hero-content .hero-footer .hero-scroll-hint,.hero .hero-content .hero-footer p:nth-child(2){text-align:center;margin:0 auto}}@media(max-width:480px){.hero-quote-stage{min-height:3.5rem}.hero-quote-heading{font-size:clamp(1.25rem,6.5vw,2rem)}.hero .hero-content .hero-footer .container{padding:1rem 1.25rem;font-size:.82rem;justify-content:center;align-items:center;text-align:center}.hero .hero-content .hero-footer .hero-location,.hero .hero-content .hero-footer p:nth-child(1){display:none!important}.hero .hero-content .hero-footer .hero-scroll-hint,.hero .hero-content .hero-footer p:nth-child(2){text-align:center;margin:0 auto}}.spotlight{position:relative;width:100%;height:100svh;background-color:var(--tone-100);overflow:hidden}.spotlight .spotlight-container{position:absolute;top:50%;left:50%;width:90vw;max-width:1400px;display:flex;justify-content:center;padding:0;transform:translate(-50%,-50%);transform-origin:center}.spotlight .spotlight-container .spotlight-gallery{position:relative;width:100%;height:400px;margin:0 auto}.spotlight .spotlight-gallery .spotlight-gallery-item{position:absolute;top:0;width:20px;height:400px;display:flex;justify-content:center;align-items:center;background:#000;transition:all 1s cubic-bezier(.075,.82,.165,1);overflow:hidden;will-change:left,width}.spotlight .spotlight-gallery .spotlight-gallery-item img{position:absolute;top:0;left:50%;transform:translate(-50%);width:400px;min-width:400px;height:100%;object-fit:cover!important;object-position:center;display:block}.spotlight .spotlight-gallery .spotlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1.5rem;background:#00000047;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);z-index:5}.spotlight .spotlight-gallery .spotlight-overlay.visible{opacity:1;transform:translateY(0);pointer-events:auto}.spotlight-overlay-center{flex:1;display:flex;justify-content:center;align-items:center;width:100%;text-align:center}.spotlight-title{font-family:"Instrument Serif",serif;font-size:clamp(2.4rem,4.4vw,3.8rem);font-style:normal;font-weight:400;color:var(--tone-500);text-transform:uppercase;letter-spacing:.05em;line-height:1;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1),letter-spacing .35s cubic-bezier(.16,1,.3,1),color .25s ease}.spotlight-title:hover{transform:scale(1.04);letter-spacing:.09em;color:#ff2a2a}.spotlight-overlay-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.spotlight-action-btn{background:transparent;border:none;outline:none;font-family:var(--font-secondary);font-size:.68rem;font-weight:500;color:var(--tone-500);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:.25rem 0;transition:opacity .2s ease,transform .2s ease,color .2s ease;text-decoration:none;white-space:nowrap}.spotlight-action-btn:hover{opacity:.85;color:var(--tone-400);transform:translateY(-1px)}.spotlight-header-mobile{display:none}.spotlight-footer-worlds{display:block}.spotlight .spotlight-footer{position:absolute;bottom:0;left:0;width:100%;color:var(--tone-400)}.spotlight .spotlight-footer .container{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.spotlight .spotlight-footer .container a{color:var(--tone-400)}.project-info-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.project-info-modal.active{opacity:1;pointer-events:auto}.project-info-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-info-dialog{position:relative;z-index:2;width:min(1200px,92vw);max-height:88vh;background-color:#0b0b0b;border:1px solid var(--tone-200);box-shadow:0 25px 60px #000000e6;display:flex;flex-direction:column;overflow:hidden;transform:scale(.96);transition:transform .35s cubic-bezier(.16,1,.3,1)}.project-info-modal.active .project-info-dialog{transform:scale(1)}.project-info-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid var(--tone-200);background-color:var(--tone-100);flex-shrink:0;gap:1rem}.project-info-header-left{min-width:0;flex:1}.project-info-header-right{flex-shrink:0}.project-info-tag{font-family:var(--font-secondary);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tone-400);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.project-info-close-btn{background:transparent;border:1.5px solid var(--tone-400);color:var(--tone-400);font-family:var(--font-secondary);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.45rem 1.2rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.project-info-close-btn:hover{background-color:var(--tone-500);border-color:var(--tone-500);color:#fff}.project-info-body{display:grid;grid-template-columns:1.15fr 1fr;flex:1;min-height:0;overflow:hidden}.project-info-left{padding:2.25rem 2.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;border-right:1px solid var(--tone-200);scrollbar-width:thin;scrollbar-color:var(--tone-300) transparent}.project-info-left::-webkit-scrollbar{width:4px}.project-info-left::-webkit-scrollbar-thumb{background:var(--tone-300)}.project-info-meta{display:flex;flex-direction:column;gap:.5rem}.project-info-category{font-family:var(--font-secondary);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tone-500)}.project-info-title{font-family:var(--font-primary);font-size:clamp(2.5rem,4vw,3.8rem);line-height:.95;color:var(--tone-400);margin:.25rem 0;text-transform:uppercase}.project-info-client{font-family:var(--font-secondary);font-size:.95rem;color:var(--tone-300);text-transform:uppercase;letter-spacing:.06em}.project-info-synopsis{font-family:var(--font-secondary);font-size:.95rem;line-height:1.6;color:var(--tone-400);margin-top:.5rem;text-transform:none}.project-info-case-study{margin:.25rem 0}.project-case-study-btn{display:inline-block;padding:.8rem 1.5rem;background-color:var(--tone-500);color:#fff!important;font-family:var(--font-secondary);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:all .2s ease;border:1px solid var(--tone-500)}.project-case-study-btn:hover{background-color:transparent;color:var(--tone-500)!important}.credits-section-heading{font-family:var(--font-secondary);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tone-500);margin-bottom:1rem}.project-credits-table{display:flex;flex-direction:column}.project-credit-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem}.project-credit-role{font-family:var(--font-secondary);color:var(--tone-300);text-transform:uppercase;letter-spacing:.06em}.project-credit-name{font-family:var(--font-secondary);color:var(--tone-400);font-weight:500;text-align:right}.project-links-list{display:flex;flex-wrap:wrap;gap:.75rem}.project-external-link{font-family:var(--font-secondary);font-size:.85rem;letter-spacing:.08em;color:var(--tone-400);text-decoration:none;padding:.4rem .8rem;border:1px solid var(--tone-200);transition:all .2s ease}.project-external-link:hover{border-color:var(--tone-500);color:var(--tone-500)}.project-info-right{display:flex;flex-direction:column;padding:2.25rem 2.5rem;background-color:#070707;overflow:hidden}.project-slideshow-container{display:flex;flex-direction:column;height:100%;gap:1.25rem;justify-content:space-between}.project-slideshow-top{display:flex;justify-content:space-between;align-items:center}.slideshow-label{font-family:var(--font-secondary);font-size:.82rem;letter-spacing:.12em;color:var(--tone-300);text-transform:uppercase}.slideshow-counter{font-family:var(--font-secondary);font-size:.85rem;letter-spacing:.1em;color:var(--tone-500);font-weight:600}.project-slideshow-viewport{position:relative;width:100%;flex:1;min-height:280px;background-color:#000;border:1px solid var(--tone-200);overflow:hidden;display:flex;align-items:center;justify-content:center}.project-slide-img{width:100%;height:100%;object-fit:cover!important;object-position:center;display:block;transition:opacity .3s ease}.project-slideshow-controls{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%}.slideshow-nav-btn{background:transparent;border:1px solid var(--tone-200);color:var(--tone-400);font-family:var(--font-secondary);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.slideshow-nav-btn:hover{border-color:var(--tone-500);color:var(--tone-500)}.slideshow-dots{display:flex;gap:.5rem;align-items:center;justify-content:center;min-width:0;flex:1;overflow:hidden}.slideshow-dot{width:8px;height:8px;border-radius:50%;background-color:var(--tone-200);border:none;cursor:pointer;padding:0;transition:all .2s ease}.slideshow-dot.active{background-color:var(--tone-500);transform:scale(1.25)}@media(max-width:1000px){.spotlight{position:relative;width:100%;height:auto;min-height:auto;overflow:visible;padding:4.5rem 1.25rem 3.5rem;background-color:var(--tone-100)}.spotlight-header-mobile{display:block;width:100%;text-align:center;margin-bottom:1.75rem}.spotlight-header-mobile p{font-family:var(--font-secondary);font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tone-400);margin:0;text-align:center}.spotlight .spotlight-container{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:400px;margin:0 auto;padding:0;display:flex;justify-content:center}.spotlight .spotlight-container .spotlight-gallery{position:relative;width:100%;max-width:380px;margin:0 auto;overflow:hidden}.spotlight .spotlight-gallery .spotlight-gallery-item{position:absolute;left:0;width:100%;height:13px;display:flex;justify-content:center;align-items:center;background:#000;overflow:hidden;cursor:pointer;will-change:top,height;transition:all .75s cubic-bezier(.075,.82,.165,1);border:none;outline:1px solid rgba(255,255,255,.12)}.spotlight .spotlight-gallery .spotlight-gallery-item img{position:absolute;top:0;left:0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;display:block;pointer-events:none}.spotlight .spotlight-gallery .spotlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1.25rem;background:#0000006b;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);z-index:5}.spotlight .spotlight-gallery .spotlight-overlay.visible{opacity:1;transform:translateY(0);pointer-events:auto}.spotlight-title{font-size:clamp(1.6rem,5.5vw,2.4rem);color:var(--tone-500);text-align:center;letter-spacing:.05em}.spotlight-overlay-bottom{width:100%;display:flex;justify-content:space-between;align-items:center}.spotlight-action-btn{font-size:.68rem;letter-spacing:.12em;color:var(--tone-500);padding:.25rem 0}.spotlight-action-btn:hover,.spotlight-action-btn:active{opacity:.85;color:var(--tone-400)}.spotlight .spotlight-footer{position:relative;bottom:auto;left:auto;width:100%;margin-top:2rem;text-align:center}.spotlight .spotlight-footer .container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;text-align:center}.spotlight-footer-worlds{display:none!important}.spotlight .spotlight-footer a{font-family:var(--font-secondary);font-size:.88rem;letter-spacing:.1em;color:var(--tone-400);display:inline-block;text-align:center}.project-info-dialog{width:95vw;max-height:92vh}.project-info-body{grid-template-columns:1fr;overflow-y:auto}.project-info-left{border-right:none;border-bottom:1px solid var(--tone-200);padding:1.75rem 1.5rem}.project-info-right{padding:1.75rem 1.5rem;min-height:380px}.project-slideshow-viewport{min-height:240px}.project-info-header{padding:.85rem 1.25rem;gap:.75rem}.project-info-tag{font-size:.8rem;letter-spacing:.08em}.project-info-close-btn{padding:.35rem .85rem;font-size:.76rem;letter-spacing:.06em;white-space:nowrap;flex-shrink:0}.project-slideshow-controls{gap:.5rem;padding-top:.5rem}.slideshow-nav-btn{padding:.4rem .65rem;font-size:.72rem;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.slideshow-dots{gap:.35rem;max-width:130px;overflow-x:auto;scrollbar-width:none}.slideshow-dots::-webkit-scrollbar{display:none}.slideshow-dot{width:6px;height:6px;flex-shrink:0}}@media(max-width:480px){.spotlight{padding:3.5rem .75rem 3rem}.spotlight-header-mobile{margin-bottom:1.5rem}.spotlight-header-mobile p{font-size:.82rem}.spotlight .spotlight-container{max-width:100%}.spotlight .spotlight-gallery .spotlight-gallery-item{height:11px}.spotlight .spotlight-gallery .spotlight-overlay{padding:1rem .85rem}.spotlight-title{font-size:clamp(1.4rem,6.5vw,2.1rem)}.spotlight-action-btn{font-size:.62rem}.spotlight .spotlight-footer{margin-top:1.75rem}.spotlight .spotlight-footer a{font-size:.82rem}.project-info-header{padding:.75rem .85rem;gap:.5rem}.project-info-tag{font-size:.75rem}.project-info-close-btn{padding:.3rem .6rem;font-size:.7rem;letter-spacing:.05em}.slideshow-nav-btn{padding:.35rem .5rem;font-size:.68rem;letter-spacing:.04em}.slideshow-dots{max-width:95px;gap:.25rem}.slideshow-dot{width:5px;height:5px}.project-info-left,.project-info-right{padding:1.25rem 1rem}.project-credit-row{flex-direction:column;align-items:flex-start;gap:.25rem}.project-credit-name{text-align:left}}
