.landingpage{background-color:#000;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.water-canvas-container canvas{display:block;position:absolute;top:0;left:0}.landing-ui{z-index:10;pointer-events:none;color:#fff;flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.ui-top{letter-spacing:0;justify-content:space-between;width:100%;font-family:NeueMontreal-Medium;font-size:1.2rem;display:flex}@media (min-width:769px){.mobile-layout{display:none}}@media (max-width:768px){.pc-layout{display:none}.landingpage{background-color:#000}.mobile-layout{color:#fff9e6;flex-direction:column;height:100svh;padding:2rem;font-family:NeueMontreal-Medium,sans-serif;display:flex}.mobile-content{flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;padding-top:4rem;display:flex}.mobile-title{letter-spacing:-.05em;text-align:center;width:100%;margin:0;font-size:4.8rem;line-height:.9}.mobile-visual{flex:1;justify-content:center;align-items:center;width:100%;min-height:250px;display:flex}.drawing-area{justify-content:center;align-items:center;width:200px;height:200px;display:flex}.mobile-footer{text-transform:uppercase;letter-spacing:.05em;opacity:.9;flex-shrink:0;justify-content:space-between;width:100%;padding-bottom:1rem;font-size:.9rem;display:flex}}
:root{--bg-color:#fff;--text-primary:#111;--text-secondary:#111c;--text-tertiary:#111111b3;--border-color:#1113;--noise-opacity:.06}.work{background-color:var(--bg-color);width:100%;min-height:100vh;padding:6em 4em;position:relative;overflow:hidden}.work>*{z-index:2;position:relative}.container{width:100%;margin:0}.section-title{color:var(--text-primary);margin:auto auto 1em;padding-top:2rem;font-size:60px}.work-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;gap:2em;width:100%;padding:5em 0;display:flex;position:relative}.work-item:last-child{border-bottom:none}.arrow-icon{color:var(--text-primary);justify-content:center;align-items:center;display:flex}.work-title-block{align-items:center;gap:.5em;display:flex}.work-title{color:var(--text-primary);text-transform:uppercase;margin-right:.5em;font-size:50px;font-weight:600}.work-item-type{color:var(--text-secondary);font-size:20px}.work-item-type:before{content:"/";color:var(--text-secondary);margin-right:.3em}.work-item-index{color:var(--text-tertiary);font-size:20px;transition:opacity 1s;position:absolute;top:50%;right:5em;transform:translateY(-50%)}.preview-images{z-index:1;pointer-events:none;justify-content:center;gap:1.2em;display:flex;position:absolute;top:50%;left:1.8rem;right:0;transform:translateY(-50%)}.preview-img{border:1px solid #111;border-radius:15px;width:31vw;height:30vh;box-shadow:0 4px 10px #0000001a}@media (min-width:1920px){.work{padding-left:11rem}.preview-img{width:33vw}.work-item{flex-direction:row;align-items:center;gap:0;width:100%}.work-title-block{justify-content:center;align-items:center;padding-top:2.5rem;padding-bottom:2.5rem;display:flex}.work-item-index{top:50%;transform:translateY(-50%)}}@media (max-width:1300px){.preview-images .preview-img:nth-child(3){display:none}.preview-images .preview-img{width:45%;height:auto}}@media (max-width:1024px){.work-item-index{display:none}}@media (max-width:600px){.work{padding:0}.section-title{text-align:center;width:fit-content;margin-bottom:7rem;font-size:3rem}.work-item{flex-direction:column;align-items:center;gap:0;padding:0 0 70px}.work-title-block{flex-direction:column;align-items:center;gap:.25rem}.work-title{text-align:center;margin-right:0}.work-item-type{white-space:normal;text-align:center;font-size:1rem;display:block}.arrow-icon{display:none}.preview-images{pointer-events:auto;justify-content:center;margin-top:1rem;position:static;transform:none;opacity:1!important}.preview-images .preview-img:nth-child(2),.preview-images .preview-img:nth-child(3){display:none}.preview-images .preview-img:first-child{width:80%;height:auto}}.preview-img.laptop-only{display:none}@media (min-width:601px) and (max-width:1919px){.preview-img.laptop-only{display:block}}
:root{--noise-opacity:.06}.about{justify-content:center;align-items:center;gap:clamp(2rem,6vw,8rem);width:100vw;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.about-image{flex:1;justify-content:center;align-items:center;max-width:500px;margin-left:-30px;display:flex}.image-grid-container{border-radius:20px;width:100%;position:relative;overflow:hidden}.image-grid-container img{border-radius:20px;width:100%;height:auto;display:block}.grid-overlay{pointer-events:none;z-index:3;display:grid;position:absolute;inset:0}.grid-square{pointer-events:auto;perspective:900px;position:relative}.flip-inner{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.is-flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border:1px solid #ffffff1f;place-items:center;display:grid;position:absolute;inset:0}.flip-front{background:0 0}.flip-back{background:#000;transform:rotateY(180deg)}.square-text{color:#fff;text-align:center;letter-spacing:.02em;padding:0 .5rem;font-size:clamp(.75rem,2.5vw,1.375rem);font-weight:800}.about-content{z-index:200;flex-direction:column;flex:1;gap:clamp(1rem,3vw,2.5rem);max-width:600px;margin-left:50px;display:flex;position:relative}.aboutTitle{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:800}.aboutText{text-align:left;font-size:clamp(1.25rem,2.5vw,2.5rem);font-weight:500;line-height:1.35}@media (prefers-reduced-motion:reduce){.flip-inner{transition:none}}@media (max-width:1024px) and (min-width:769px){.about{gap:3rem;padding:2rem}.about-image{max-width:400px;margin-left:0}.about-content{max-width:500px;margin-left:0}.aboutText{font-size:clamp(1.125rem,10vw,1.75rem)}}@media (max-width:768px){.about{flex-direction:column;gap:2rem;min-height:auto;padding:1.5rem}.about-image,.about-content{max-width:90%;margin-left:0}.about-image img{width:100%;height:auto}.aboutTitle{text-align:center}.aboutText{text-align:center;margin-bottom:5rem;font-size:clamp(1rem,7vw,1.675rem)}.square-text{width:100%;margin:auto}}
.contact-wrapper{clip-path:inset(0);width:100%;height:75vh;position:relative}.footer{color:#fff;z-index:1;background-color:#000;justify-content:center;align-items:center;width:100%;height:75vh;display:flex;position:fixed;bottom:0;left:0}.footer-container{justify-content:space-between;align-items:flex-start;width:100%;max-width:1600px;height:80%;padding:4rem 6rem;display:flex}.animate-me{will-change:transform,opacity}.footer-left{flex-direction:column;justify-content:space-between;width:55%;height:100%;display:flex}.big-title-container{flex-direction:column;display:flex}.title-row{align-items:center;line-height:.9;display:flex}.font{letter-spacing:-.03em;text-transform:uppercase;color:#fff;font-size:11vw;font-weight:400}.eye-o-container{vertical-align:middle;cursor:pointer;justify-content:center;align-items:center;width:9.5vw;height:9.5vw;margin:0 .1vw;display:inline-flex;position:relative;transform:translateY(-.5vw)}.eye-o-svg{color:#fff;width:100%;height:100%;transition:filter .2s;overflow:visible}.eye-o-svg.angry{filter:drop-shadow(0 0 15px #ff0000b3)}.email-link{color:#fff;border-bottom:2px solid #fff;padding-bottom:5px;font-size:2rem;text-decoration:none;transition:opacity .3s;display:inline-block}.email-link:hover{opacity:.6}.footer-right{flex-direction:column;justify-content:space-between;width:35%;height:78%;display:flex}.intro-text{color:#fff;max-width:400px;margin-bottom:1.5rem;font-size:2.2rem;line-height:1.3}.footer-links-grid{flex-direction:column;gap:2rem;display:flex}.label{text-transform:uppercase;letter-spacing:.05em;color:#fff;font-size:1rem;font-weight:700}.social-link{color:#c2c2c2;border-bottom:2px solid #fff;padding-bottom:5px;font-size:1.1rem;text-decoration:none;transition:color .3s;display:inline-block}.social-link:hover{color:#fff}@media screen and (max-width:1536px){.footer-container{height:90%}.footer-right{justify-content:flex-start;gap:20px;height:auto}.footer-info-block{margin-bottom:40px}.intro-text{max-width:350px;font-size:1.8rem}.email-link{font-size:1.5rem}}@media (max-width:1024px){.footer-container{flex-direction:column;padding:2rem}.footer-left{width:100%;height:auto;margin-bottom:4rem}.footer-right{flex-direction:row;gap:2rem;width:100%;height:auto}.footer-links-grid{margin-top:3rem}.intro-text{font-size:1.4rem}.eye-o-container{width:13vw;height:13vw}}@media screen and (max-width:600px){.contact-wrapper,.footer{height:100svh}.footer-container{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem}.footer-left{justify-content:center;width:100%;height:auto;margin-bottom:2rem;display:flex}.big-title-container{align-items:center;width:100%}.title-row{text-align:center;justify-content:center;width:100%}.font{font-size:16vw!important}.eye-o-container{width:14vw;height:14vw;transform:translateY(-1vw)}.footer-right{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:100%;height:auto;display:flex}.intro-text{max-width:100%;margin-bottom:1rem;font-size:1.3rem}.email-link{font-size:1.1rem}.footer-links-grid{align-items:center;margin-top:2rem}}