.projects-page{padding:0;margin:0;text-decoration:none;list-style-type:none;box-sizing:border-box;background-color:#181818;display:flex;align-items:center;flex-direction:column;min-height:100vh;font-size:16px}.header{display:flex;justify-content:center;position:relative;width:100%;margin-top:32px}.header a{position:absolute;top:50%;transform:translateY(-50%);right:64px;color:#afafaf}.projects-main{padding-top:32px;width:80%}.header h1{text-align:center;font-size:3rem}.all-projects{display:flex;flex-direction:column;align-items:center}.project-card{margin-bottom:32px}.project-card h2{font-size:2rem;margin-bottom:16px}.view-buttons{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px}.view-buttons button{background-color:transparent;padding:4px 8px;color:#fff;min-width:80px;border-radius:8px;border:2px solid #afafaf;cursor:pointer}.view-buttons button:hover{border-color:#fffefe}.view-buttons p{color:#afafaf}.images{display:flex;justify-content:center;margin-bottom:16px}.images img{max-width:700px;max-height:600px}.description{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.project-link{display:flex;color:#fff;justify-content:center;align-items:center}.line{width:80%;height:8px;border-radius:16px;display:block;background-color:#353535;margin-bottom:32px}@media(max-width:1000px){.projects-main{width:90%}.header{display:flex;flex-direction:column}.header a{position:relative;transform:none;right:0;top:0;text-align:center}.images img{max-width:90%;max-height:300px}.line{width:90%}}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#000;color:#fff;font-size:16px}*{margin:0;padding:0}#root{width:100%}header{display:flex;width:100%;justify-content:space-between;align-items:center;height:80px}h1,h2,button,a{font-family:Staatliches,sans-serif;font-weight:500;margin:0}h2{text-align:center}p,div,ol{margin:0}ol{padding:0}header h1,header button{color:#c47424}header h1{font-size:2rem;width:200px;text-align:center}header a,header button{font-size:1.5rem}header a{text-decoration:none;color:#686868;display:flex;align-items:center}.links{display:flex;gap:20px;margin-right:60px}header a:first-child{color:#afafaf}header button{background-color:transparent;border:3px solid #C47424;border-radius:15px;width:125px;cursor:pointer}.main{background-image:url(/projects/assets/gym-background-6pY7zg_I.png);width:100%;height:780px;background-repeat:no-repeat;background-position:center top;display:flex;flex-direction:column;align-items:center;position:relative}.main-header{margin-top:130px;font-size:4.5rem;max-width:1000px;text-align:center;color:#bd8e60;letter-spacing:.05em}.main-header span{color:#c47424}.main button{margin-top:275px;border:#C47424 solid 4px;background-color:transparent;color:#c47424;padding:10px 0;width:200px;border-radius:15px;cursor:pointer;font-size:1.5rem}.section-1{display:flex;flex-direction:column;align-items:center;height:780px;width:100%;background:linear-gradient(180deg,#000,#1a1a1a 30%,#1e1e1e,#1a1a1a 70%,#000)}.section-1 h2{font-size:4.5rem;color:#bd8e60;letter-spacing:.05em}.section-1 h2 span{color:#c47424}.section-1 p{color:#afafaf;letter-spacing:.05em;font-size:1.5rem}.about{display:flex;justify-content:center;height:420px;max-height:420px;width:100%;max-width:900px;background-color:#252525;box-sizing:border-box;padding:50px 0;border-radius:15px;margin-top:90px}.about span{height:100%;width:8px;background-color:#bd8e60;border-radius:15px}.about div{display:flex;flex-direction:column;justify-content:space-between;width:100%}.about div h3{text-align:center;text-shadow:5px 5px 5px rgba(0,0,0,.5);font-style:italic;font-size:1.5rem;color:#c47424}.section-2{width:100%;height:740px;display:flex;flex-direction:column;align-items:center}.section-2 h2{font-size:4.5rem;color:#bd8e60;letter-spacing:.05em;max-width:950px;text-align:center;margin-bottom:60px}.section-2 h2 span{color:#c47424}.cards{display:flex;gap:50px}.card{box-sizing:border-box;width:290px;height:290px;padding:20px;border-radius:15px}.card h3{font-size:2rem;margin:0 0 10px;text-align:center;text-shadow:6px 6px 6px rgba(0,0,0,.5);color:#ddd}.card p{font-size:1.5rem;font-style:italic;text-align:center;margin-bottom:24px;font-weight:700;color:#ddd}.card ol li{color:#ddd;letter-spacing:.05em;margin-bottom:4px}.card ol{list-style-type:disc;margin-left:20px}.card-1{background:linear-gradient(180deg,#4a4a4a,#2b2b2b)}.card-2{background:linear-gradient(180deg,#d9893a,#a85e1d)}.card-3{background:linear-gradient(180deg,#a85a12,#6e3500)}.section-3{background-image:url(/projects/assets/gym-background-2-Bgl-hirX.png);height:560px;width:100%;background-repeat:no-repeat;background-position:center top;display:flex;flex-direction:column;align-items:center;margin-bottom:208px}.section-3 h2{font-size:4.5rem;color:#bd8e60;letter-spacing:.05em;max-width:1000px;margin-bottom:220px}.section-3 button{background:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:4px solid #C47424;width:430px;height:130px;color:#c47424;font-size:4rem;border-radius:15px;opacity:0;transform:translateY(24px) scale(1);transition:opacity 1s ease,transform .5s ease,background-color .3s ease}.section-4{height:880px;width:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#000,#1a1a1a 30%,#1e1e1e,#1a1a1a 70%,#000)}.section-4 h2{font-size:4.5rem;color:#bd8e60;letter-spacing:.05em;max-width:1000px}.section-4 form{display:flex;flex-direction:column;max-width:760px;width:100%;align-items:center}.section-4 form input{height:48px;width:100%;padding:0 24px;box-sizing:border-box;color:#ddd;font-size:1rem}.section-4 form textarea{height:84px;margin-bottom:24px;width:100%;padding:24px;box-sizing:border-box;color:#ddd;font-size:1rem;resize:none}.section-4 form label{text-align:center;color:#afafaf;font-size:1.5rem;margin:12px 0}.section-4 form input,.section-4 form textarea,.section-4 form button{background-color:transparent;color:#fff;border-radius:15px;border:4px solid #C47424}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background-color:#b6b6b6;border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.section-4 form button{height:64px;width:200px;color:#afafaf;font-size:1.5rem;cursor:pointer}.section-4 form button:hover{background-color:#1e1e1e}footer{width:100%;display:flex;flex-direction:column;align-items:center}.footer-about{display:flex;max-width:970px;gap:20px}.footer-about div{box-sizing:border-box}.footer-about div:nth-child(1),.footer-about div:nth-child(2),.footer-about div:nth-child(3){flex:11}.footer-about div:nth-child(4){flex:12}.footer-about{line-height:24px;margin-bottom:32px}.footer-about div ul{list-style:none}.footer-about div ul li{letter-spacing:.05em}.footer-rights{max-width:970px}#footer-logo{color:#c47424;font-size:2rem;margin-bottom:24px}.footer-about p,.footer-about li,.footer-header{color:#afafaf}.footer-header{margin-bottom:24px}.web-logo{margin-top:8px}.footer-link-logos a:first-child{margin-right:6px}.footer-rights{display:flex;flex-direction:column;gap:8px;align-items:center;margin-bottom:36px}.footer-rights p{color:#afafaf;opacity:50%}.footer-about li:hover{text-decoration:underline;cursor:pointer}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform 1s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.main-header{opacity:0;transform:translateY(24px);transition:opacity 1.5s ease,transform 2s ease}.main-header.slow-fade,.main button.slow-fade{opacity:1;transform:translateY(0)}.main button{opacity:0;transition:opacity .5s ease,transform .5s ease,background-color .5s ease}.main button:hover,.main button.button-hover{background-color:#05050580;transform:translateY(-5px);transition:.2s ease-in all,opacity .5s ease}.hop-animation{transform:translateY(-15px);transition:transform .4s ease}.card{transition:transform .4s ease}.section-3 button.visible{opacity:1;transform:translateY(0) scale(1)}.section-3 button:hover{transform:translateY(0) scale(1.1);cursor:pointer;background-color:#00000026}.burger{display:none;flex-direction:column;gap:4px;width:40px;height:40px;cursor:pointer;margin-right:30px;margin-top:8px}.burger span{display:block;width:100%;height:4px;border-radius:5px;background-color:#4a4a4a}.links.active{transition:.5s ease-in all;right:0}.menu-close{display:none}@media(max-width:1000px){.menu-close{display:block;position:absolute;top:20px;right:20px;font-size:2rem}.burger{display:flex}.links{flex-direction:column;position:fixed;right:-100%;top:0;width:70vw;margin-right:0;background-color:#000;align-items:center;padding:32px;z-index:1;height:100vh;transition:.5s ease-in all}header{position:sticky;top:0;background-color:#000;z-index:1}header h1{width:auto;margin-left:30px}.main-header{font-size:clamp(2.5rem,4vw,4.5rem)}.section-1,.section-2,.section-3,.section-4{min-height:650px}.main{min-height:100vh}.section-1{height:auto;min-height:650px;margin-bottom:64px}.section-1 h2{font-size:clamp(2.5rem,4vw,4.5rem);margin-bottom:12px}.section-1 p{font-size:clamp(1rem,4vw,1.5rem);text-align:center;max-width:90vw}.about{height:300px;width:90%}.about div{padding:0 10px}.about div h3{font-size:clamp(1rem,4vw,1.5rem)}.section-2{height:auto;margin-bottom:64px}.section-2 h2{font-size:clamp(2.5rem,4vw,4.5rem)}.cards{display:flex;flex-direction:column}.section-3{height:auto;margin-bottom:0}.section-3 h2{font-size:clamp(2.5rem,4vw,4.5rem)}.section-3 button{width:70%;max-height:110px;max-width:450px;font-size:clamp(2.5rem,4vw,4.5rem)}.section-4{height:auto;min-height:650px}.section-4 h2{font-size:clamp(2.5rem,4vw,4.5rem)}.section-4 form label{font-size:clamp(1rem,4vw,1.5rem)}.section-4 form input,.section-4 form textarea{width:90%}.footer-about,.footer-about div{display:flex;flex-direction:column;align-items:center}.footer-about div p,.footer-about div ul li,.footer-rights p{text-align:center}.footer-header{margin-bottom:12px}}