*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(to bottom,#fff 10%,#dfdfdf)}.header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.5rem 2rem;display:flex;justify-content:center;overflow:hidden}.header-nav{display:flex;justify-content:space-evenly;align-items:center;position:absolute;left:0;right:0;padding:0 2rem;transition:transform .4s ease,opacity .4s ease}.header-nav.slide-in{opacity:1;pointer-events:auto}.header-nav.slide-out{opacity:0;pointer-events:none}.nav-link{color:#707070;text-decoration:none;font-size:20px;width:25%;position:relative;transition:color .3s ease;cursor:pointer;text-align:center}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background-color:#f0f0f0;transition:width .3s ease}.nav-link:hover{color:#000}.back-btn{background:none;border:none;font-family:inherit}@media screen and (max-width:768px){.header-nav{padding:0rem}.nav-link{font-size:18px}}.hero{opacity:1;transition:opacity .4s ease}.hero.fade-out{opacity:0}.gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding-top:4rem;overflow:hidden;-webkit-user-select:none;user-select:none}.gallery-stage{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:62vh}.gallery-coverflow{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;perspective:1200px}.gallery-item{position:absolute;transition:transform .5s ease,opacity .5s ease,filter .5s ease;cursor:pointer;transform-style:preserve-3d;display:inline-flex;flex-direction:column;overflow:visible}.gallery-item-image{height:60vh;width:auto;display:block;object-fit:cover;box-shadow:0 8px 40px #0000000d}.gallery-item.active .gallery-item-image{box-shadow:0 12px 60px #0000000d}.gallery-info{position:absolute;top:100%;margin-top:10px;left:0;width:100%;font-size:.9rem;opacity:0;animation:infoFadeIn .4s ease .3s forwards}@keyframes infoFadeIn{0%{opacity:0}to{opacity:1}}.gallery-name{color:#383838;text-transform:uppercase;font-family:NeueHaasDisplayMed,sans-serif}.gallery-client{color:#7e7e7e;text-transform:uppercase;font-family:NeueHaasDisplay,sans-serif;font-size:.95rem;margin-left:10px}.gallery-controls{display:flex;gap:2rem;margin-top:1.5rem}.gallery-arrow{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:.25rem .75rem;transition:color .2s ease;line-height:1}.gallery-arrow:hover:not(:disabled){color:#222}.gallery-arrow:disabled{opacity:.25;cursor:default}@media screen and (max-width:768px){.gallery{padding-top:6rem;justify-content:flex-start}.gallery-stage{height:55vh}.gallery-coverflow{perspective:600px}.gallery-item-image{height:40vh;max-width:100vw;object-fit:cover}.gallery-info{font-size:.75rem;margin-top:8px;text-overflow:ellipsis;max-width:70vw}.gallery-client{font-size:.75rem;margin-left:6px}.gallery-controls{gap:1rem;margin-top:1rem}.gallery-arrow{font-size:2.5rem;padding:.5rem 1rem;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}}@media screen and (max-width:390px){.gallery-item-image{height:38vh;max-width:100vw}.gallery-stage{height:48vh}}@media screen and (max-width:768px){.works-detail{top:0;padding:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.works-detail-content{flex-direction:column;gap:0!important;height:auto;padding:0}.works-detail-content{display:flex;flex-direction:column}.works-detail-image-section{order:2;width:100%}.works-detail-info{order:1;padding:1.5rem 1.5rem 1rem;gap:.4rem;width:100%}.works-detail-back{display:none}.works-detail-title{font-size:1.8rem;line-height:1.1}.works-detail-meta{font-size:.9rem}.works-detail-image-wrapper,.works-detail-image-slide{width:100%}.works-detail-image{width:90vw!important;height:auto!important;max-height:none!important;object-fit:cover;display:block}.works-detail-description{width:100vw!important;padding:1.2rem 1.5rem;font-size:.9rem;order:3}.works-detail-nav{position:fixed;bottom:1.5rem;transform:none;font-size:.75rem}.works-detail-nav-prev{left:1rem}.works-detail-nav-next{right:1rem}.image-nav-prev{left:6px}.image-nav-next{right:6px}}.works-page{position:relative;height:100vh;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}.works-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s ease}.works-gallery.pushed-up{transform:translateY(-72vh);opacity:.2}.works-detail{position:absolute;top:10vh;left:0;right:0;bottom:10vh;display:flex;align-items:center;justify-content:center;padding-top:0;opacity:0;transition:opacity .4s ease}.works-detail.visible{opacity:1;transition:opacity .6s ease .3s}.works-detail-content{display:flex;gap:3rem;align-items:center;height:100%}.works-detail-image-section{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;width:37vw;height:auto;max-height:80vh}.works-detail-image{display:block;width:100%;height:auto;object-fit:contain}.works-detail-dots{display:flex;gap:.5rem;margin-top:1rem}.works-detail-dot{width:8px;height:8px;border-radius:50%;border:none;background-color:#ccc;cursor:pointer;padding:0;transition:background-color .3s ease}.works-detail-dot.active{background-color:#383838}.works-detail-dot:hover{background-color:#888}.works-detail-text{display:flex;flex-direction:column;align-self:flex-start;gap:.75rem;padding-top:.5rem}.works-detail-info{display:flex;flex-direction:column;gap:.75rem;animation:worksDetailFadeIn .5s ease .1s both}@keyframes worksDetailFadeIn{0%{opacity:0}to{opacity:1}}.works-detail-back{background:none;border:none;color:#999;font-size:.85rem;cursor:pointer;padding:0;align-self:flex-start;font-family:NeueHaasDisplay,sans-serif;transition:color .2s ease}.works-detail-back:hover{color:#383838}.works-detail-title{font-family:NeueHaasDisplayMed,sans-serif;font-size:2.2rem;font-weight:500;color:#222;line-height:1.15;margin:0}.works-detail-meta{font-family:NeueHaasDisplay,sans-serif;font-size:.95rem;color:#888;line-height:1.5;margin:0}.works-detail-description{font-family:NeueHaasDisplay,sans-serif;font-size:1.1rem;color:#555;line-height:1.6;margin:0;width:37vw}.piece-slide-left{animation:pieceSlideLeft .35s cubic-bezier(.4,0,.2,1) forwards}.piece-slide-right{animation:pieceSlideRight .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes pieceSlideLeft{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pieceSlideRight{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}.works-detail-nav{position:absolute;bottom:52%;transform:translateY(50%);background:none;border:none;display:flex;align-items:center;gap:.5rem;color:#bbb;font-size:1rem;font-family:NeueHaasDisplay,sans-serif;cursor:pointer;padding:1rem;transition:color .2s ease;line-height:1.3}.works-detail-nav:hover:not(:disabled){color:#555}.works-detail-nav:disabled{opacity:0;pointer-events:none}.works-detail-nav-prev{left:.5rem}.works-detail-nav-next{right:.5rem;text-align:right}.works-page-select-icon,.works-page-back-icon{opacity:0;transition:opacity .4s ease}.works-page-select-icon.icon-visible,.works-page-back-icon.icon-visible{opacity:1}.works-page-select-icon{position:fixed;bottom:8vh;left:50%;width:25px;height:25px;transform:translate(-50%);background:none;border:none;cursor:pointer;padding:0}.works-page-select-icon img{width:100%;height:100%;object-fit:contain}.works-page-back-icon{position:fixed;top:8vh;left:50%;width:15px;height:15px;transform:translate(-50%);background:none;border:none;cursor:pointer;padding:0}.works-page-back-icon img{width:100%;height:100%;object-fit:contain;transform:rotate(180deg)}.image-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;font-size:1.5rem;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:background .2s ease,color .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-nav:hover:not(:disabled){color:#000}.image-nav:disabled{opacity:0;pointer-events:none}.image-nav-prev{left:10px}.image-nav-next{right:10px}.image-nav-dots{display:flex;gap:.5rem;margin-top:.75rem}.image-nav-dot{width:7px;height:7px;border-radius:50%;border:none;background:#ccc;cursor:pointer;padding:0;transition:background .2s ease}.top-gradient{position:fixed;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,#ffffff 00%,transparent)}.image-nav-dot.active{background:#383838}.image-nav-dot:hover{background:#888}.works-detail-image-wrapper{position:relative;overflow:hidden;display:inline-flex;flex-direction:column;align-items:center;width:100%}.works-detail-image-slide{display:flex;flex-direction:column;align-items:center}.works-detail-image-slide.slide-in{animation:slideIn .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideIn{0%{opacity:0}to{opacity:1}}.detail-fade-top,.detail-fade-bottom{position:fixed;left:0;right:0;pointer-events:none;z-index:10;opacity:0;transition:opacity .3s ease}.detail-fade-top.visible,.detail-fade-bottom.visible{opacity:1}@media screen and (max-width:768px){.works-gallery.pushed-up{transform:translateY(-60vh)}.works-detail{top:12vh;padding:0;overflow-y:auto;overflow-x:hidden;align-items:flex-start;justify-content:flex-start}.works-detail-text{display:contents}.works-detail-content{display:flex;flex-direction:column;gap:0;height:auto;width:100%;padding:0}.works-detail-info{order:1;padding:1.5rem 1.5rem 1rem;width:100%;gap:5px}.works-detail-image-section{order:2;height:90vw!important;width:90vw!important;align-self:center}.works-detail-image{height:90vw!important;width:90vw!important}.works-detail-description{order:3;width:100%;padding:1rem 1.5rem 5rem;line-height:1.4;font-size:.95rem}.works-detail-back{display:none}.works-detail-title{font-size:1.8rem;line-height:1.1}.works-detail-meta{font-size:.9rem}.works-page-select-icon{width:25px;height:25px}.works-page-back-icon{width:20px;height:20px}.detail-fade-top{height:80px;top:12vh;background:linear-gradient(to bottom,#ffffff 10%,transparent)}.detail-fade-bottom{height:60px;bottom:0;background:linear-gradient(to top,#ffffff 10%,transparent)}.image-nav-prev{left:6px}.image-nav-next{right:6px}.piece-slide-left{animation:pieceSlideLeft .3s cubic-bezier(.4,0,.2,1) forwards}.piece-slide-right{animation:pieceSlideRight .3s cubic-bezier(.4,0,.2,1) forwards}.works-detail{bottom:0}}.footer{position:fixed;bottom:2.5vh;left:50%;height:5vh;width:100px;transform:translate(-50%) scale(1);z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);border-radius:100px;font-family:NeueHaasDisplayReg,sans-serif;font-size:11px;transition:transform .3s ease,background .3s ease;cursor:pointer;animation:fadeIn .5s ease-in-out .2s forwards;opacity:0}.footer:hover{transform:translate(-50%) scale(1.1);background:#ffffff1a}@media(hover:none)and (pointer:coarse){.footer:hover{transform:translate(-50%) scale(1);background:transparent}}@font-face{font-family:NeueHaasDisplay;src:url(/assets/NeueHaasDisplayLight-0AWf-xRh.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NeueHaasDisplayMed;src:url(/assets/NHaasGroteskTXPro-65Md-9FQ9S-_G.otf) format("truetype");font-weight:500;font-style:normal}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-content{animation:fadeIn .5s ease-in-out;position:absolute;top:10vh;left:0;right:0;bottom:10vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-image{width:auto;height:70vh;display:block;object-fit:cover}.hero-info{width:auto;margin-top:1rem;font-size:.9rem;color:#707070;gap:.5rem}.hero-name{color:#383838;text-transform:uppercase;font-family:NeueHaasDisplayMed}.hero-client{color:#7e7e7e;text-transform:uppercase;font-family:NeueHaasDisplay;font-size:.95rem}.hero,.works-page,.gallery{height:100vh;height:100dvh}@media(max-width:768px){.hero-image,.hero-info{width:80vw}}