.landing{display:flex;flex-direction:column;gap:20px;padding:0 0 100px}@media (max-width: 660px){.landing{gap:0;padding:0 0 80px}}.about-section .quote{width:75%;text-indent:calc(100% / 3);font-size:60px;line-height:1.1;margin-bottom:40px;font-weight:400;white-space:break-spaces}.about-section h2{width:fit-content}.about-section .about-wrapper{display:flex}.about-section .about-wrapper p{font-size:20px;line-height:1.4;width:25%;margin-left:auto}.about-section .about-wrapper img{object-fit:contain;object-position:top;height:fit-content;width:25%}@media (min-width: 1300px){.about-section .about-wrapper img{margin-left:25%}}@media (max-width: 1440px){.about-section .quote{font-size:48px;line-height:1.2}}@media (max-width: 1300px){.about-section .quote{width:100%;text-indent:calc(50% + 10px);font-size:48px;line-height:1.2}.about-section .about-wrapper{flex-direction:row-reverse;row-gap:40px}.about-section .about-wrapper p,.about-section .about-wrapper img{width:50%}}@media (max-width: 660px){.about-section .quote{text-indent:0;text-align:center;margin-top:60px;margin-bottom:90px;font-size:32px}.about-section .about-wrapper{flex-direction:column;row-gap:30px}.about-section .about-wrapper p,.about-section .about-wrapper img{width:100%}}.hero-section{display:flex;flex-direction:column;padding-top:130px}.hero-section .hero{display:flex;position:relative}.hero-section .hero .remark{position:absolute;font-size:18px;line-height:1.1;color:var(--color-text-secondary)}.hero-section .hero .hero-image{width:25%;margin-left:25%}.hero-section .hero h1{display:flex;align-items:center;font-size:130px;font-weight:400;width:fit-content;height:fit-content;align-self:center}.hero-section .intro{font-size:80px;line-height:1.1;text-indent:25%;margin-top:14px}.hero-section .cta{display:flex;justify-content:end;margin-top:90px}.hero-section .cta p{font-size:20px;line-height:1.4;text-indent:70px;width:25%}.hero-section .cta .button-wrapper{width:25%}@media (max-width: 1440px){.hero-section .hero h1{font-size:70px}.hero-section .intro{font-size:48px;line-height:1.2}}@media (max-width: 1300px){.hero-section .hero .remark{right:0}.hero-section .hero .hero-image{width:50%;margin-left:0}.hero-section .hero h1{font-size:70px;margin-left:auto}.hero-section .intro{font-size:48px;text-indent:50%;margin-top:-46px;line-height:1.2;z-index:0}.hero-section .cta{margin-top:50px}.hero-section .cta p{width:50%}.hero-section .cta p>span{display:block}.hero-section .cta .button-wrapper{width:50%}}@media (max-width: 660px){.hero-section{padding-top:0}.hero-section .hero{flex-direction:column}.hero-section .hero .remark{display:none}.hero-section .hero .hero-image{padding:0;width:100dvw;max-width:none;margin:0 0 0 -6px}.hero-section .hero h1{margin-top:40px;font-size:54px;width:100%;justify-content:center}.hero-section .intro{font-size:32px;text-indent:0;text-align:center;margin-top:0;line-height:1.2}.hero-section .cta{margin-top:50px;row-gap:24px;flex-wrap:wrap}.hero-section .cta p,.hero-section .cta .button-wrapper{width:100%}}.services-section h2{width:fit-content;margin-left:25%}.services-list{display:flex;flex-direction:column;gap:48px}.services-list .service{display:flex;align-items:start;justify-content:end}.services-list .service sup{font-family:Montserrat-Italic;font-size:20px;line-height:1.2}.services-list .service h3{font-size:32px;line-height:1.1;font-weight:400}.services-list .service p{font-size:24px;line-height:1.4}.services-list .service small{font-size:18px;line-height:1.1}.services-list .service .col{width:25%}.services-list .service .col-name{display:flex;gap:40px;align-items:start}.services-list .service .col-details{display:flex;align-items:start;justify-content:space-between}.services-list .service .price-container{display:flex;flex-direction:column;gap:10px;align-items:end}.services-section .contact-me{display:flex;margin-top:50px}.services-section .contact-me p{width:25%;margin-left:auto;font-size:24px;line-height:1.4}.services-list-wrapper .scroll-icon{display:none}.services-section .contact-me .button-wrapper{width:25%}@media (max-width: 1440px) and (min-width: 1300px){.services-list .service .col-description p{font-size:20px}.services-section .contact-me p{font-size:18px}}@media (max-width: 1300px){.services-section h2{margin-left:0}.services-list .service{flex-wrap:wrap;row-gap:26px}.services-list .service .col{width:50%}.services-list .service .col-details{margin-left:auto}.services-list .service:not(:last-child):after{left:10px;right:10px}.services-section .contact-me{margin-top:40px}.services-section .contact-me p,.services-section .contact-me .button-wrapper{width:50%}}@media (min-width: 1300px){.services-list .service:not(:last-child):after{right:10px;left:calc(25% + 10px)}}@media (max-width: 660px){.services-list{flex-direction:row;overflow:auto;padding:24px 0}.services-list-wrapper{position:relative;overflow-x:visible}.services-list-wrapper:before,.services-list-wrapper:after{content:"";position:absolute;width:100dvw;height:1px;background-color:var(--color-grid-border);left:50%;transform:translate(-50%)}.services-list-wrapper:before{top:0}.services-list-wrapper:after{bottom:0}.services-list .service{flex-wrap:wrap;row-gap:0;width:100%;flex-shrink:0;height:fit-content}.services-list .service .col{width:100%}.services-list .service .col-description{margin-top:40px;margin-bottom:24px}.services-list .service .col-details{margin-left:0}.services-section .contact-me{flex-direction:column-reverse;row-gap:24px;margin-top:30px}.services-section .contact-me p{font-size:18px}.services-section .contact-me p,.services-section .contact-me .button-wrapper{width:100%}.services-list-wrapper .scroll-icon{display:block;color:var(--color-text-primary);position:absolute;right:0;top:-16px}}@media (min-width: 660px){.services-list .service{position:relative}.services-list .service:not(:last-child):after{content:"";position:absolute;right:0;bottom:-24px;height:1px;background-color:var(--color-grid-border)}}.stages-section h2{margin-left:25%;width:fit-content}.stages-section .stages-container{width:75%;margin-left:auto;display:flex;flex-wrap:wrap;row-gap:40px}.stages-container .stage{width:calc(100% / 3);display:flex;flex-wrap:wrap;position:relative;flex-direction:column;min-height:164px;row-gap:18px}.stages-container .stage sup{position:absolute;top:0;left:10px;font-family:Montserrat-Italic;font-size:20px;line-height:1.2}.stages-container .stage h3{padding:0 0 0 90px;font-size:32px;font-weight:400;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.stages-container .stage p{font-size:24px;line-height:1.4}.stages-wrapper .scroll-icon{display:none}@media (max-width: 1440px) and (min-width: 1300px){.stages-container .stage p{font-size:20px}}@media (max-width: 1300px){.stages-section h2{margin-left:0}.stages-section .stages-container{width:100%;margin-left:0}.stages-container .stage{width:50%}.stages-container .stage h3{padding:0 0 0 76px;font-size:32px;font-weight:400;line-height:1.1}}@media (max-width: 660px){.stages-section .stages-container{flex-direction:row;overflow:auto;padding:24px 0;flex-wrap:nowrap}.stages-section .stages-container .stage{width:100%;flex-shrink:0}.stages-wrapper{position:relative;overflow-x:visible}.stages-wrapper:before,.stages-wrapper:after{content:"";position:absolute;width:100dvw;height:1px;background-color:var(--color-grid-border);left:50%;transform:translate(-50%)}.stages-wrapper:before{top:0}.stages-wrapper:after{bottom:0}.stages-wrapper .scroll-icon{display:block;color:var(--color-text-primary);position:absolute;right:0;top:-16px}}.work-card{padding:0 10px;position:relative}.work-card h3{font-size:24px;margin:10px 0 4px;color:var(--color-text-primary)}.work-card p{font-size:16px;color:var(--color-text-secondary)}.work-card h3,.work-card p{line-height:1.1;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:16px}.work-card.coming-soon{pointer-events:none}.work-card.coming-soon:after{content:"COMING SOON";height:33px;background-color:var(--color-text-primary);color:var(--color-white);padding:0 12px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:10px;font-size:18px;font-weight:300}.works{display:flex;flex-wrap:wrap;row-gap:40px}.works-section h2{display:flex;gap:50px}.works-section h2 sup{font-size:32px;color:var(--color-text-secondary);margin-top:20px}.works .work-card{width:25%}.works .work-card:nth-child(3){margin-left:25%}.works .work-card:last-child{width:50%;margin-left:25%}.works-section .button-wrapper{width:25%;margin-top:30px;margin-left:auto;display:flex;justify-content:end}@media (max-width: 1300px){.works-section h2{gap:26px}.works-section h2 sup{margin-top:14px}.works .work-card{width:50%}.works .work-card:nth-child(3){margin-left:0}.works .work-card:last-child{width:100%;margin-left:0}.works-section .button-wrapper{width:50%}}@media (max-width: 660px){.works-section h2{gap:18px}.works{row-gap:24px}.works .work-card{width:100%}.works-section h2 sup{font-size:24px;margin-top:10px}.works-section .button-wrapper{margin-top:24px;width:100%}}.works-page{padding:214px 0 100px}@media (max-width: 1300px){.works-page{padding-bottom:80px}}@media (max-width: 660px){.works-page{padding-bottom:80px}}.row{display:flex;align-items:start;flex-wrap:wrap;width:100%;margin-top:60px}.images-grid img:last-child{grid-column:span 1!important}@media (max-width: 800px){.images-grid img:last-child{grid-column:span 2!important}}.works-list{display:flex;flex-wrap:wrap;row-gap:40px}.works-list .work-card{width:50%}@media (max-width: 660px){.works-list .work-card{width:100%}}.bg-grid{z-index:-1;grid-template-columns:1fr 1fr 1fr 1fr;margin:0 30px;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.bg-grid__item{position:relative}.bg-grid__item:not(:last-child){border-right:1px solid var(--color-grid-border)}@media (max-width: 1300px){.bg-grid{margin:0 20px}}@media (max-width: 660px){.bg-grid{grid-template-columns:1fr 1fr;margin:0 6px}.bg-grid__item:first-child{border-left:1px solid var(--color-grid-border)}.bg-grid__item:last-child{border-right:1px solid var(--color-grid-border)}}.page-footer{margin-top:auto;position:relative;display:flex;flex-direction:column;gap:50px;padding:30px 0 80px}.page-footer h2{font-size:98px;font-weight:400}.page-footer .circles-icon{transform:rotate(-90deg);transition:transform .9s ease}.page-footer .circles-icon:hover{transform:rotate(-720deg)}.page-footer:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100vw;background-color:var(--color-bg-footer);z-index:-1}.page-footer .links-container{display:flex;align-items:start}.page-footer .links-container a{display:block;font-size:24px;position:relative;color:var(--color-text-primary)}.page-footer .links-container a:before{content:"";position:absolute;bottom:2px;border-radius:2px;left:0;width:0;height:2px;transition:width .3s ease;background-color:var(--color-text-primary)}.page-footer .links-container a:hover:before{width:100%}.page-footer .links-container small{display:block;font-size:18px;line-height:1.1;margin-bottom:12px}.page-footer .links-container .contact-links{display:flex;flex-direction:column;align-items:start;gap:40px}.page-footer .btn-scroll-top{margin-top:72px;background-color:var(--color-text-primary);color:var(--color-bg-main);border-radius:100%;width:72px;height:72px;display:flex;justify-content:center;align-items:center;border:none;align-self:center;padding:16px;transition:transform .3s ease,background-color .3s ease,color .3s ease}.page-footer .btn-scroll-top:hover{transform:scale(1.4);color:var(--color-text-primary);background-color:var(--color-bg-main)}@media (max-width: 1440px){.page-footer h2{font-size:80px}}@media (max-width: 1300px){.page-footer h2{font-size:80px}.page-footer .links-container{flex-wrap:wrap;row-gap:40px}.page-footer .links-container .contact-links{flex-direction:row;width:100%;padding:0;gap:0}.page-footer .links-container .contact-container{padding:0 10px;width:50%}.page-footer .links-container .contact-container a{width:fit-content}.page-footer .links-container .section-links,.page-footer .links-container .social-links{width:50%}.page-footer .btn-scroll-top{margin-top:46px}}@media (max-width: 660px){.page-footer{padding-bottom:70px}.page-footer h2{font-size:54px}.page-footer .circles-icon{display:none}.page-footer .links-container{row-gap:30px}.page-footer .links-container .contact-links{flex-wrap:wrap;row-gap:24px}.page-footer .links-container .contact-container{width:100%}.page-footer .links-container .section-links a,.page-footer .links-container .social-links a{font-size:24px}.page-footer .btn-scroll-top{margin-top:25px}}.page-header{height:80px;display:flex;align-items:center;position:fixed;top:10px;max-width:1920px;width:100%;margin:0 auto;left:50%;transform:translate(-50%);padding:0 30px;z-index:3}.page-header:not(.menu-opened){mix-blend-mode:difference}.page-header:not(.menu-opened) a,.page-header:not(.menu-opened) button{mix-blend-mode:difference;filter:invert(100%)}.page-header a,.page-header button{background-color:transparent;border:none;display:block;font-size:20px;font-weight:400;position:relative;z-index:2;color:var(--color-text-primary)}.page-header .home-link:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;border-radius:1px;background-color:var(--color-text-primary)}.page-header .menu-button{margin-left:auto;width:auto}.page-header>.col>a{width:fit-content}.page-header>.col>a:before{content:"";position:absolute;bottom:0;border-radius:2px;left:0;width:0;height:2px;transition:width .3s ease;background-color:var(--color-text-primary)}.page-header>.col>a:hover:before{width:100%}.page-header>.col:last-child{margin-left:auto}.page-header+.menu{display:flex;justify-content:center;flex-direction:column;align-items:start;gap:37px;z-index:1;background-color:var(--color-bg-main);position:fixed;top:0;right:0;bottom:0;left:0;padding:100px 30px 20px}.page-header+.menu a{font-size:98px;font-weight:400;color:var(--color-text-primary)}.page-header+.menu .circles-icon{position:absolute;right:30px;bottom:20px}.page-header .home-link{border-left:10px solid transparent}.page-header .home-link,.page-header .menu-button{font-family:inherit;z-index:2}@media (max-width: 1440px){.page-header a,.page-header button{font-size:18px}}@media (max-width: 1300px){.page-header{padding:0 20px}}@media (max-width: 660px){.page-header{padding:0 6px}.page-header .home-link{margin:0}.page-header:not(.menu-opened) .home-link{margin:0}.page-header+.menu{padding:100px 16px 20px}.page-header+.menu a{font-size:54px}.page-header+.menu .circles-icon{right:16px}}.w-100{width:100%}.d-flex{display:flex}.flex-v{flex-direction:column}.items-center{align-items:center}.items-start{align-items:start}.items-end{align-items:end}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-secondary{color:var(--color-text-secondary)}.col{padding:0 10px}.col-25{width:25%}.col-3{width:calc(100% / 3)}.col-50{width:50%}.col-75{width:75%}.col-100{width:100%}.shuffle{font-kerning:none;font-feature-settings:"liga" 0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{font-family:Geist;color:var(--color-text-primary);background-color:var(--color-bg-main);overflow-x:hidden}h2{font-size:96px;line-height:1.2;font-weight:400;margin-bottom:60px;margin-top:80px}::selection{color:var(--color-bg-main);background-color:var(--color-text-primary)}.button{font-size:18px;color:var(--color-text-primary);background-color:var(--color-bg-main);display:flex;align-items:center;justify-content:center;gap:24px;height:56px;border:1px solid var(--color-text-primary);width:100%;padding:0 10px;font-weight:400;font-family:Geist;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.button:hover{background-color:var(--color-text-primary);color:var(--color-bg-main)}.button:active{color:var(--color-text-primary);background-color:#1a1a1a33}.button.button-link{border-color:transparent;justify-content:end}.app-wrapper{display:flex;flex-direction:column;max-width:1920px;width:100%;margin:0 auto;position:relative;min-height:100dvh;padding:0 30px}@media (max-width: 1440px){h2{font-size:80px}}@media (max-width: 1300px){h2{margin-bottom:40px}.app-wrapper{padding:0 20px}}@media (max-width: 660px){h2{font-size:54px;margin-bottom:30px}.app-wrapper{padding:0 6px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html:focus-within{scroll-behavior:smooth}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{text-decoration:none}a:visited,a:focus,a:-webkit-any-link{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition:none}}@font-face{font-family:Geist;src:url(https://valeriia-designs.com/assets/GeistVF-p2GUc8qZ.woff2) format("woff2")}@font-face{font-family:Montserrat-Italic;src:url(https://valeriia-designs.com/assets/Montserrat-Italic-VariableFont_wght-DFfUqDrJ.ttf)}@font-face{font-family:Helvetica-Neue;src:url(https://valeriia-designs.com/assets/HelveticaNeueRoman-CSpBGpqm.otf)}@font-face{font-family:Neutral-Face;src:url(https://valeriia-designs.com/assets/NeutralFace-XkpDvn-h.otf)}@font-face{font-family:Corporate-A-Pro;src:url(https://valeriia-designs.com/assets/CorporateACondPro-Regular-CplGCQlM.ttf)}@font-face{font-family:Neue-Montreal;src:url(https://valeriia-designs.com/assets/PPNeueMontreal-Book-DWrvOlKa.otf)}@font-face{font-family:Neue-Montreal;src:url(https://valeriia-designs.com/assets/PPNeueMontreal-Medium-Bc1YMBzw.otf);font-weight:medium}:root{--color-bg-main: #f6f6f8;--color-bg-footer: #fff;--color-white: #fff;--color-text-primary: #1a1a1a;--color-text-secondary: rgba(187, 187, 187, 1);--color-grid-border: rgba(0, 0, 0, .1)}.work-page{display:flex;flex-direction:column;align-items:stretch;font-size:20px}.work-page h1{font-size:96px;font-weight:400;line-height:.95}.work-page h2{text-transform:uppercase;color:#6b6666;font-size:34px;margin:0}.works-page ul{list-style:none}.work-hero{margin-bottom:80px}.work-header{display:flex;align-items:start;margin-bottom:50px;justify-content:end}.work-header ul{list-style:none;color:#1a1a1ab3}.work-header a{color:var(--color-text-primary)}.work-hero-main{display:flex}.work-hero .hero-details{display:flex;margin-top:164px}.work-hero .hero-details .hero-desc{margin-top:63px}.work-hero .hero-details .col{display:flex;flex-direction:column;gap:35px;padding-right:17%}.work-about,.work-outcome{display:flex;flex-wrap:wrap;align-items:start}.work-goals{margin-top:60px}.images-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px}.images-grid img:first-child,.images-grid img:last-child{grid-column:span 2}.work-prototype{display:flex;align-items:start;flex-wrap:wrap}.work-prototype .prototype-image-wrapper{margin-top:60px;display:flex;flex-direction:column;gap:12px}.work-prototype .prototype-image-wrapper p{color:#6b6666;font-size:18px}.work-palette{display:flex;flex-wrap:wrap}.work-palette .col{display:flex;flex-direction:column;align-items:stretch}.work-palette .typography{font-size:45px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:60px 0 40px}.work-palette .typography p{max-width:min-content;white-space:nowrap}.work-palette .typography svg{flex-shrink:0}.work-palette .typography .helvetica{font-size:45px;line-height:54px;font-family:Helvetica-Neue}.work-palette .typography .corporate-a-pro{font-size:45px;line-height:52px;font-family:Corporate-A-Pro}.work-palette .typography .neutral-face{font-size:40px;line-height:48px;font-family:Neutral-Face}.work-palette .typography .neue-montreal{font-size:40px;text-transform:none;line-height:48px;font-family:Neue-Montreal;font-weight:medium}.work-palette .colors{display:flex;flex-direction:column;align-items:stretch}.work-palette .colors .color{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 16px}.work-palette .colors .snow-white{background-color:#fdfbfb;color:var(--color-text-primary)}.work-palette .colors .dark-gray{background-color:#4f4f4f;color:var(--color-white)}.work-palette .colors .almost-black{background-color:#0f0f0f;color:var(--color-white)}.work-palette .colors .midnight-black{background-color:#100b08;color:var(--color-white)}.work-palette .colors .graphite-gray{background-color:#706d6b;color:var(--color-white)}.work-palette .colors .light-color{color:var(--color-text-primary)}.work-palette .colors .dark-color,.work-palette .colors .light-text{color:var(--color-white)}.work-extras{display:flex;flex-direction:column;gap:20px}.work-about,.work-prototype,.work-palette{margin-bottom:120px;position:relative}.work-about:after,.work-prototype:after,.work-palette:after{content:"";position:absolute;height:1px;width:100dvw;bottom:-60px;left:50%;transform:translate(-50%);background-color:var(--color-grid-border)}@media (max-width: 1640px){.work-palette .typography .helvetica{font-size:32px}.work-palette .typography .corporate-a-pro{font-size:34px}.work-palette .typography .neutral-face{font-size:30px}}@media (max-width: 1440px){.work-page h1{font-size:76px}#the-next-construction.work-page h1{font-size:64px}.work-hero .hero-details .col{padding-right:0}}@media (max-width: 1300px){.work-page h1{font-size:64px}#the-next-construction.work-page h1{font-size:54px}.work-page{font-size:18px}.work-palette .typography{flex-direction:column}}@media (max-width: 800px){#the-next-construction.work-page h1{font-size:40px}.work-page h1{font-size:58px}.works-page{padding-top:140px}.work-hero-main{flex-direction:column}.work-hero-main .col{width:100%}.work-hero-main .hero-details{margin:40px 0 60px}.work-hero-main img,.work-about .col,.work-outcome .col{width:100%}.work-about .col:first-child,.work-outcome .col:first-child{margin-bottom:32px}.work-goals{margin-top:32px}.images-grid img{grid-column:span 2}.work-prototype .col{width:100%}.work-prototype .col:first-child{margin-bottom:32px}.work-palette .col{width:100%}.work-palette .col:first-child{margin-bottom:32px}.work-palette .typography{flex-direction:row}.work-about,.work-prototype,.work-palette{margin-bottom:80px}.work-about:after,.work-prototype:after,.work-palette:after{bottom:-40px}}@media (max-width: 660px){.work-header{flex-wrap:wrap;row-gap:20px}.work-header .col{width:50%}.work-palette .typography{flex-direction:column}}