.menu{position:fixed;top:0;right:0;padding:2em;display:flex;flex-direction:column;align-items:flex-end;z-index:20000;font-family:var(--font-primary)}.menu-items{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.menu-item{position:relative}.menu-item-link button{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem 1.5rem;border-radius:25px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.menu-item-link button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.menu-item-link button:hover{background:#00000080;border-color:#fff3;transform:translate(-5px)}.menu-item-link button:hover:before{left:100%}.menu-item-link.active button{background:#ffffff1a;border-color:#ffffff4d;color:#fff;box-shadow:0 0 20px #ffffff1a}.menu-item-link.active button:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:60%;height:1px;background:#fffc}@media (max-width: 768px){.menu{top:0;right:0;padding:1rem .5rem;align-items:center}.menu-items{flex-direction:row;align-items:center;justify-content:center;gap:.8rem}.menu-item-link button{padding:.7rem 1.2rem;font-size:.85rem}.menu-item-link button:hover{transform:translateY(-3px)}}@media (max-width: 1024px) and (min-width: 769px){.menu{padding:1.8rem}}.slide-in{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;transform-origin:bottom;pointer-events:none;z-index:2}.slide-out{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;transform-origin:top;pointer-events:none;z-index:2}.header{padding:1em}.header-1,.header-2{padding:.5em 0;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.canvas:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#fffc,#fff0);z-index:0;pointer-events:none}.header h1{position:relative;font-family:Playfair Display,serif;font-size:80px;font-style:italic;margin:0;line-height:100%}.header h1 span{position:relative;top:120px}@media (max-width: 900px){.intro{top:1px}}.intro{width:100%;display:flex}.intro-col{flex:1}.intro p{font-size:11px;font-weight:500;text-transform:uppercase;line-height:150%}.intro-col:nth-child(1){display:flex}.intro-col:nth-child(1)>div{flex:1}p.intro-header{color:#a0a0a0}.intro-col:nth-child(2){display:flex;flex-direction:column;gap:2em}.intro-img{width:75px;height:100px;background-color:gray}.intro-about{width:100%;display:flex;gap:2em}.intro-about-col{flex:1}.intro-about-col p,.intro-data p{padding:1em;font-size:1.3rem;font-family:Mulish,sans-serif;font-weight:500;text-transform:none}.intro-data p.intro-header{font-family:PP Neue Montreal;font-size:11px;font-weight:500;text-transform:uppercase;line-height:150%;color:#000}@media (max-width: 900px){.header h1{font-size:40px}.intro{flex-direction:column-reverse;gap:4em}.intro-about{flex-direction:column}}footer{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;color:#000;font-size:.9em;position:fixed;left:1rem;top:70%;mix-blend-mode:multiply;transform:translateY(-50%);z-index:3}@media only screen and (max-width: 768px){footer{flex-direction:row;justify-content:space-between;align-items:center;padding-top:30px}}@media screen and (max-width: 768px){.intro-about{padding-left:1.5rem;padding-right:1.5rem}.intro-about p{font-size:.95rem;line-height:1.6}}.canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;touch-action:none;z-index:0}.project{width:100%;height:100%;background:#1f1f1f}.back-btn{color:#fff;text-decoration:none}.back-btn:visited,.back-btn:hover,.back-btn:active{color:#fff}.project-intro{width:75%;height:max-content;padding:10em 2em 5em;font-family:Romie Trial;font-style:italic;color:#fff}.project-data{width:100%;padding:2em;display:flex;font-family:Mulish,sans-serif;flex-direction:row-reverse;justify-content:space-between;gap:2em}.project-images{width:75vw;height:max-content;display:flex;flex-direction:column;gap:2em;padding:2em 0}.project-images .img{width:100%;height:500px;overflow:hidden}.project-info{position:-webkit-sticky;position:sticky;top:10vw;width:25vw;height:max-content;padding:2em 0}.project-info p{font-size:12px;color:#fff;margin-bottom:1em;line-height:150%}.project-info p.copy-header{font-size:10px;text-transform:uppercase}.project-info ul{padding-left:1em}.project-info ul li{color:#fff;font-size:12px;list-style:none}.project-info ul li p{line-height:100%;margin-bottom:.25em}.project-nav{width:100%;display:flex;height:max-content;justify-content:space-between;padding:4em 2em}.project-nav p{font-size:12px}.project-nav p span{font-family:Romie Trial;font-style:italic;padding-right:1em}.project-nav h1{font-family:Romie Trial;font-size:48px;font-style:italic;margin:.25em 0}.project-nav h1 a{text-decoration:none;color:#000}.nav-next{text-align:right}p.link{position:relative;width:max-content;text-transform:uppercase;color:#fff;font-size:10px}p a{font-family:Mulish,sans-serif;color:#fff;text-decoration:none;font-size:10px}p.link:after{content:"";position:absolute;left:0;top:120%;width:100%;height:1px;background:#fff}@media (max-width: 900px){.project-intro{width:100%;padding:8em 2em 2em}.project-data{flex-direction:column}.project-images,.project-info{position:relative;width:100%}}.shader-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;touch-action:none}.shader-background canvas{display:block;width:100%;height:100%}.back-btn{position:fixed;top:2rem;left:2rem;z-index:1000;display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-family:var(--font-primary);font-size:1rem;background:#0006;padding:.75rem 1.25rem;border-radius:30px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 32px #0000004d}.back-btn:hover{background:#0009;transform:translate(-8px);border-color:#ffffff40}.back-btn a{color:inherit;text-decoration:none;z-index:100000000000000000}.work-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;padding:8rem 3rem 3rem;max-width:1600px;margin:0 auto;position:relative;z-index:2}.work-item{text-decoration:none;color:inherit;transition:filter .5s cubic-bezier(.25,.46,.45,.94);position:relative;isolation:isolate}.work-gallery:hover .work-item{filter:blur(5px)}.work-item:hover{filter:none!important}.work-item:before{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff14);border-radius:20px;opacity:0;transition:opacity .5s ease;z-index:-1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.work-item:hover:before{opacity:1}.work-media{position:relative;width:100%;height:500px;overflow:hidden;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff14;transition:box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.work-item:hover .work-media{box-shadow:0 40px 80px #000000b3,0 0 0 1px #ffffff26}.work-preview{width:100%;height:100%;object-fit:cover;transition:filter .7s cubic-bezier(.25,.46,.45,.94)}.work-info{padding:1.5rem .5rem;position:relative}.work-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .75rem;text-shadow:0 2px 12px rgba(0,0,0,.8);letter-spacing:-.01em;transition:filter .3s ease}.work-title{text-align:center;margin-left:auto;margin-right:auto}.work-meta{display:flex;gap:1.5rem;font-family:var(--font-secondary);font-size:.9rem;color:#ffffffe6}.work-meta{justify-content:center;text-align:center;flex-wrap:wrap}.work-client:before{content:"With ";opacity:.6;font-weight:300}.work-role:before{content:"Role ";opacity:.6;font-weight:300}@media (max-width: 768px){.work-gallery{grid-template-columns:1fr;gap:2rem;padding:6rem 1.5rem 1.5rem}.work-media{height:350px}.back-btn{top:1rem;left:1rem;padding:.6rem 1rem;font-size:.9rem}}@media (max-width: 1024px) and (min-width: 769px){.work-gallery{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:7rem 2rem 2rem}.work-media{height:400px}}@media (min-width: 1600px){.work-gallery{max-width:1800px;gap:4rem}.work-media{height:550px}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(26,26,46,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(15,52,96,.3) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e);z-index:-2;pointer-events:none}.photos{width:100%;padding:1em;display:flex;gap:1em}.photos>.photos-col{flex:1}.photos-col h1{font-family:Romie Trial;font-size:80px;font-weight:400;text-transform:uppercase}.photos-col:nth-child(4){display:flex;flex-direction:column;gap:1em}.photos-row{flex:1;display:flex;gap:1em}.photo-img{width:100%;height:125px;flex:1;cursor:pointer;filter:grayscale(1)}@media (max-width: 900px){.photos{flex-direction:column}.photos-col:nth-child(2),.photos-col:nth-child(3){display:none}}.gallery .slide-content{background:#fff}.gallery .slide-content-header{width:200px;height:250px;overflow:hidden;filter:grayscale(1)}.gallery .slide-img{filter:grayscale(1);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.gallery .slide-img img{position:relative;overflow:hidden}canvas.canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;touch-action:none}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Mulish,sans-serif}::selection{background:none}img{width:100%;height:100%;object-fit:cover}a{text-decoration:none}button{display:block;background-color:#000;color:#fff;padding:8px 12px 7px;margin:4px;font-size:1rem;text-transform:uppercase;border:none;border-radius:24px;outline:none;cursor:pointer}