@import "https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poiret+One&display=swap";
*{border:none;margin:0;padding:0}*,:before,:after{box-sizing:border-box}:focus,:active,a:focus,a:active{color:inherit;outline:none}a,a:link,a:visited{color:inherit;text-decoration:none;display:inline-block}a:hover{color:inherit;text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:#0000}input::-ms-clear{display:none}button,input[type=submit]{box-shadow:none;cursor:pointer;background:0 0;display:inline-block}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}
:root{--blackpure:#000;--black:#131313;--black-border:#000;--white:#fff;--purple:#fff;--border-color-light:#c8c8c8;--border-color-dark:#2e2e2e;--nav-bg:var(--black);--nav-border:var(--black-border);--nav-text:var(--white);--header-bg:var(--black);--header-text:var(--white);--footer-bg:var(--black);--footer-text:var(--white);--page-bg:var(--white);--text-color:var(--black);--accent:var(--purple);--title-1:var(--accent);--project-card-bg:var(--white);--project-card-text:var(--black);--box-shadow:0px 5px 35px #00000040}.dark{--page-bg:#000;--text-color:var(--white);--title-1:var(--white);--project-card-bg:var(--black);--project-card-text:var(--white);--box-shadow:0px 5px 35px #000c;--border-color:var(--border-color-dark)}html,body{--border-color:var(--border-color-light);letter-spacing:-.5px;background-color:var(--page-bg);min-height:100vh;color:var(--text-color);font-family:Darker Grotesque,Poiret One,Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s}.home-section{background-image:url(/bg-white.webp);background-position:0 100%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:calc(100vh - 76px)}@media (width<=768px){.home-section{background-image:url(/bg-mobile-white.webp)}}.dark .home-section{background-image:url(/bg.webp)}@media (width<=768px){.dark .home-section{background-image:url(/bg-mobile.webp)}}#root{min-height:100vh}.App{flex-direction:column;min-height:100vh;display:flex}.container,.gallery{max-width:1200px;height:100%;margin:0 auto;padding:0 15px}.none{display:none!important}.section{padding:70px 0}.title-1{color:var(--title-1);text-align:center;margin-bottom:60px;font-size:60px;font-weight:700;line-height:1.3}.title-2{margin-bottom:20px;font-size:40px;font-weight:700;line-height:1.3}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.gallery-grid img{cursor:pointer;display:block}.btn{background-color:var(--accent);height:48px;color:var(--white);letter-spacing:.15px;border-radius:5px;padding:12px 28px;font-size:16px;font-weight:500;transition:opacity .2s ease-in;display:inline-block}.btn:hover{opacity:.8}.btn:active{position:relative;top:1px}.btn-outline{color:#000;background-color:#fff;border:1px solid #000;border-radius:5px;align-items:center;column-gap:10px;height:48px;padding:12px 20px;transition:opacity .2s ease-in;display:flex}.btn-outline:hover{opacity:.8}.btn-outline:active{position:relative;top:1px}.photo-details{text-align:center;flex-direction:column;align-items:center;max-width:865px;margin:0 auto;display:flex}.photo-details__cover{max-width:100%;box-shadow:var(--box-shadow);border-radius:10px;margin-bottom:40px}.photo-details__desc{margin-bottom:30px;font-size:24px;font-weight:700;line-height:1.3}.content-list{text-align:center;flex-direction:column;align-items:center;row-gap:40px;max-width:570px;margin:0 auto;display:flex}.content-list a{color:var(--accent)}.content-list__item{font-size:18px;line-height:1.5}.content-list__item p+p{margin-top:.5em}@media (width<=620px){.header{min-height:unset}.header__title{font-size:30px}.header__title strong{font-size:40px}.nav-row{justify-content:space-between}.dark-mode-btn{order:0}.section{padding:40px 0}.title-1{margin-bottom:30px;font-size:40px}.title-2{margin-bottom:10px;font-size:30px}.content-list{row-gap:20px}.content-list__item{font-size:16px}.footer{padding:40px 0 30px}.footer__wrapper{row-gap:20px}.social{column-gap:20px}.social__item{width:28px}}:active{color:gray!important}.footer-info{text-align:center;margin-top:50px;font-size:17px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.dark-mode-btn{background-color:#272727;border-radius:50px;order:9;justify-content:space-between;width:51px;height:26px;padding:5px;display:flex;position:relative}.dark-mode-btn:before{content:"";background-color:#fff;border-radius:50%;width:24px;height:24px;transition:left .2s ease-in;display:block;position:absolute;top:1px;left:1px}.dark-mode-btn--active:before{left:26px}.dark-mode-btn__icon{z-index:9;position:relative}
.nav-container{background-color:#000}.nav{border-bottom:1px solid var(--nav-border);color:var(--nav-text);letter-spacing:normal;background-color:#000;padding:20px 0}.nav-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px 30px;display:flex}.logo{color:var(--nav-text);margin-right:auto;font-family:Poiret One,Darker Grotesque,Arial,Helvetica,sans-serif;font-size:30px;font-style:normal;font-weight:400}.logo strong{font-weight:800}.nav-list{font-optical-sizing:auto;flex-wrap:wrap;align-items:center;gap:10px 40px;font-family:Darker Grotesque,Poiret One,Arial,Helvetica,sans-serif;font-size:23px;font-style:normal;font-weight:300;display:flex}.nav-list__link{color:var(--nav-text);transition:opacity .2s ease-in}.nav-list__link:hover{opacity:.8}.nav-list__link--active{position:relative}.nav-list__link--active:before{content:"";background-color:var(--accent);width:100%;height:2px;display:block;position:absolute;top:100%;left:0}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;justify-content:space-between;width:25px;height:18px;display:none}.hamburger span{background-color:#fff;border-radius:2px;width:100%;height:3px;margin:2px 0;display:block}@media (width>=769px){.mobile-menu{display:none!important}}@media (width<=1000px){.nav-list{gap:7px 40px;font-size:20px}}@media (width<=430px){.nav-row{column-gap:15px}}@media (width<=768px){.hamburger{display:flex}.nav-list{display:none}.mobile-menu{background-color:var(--project-card-bg);width:100%;height:100%;color:var(--project-card-text);z-index:2000;padding:60px 20px;position:fixed;top:0;left:0}.mobile-menu ul{flex-direction:column;align-items:center;gap:20px;margin-top:50px;padding:0;font-size:24px;list-style:none;display:flex}.mobile-menu a{color:var(--project-card-text);text-decoration:none}.close-button{color:var(--project-card-text);cursor:pointer;background:0 0;border:none;font-size:60px;position:absolute;top:15px;right:20px}}.menu-button,.close-button{z-index:1000;position:absolute;top:0;right:30px}