*{margin:0;padding:0}main{margin:0 auto;padding:0 5vw}p{font-size:clamp(1rem,1.5vw,1.5rem)}h2{font-size:clamp(1.5rem,.5rem + 2.8vw,2rem)}img,video{will-change:transform;pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;max-width:100vw;display:block}article img,article video{pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.full-bleed{width:calc(100% + 10vw);margin-left:-5vw;margin-right:-5vw}.full-bleed img,.full-bleed p{width:100%;max-width:none;margin:0;display:block}.round-top{border-radius:1.5vw 1.5vw 0 0;overflow:hidden}.round-bottom{border-radius:0 0 1.5vw 1.5vw;overflow:hidden}.round{border-radius:1.5vw;overflow:hidden}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1);transition-delay:var(--delay,0s);will-change:opacity, transform;transform:translateY(30px)}.reveal.revealed{opacity:1;transform:translateY(0)}.fade{opacity:0;transition:opacity .5s ease-in-out;transition-delay:var(--delay,0s)}.fade.revealed{opacity:1}.intro{color:var(--color);background:var(--bg,transparent);justify-content:space-between;align-items:center;padding:calc(140px + min(40px,4vh) + 2rem) 3rem 2rem;display:flex}.intro>div>h1{font-weight:900!important}.intro>div>h1,.intro>div>h2{font-size:clamp(1rem,1.8vw,1.8rem);font-weight:400}.intro>p{opacity:.8;font-style:italic;font-weight:200}article p:has(img),article p:has(video){display:contents}article>p{padding:1.5rem 2rem}.case-block{padding:1rem 0}.case-block h2{margin-bottom:1rem}.center{text-align:center;padding:1rem 2rem}.case-block.rtl,.case-block.ltr{display:flex}.case-block.rtl>div:first-child,.case-block.ltr>div:last-child{box-sizing:content-box;width:40%;padding:0 5vw 5vw}.grid-3col{grid-template-columns:1fr 1fr 1fr;display:grid}.grid-2col{grid-template-columns:1fr 1fr;display:grid}.credits{border-radius:0 0 1.5vw 1.5vw}.colors{box-sizing:border-box;flex-wrap:nowrap;justify-content:center;gap:0;width:100%;margin:auto;padding:0;display:flex}.colors>div{background-color:var(--bg);z-index:1;will-change:transform, flex-grow, margin-right;border-radius:1.5vw;flex:1;height:50vw;margin-right:-8%;position:relative;overflow:hidden}.colors>div:last-child{margin-right:0}.colors>div>p{opacity:0;text-transform:uppercase;padding:clamp(2.5rem,4.16vw,5rem);font-size:clamp(2rem,3.33vw,4rem);font-weight:900;transition:transform .2s,opacity .2s;position:absolute;right:0;transform:translate(10%)}.colors>div.is-hovered>p{opacity:1;transform:translate(0)}.colors-p2{aspect-ratio:1;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;transition:grid-template-columns .65s cubic-bezier(.34,1.88,.64,1),grid-template-rows .65s cubic-bezier(.34,1.88,.64,1);display:grid;position:relative}.colors-p2 svg{width:100%;height:100%}.block-1{grid-area:1/1/5/3}.block-2{grid-area:1/3/3/5}.block-3{grid-area:3/3/4/5}.block-4{grid-area:4/3/5/4}.block-5{grid-area:4/4/5/5}.colors-p2:has(.block-1:hover){grid-template-columns:1.15fr 1.15fr .85fr .85fr}.colors-p2:has(.block-2:hover){grid-template-rows:1.15fr 1.15fr .85fr .85fr;grid-template-columns:.85fr .85fr 1.15fr 1.15fr}.colors-p2:has(.block-3:hover){grid-template-rows:.9fr .9fr 1.3fr .9fr;grid-template-columns:.9fr .9fr 1.1fr 1.1fr}.colors-p2:has(.block-4:hover){grid-template-rows:.9fr .9fr .9fr 1.3fr;grid-template-columns:.9fr .9fr 1.3fr .9fr}.colors-p2:has(.block-5:hover){grid-template-rows:.9fr .9fr .9fr 1.3fr;grid-template-columns:.9fr .9fr .9fr 1.3fr}.label-1{color:#818184;grid-area:1/1/5/3}.label-2{color:#efefef;grid-area:1/3/3/5}.label-3{color:#efefef;grid-area:3/3/4/5}.label-4{color:#3d3d3d;grid-area:4/3/5/4}.label-5{color:#efefef;grid-area:4/4/5/5}.label{pointer-events:none;box-sizing:border-box;letter-spacing:.02em;opacity:0;align-items:flex-start;width:100%;height:100%;padding:8%;font-size:clamp(1rem,4vw,3.5rem);font-weight:600;transition:opacity .3s;display:flex;position:absolute}.colors-p2:has(.block-1:hover) .label-1,.colors-p2:has(.block-2:hover) .label-2,.colors-p2:has(.block-3:hover) .label-3,.colors-p2:has(.block-4:hover) .label-4,.colors-p2:has(.block-5:hover) .label-5{opacity:1}.project-nav-section{width:100%;padding:2rem 0}.project-nav-grid{gap:2vw;width:100%;display:flex}.project-nav-card{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex;position:relative}.nav-direction-label{z-index:99;pointer-events:none;color:#fff;align-items:center;gap:.5rem;font-size:clamp(1rem,1.5vw,1.5rem);display:flex;position:absolute;top:.5vw;right:1vw}.nav-arrow{width:1.25em;height:auto;transition:transform .3s}.nav-arrow.left{transform:rotate(-90deg)}.nav-arrow.right{transform:rotate(90deg)}.project-nav-card:hover .nav-arrow.left{transform:rotate(-90deg)translateY(-4px)}.project-nav-card:hover .nav-arrow.right{transform:rotate(90deg)translateY(-4px)}.work-grid-item.static-item{background-color:#000;border-radius:1vw;width:100%;position:relative;overflow:hidden}.static-item .media-reveal-wrapper{aspect-ratio:4;width:100%;position:relative;overflow:hidden}.static-item .thumbnail{object-fit:cover;opacity:1;z-index:2;width:100%;height:100%;transition:opacity .3s;display:block;position:relative}.static-item .video-preview{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.static-item .project-info-container{pointer-events:none;z-index:5;position:absolute;inset:0}.static-item .project-info{color:#fff;z-index:6;position:absolute;bottom:2vw;left:2vw}.project-info h3{font-size:clamp(1rem,1.5vw,1.8rem)}.project-info p{font-size:clamp(.8rem,1.5vw,1.5rem)}.static-item .project-info-overlay{z-index:4;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:linear-gradient(#0000 0%,#0006 60%,#000000d9 100%);width:calc(100% + 2px);height:14vw;position:absolute;bottom:-1px;left:-1px}.static-item .project-info h3,.static-item .project-info p,.static-item .nav-direction-label,.static-item .project-info-overlay{opacity:0;transition:opacity .3s}@media (hover:hover){.static-item:hover .project-info h3,.static-item:hover .project-info p,.static-item:hover .project-info-overlay{opacity:1}.static-item:hover .nav-direction-label{opacity:.8}}.lightbox{z-index:99999;backdrop-filter:blur(20px);opacity:0;visibility:hidden;user-select:none;background:#000000d9;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;visibility:visible}.lightbox-close{color:#ededed;cursor:pointer;z-index:100000;background:0 0;border:none;padding:.5rem 1rem;font-family:inherit;font-size:2.5rem;line-height:1;transition:transform .2s,color .2s;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{color:#fff;transform:scale(1.15)}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-content img,.lightbox-content video{object-fit:contain;pointer-events:auto;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:90vh}@media (hover:none){.static-item .project-info h3,.static-item .project-info p,.static-item .project-info-overlay{opacity:1}.static-item .nav-direction-label{opacity:.8}}@media screen and (width<=850px){.colors>div>p{transform-origin:50%;padding:0;top:50%;transform:translateY(-50%)rotate(-90deg)}.colors>div.is-hovered>p{transform:translate(30%,-50%)rotate(-90deg)}}@media screen and (width<=600px){article>p{padding:1.5rem 0}.project-info h3{line-height:1.2}.intro{padding:calc(60px + min(40px,4vh) + 2rem) 3rem 2rem;display:block}.intro p{padding-top:10px}.case-block.rtl,.case-block.ltr{flex-direction:column;gap:1.5rem;display:flex}.case-block.ltr{flex-direction:column-reverse}.case-block.rtl>div:first-child,.case-block.ltr>div:last-child{box-sizing:content-box;text-align:center;width:auto;padding:0}.grid-3col.responsive{grid-template-columns:1fr;gap:2.5rem;display:grid}.project-nav-grid{flex-direction:column-reverse;gap:1.5rem;display:flex}.nav-direction-label{top:.75rem;right:1rem}.static-item .project-info-overlay{background:linear-gradient(#0000 0%,#0000004d 40%,#000000d9 100%);height:100%}}@media screen and (width<=350px){.colors>div>p{font-size:1.6rem}}#slug-nav[data-astro-cid-nxjdu5o2]{z-index:999;backdrop-filter:blur(12px);will-change:transform;pointer-events:none;background:#00000031;width:100%;position:fixed;top:0;left:0;transform:translateY(0)}