:root{--background-color:#010413;--text-color:#fff}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{min-height:100vh;background-color:var(--background-color);color:var(--text-color);font-family:Archivo,sans-serif}#__next,body,html,main{width:100%;height:100vh}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px}.header{padding:40px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:9}.logo{font-size:54px;font-weight:100;line-height:1}.nav-link{font-size:2.5rem;font-weight:700;line-height:1}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.col-3{width:25%;flex:0 0 25%;padding-right:20px}.col-9{width:75%;flex:0 0 75%}.flex{display:flex;padding:60px 0;flex-wrap:nowrap}.footer .col-9{padding:40px 0;display:flex;justify-content:center;gap:40px;align-items:center;z-index:9;position:relative}.footer .flex{padding:0}.social-link{display:flex;align-items:center;gap:10px;font-size:1rem}.home-page{overflow:hidden;min-height:100vh;display:flex;flex-flow:column;color:#000}.home-page .lf-player-container{background-color:#f4dfc4;height:100vh}.animation-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.animation-player{width:100%;height:100%}.about-title,.project-title{margin-bottom:32px;font-weight:700;font-size:2.375rem}.about-text{margin-bottom:20px;font-weight:500;font-size:1.5rem}.about-link{display:inline-block;padding-bottom:2px;font-weight:700;font-size:1.875rem;position:relative;margin-top:20px}.about-link:after{content:"";position:absolute;bottom:-18px;left:-5px;width:calc(100% + 10px);height:10px;background-color:var(--text-color);transition:all .5s}.about-link span{position:relative;z-index:5;color:#fff}.about-link:hover span{color:#000;transition:all .5s}.about-link:hover:after{height:calc(100% + 32px);transition:all .5s}.works-grid{display:flex;flex-wrap:wrap;gap:20px;width:100%}.work-item{position:relative;background:#f0f0f0;transition:all .5s ease;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 15px);aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;flex-flow:column}.work-item:nth-child(2),.work-item:nth-child(6){flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 10px);aspect-ratio:2/1}.works-grid:has(.work-item:hover) .work-item:not(:hover){filter:brightness(.7) blur(2px) grayscale(1)}.work-image{width:100%;height:100%;object-fit:cover}.work-item:hover{background:#e0e0e0;transform:scale(1.02)}.project-description{line-height:1.6;margin-bottom:40px;font-size:1.125rem;color:var(--text-color)}.project-media{display:flex;flex-direction:column;gap:40px;width:100%}.project-image{width:100%;height:auto;border-radius:4px}.project-video{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:4px}.project-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.footer-home{margin-top:auto}.back-button{display:inline-block;margin-bottom:50px}.text-center{text-align:center}@media screen and (max-width:768px){.flex{flex-flow:row wrap;padding:20px 0}.col-3{width:100%;flex:0 0 100%}.container{padding:0 20px}.col-9{width:100%;flex:0 0 100%}.footer .col-9{flex-flow:row wrap}.w-full-mobile{width:100%}.works-grid{margin-bottom:50px}.about-link:after{height:5px}.social-link{justify-content:center}.header{padding:40px 20px}.logo{font-size:26px}.nav-link{font-size:16px}.work-item{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 10px)}.order-2-mobile{order:2}}