@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:400;src:url("assets/fonts/poppins-v24-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:800;src:url("assets/fonts/poppins-v24-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Billion";font-style:normal;font-weight:400;src:url("assets/fonts/BillionDreams_PERSONAL.woff2") format("woff2")}body{font-family:Poppins;font-size:1.4rem;color:#30384a;background-color:#fff;line-height:1.5}button{font-family:Poppins;font-size:1.4rem;color:#fff;background-color:#000}p{max-width:75ch}h1,h2{font-size:3rem;line-height:1;font-weight:800;text-transform:uppercase}h3{font-size:2.4rem;font-weight:800;text-transform:uppercase}h4{font-size:2rem;font-weight:800}h6{font-size:1.6rem;font-weight:700}a{color:inherit}strong{font-weight:700}@media(min-width: 576px){body{font-size:1.5rem}h1,h2{font-size:4rem}h3{font-size:3rem}h4{font-size:2.5rem}h6{font-size:1.8rem}}@media(min-width: 992px){body{font-size:1.6rem}h1,h2{font-size:5rem}h3{font-size:3.4rem}h6{font-size:1.9rem}}@media(min-width: 1400px){h1,h2{font-size:6rem}h3{font-size:4rem}h6{font-size:2rem}}::-moz-selection{background-color:#c9b581;color:#30384a}::selection{background-color:#c9b581;color:#30384a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:10px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*{transition:all .3s ease}svg{display:block}::before,::after{transition:all .3s ease}button{border:none;cursor:pointer}.footer{background:#30384a;color:#fff;padding-top:8rem}.footer .footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;padding-bottom:8rem}.footer h3{font-size:2.4rem;margin-bottom:1.5rem}.footer ul{list-style:none}.footer ul li{margin-bottom:.8rem}.footer ul a:hover{color:#c9b581}.footer .footer-brand .footer-logo{display:inline-block;margin-bottom:1.5rem}.footer .footer-brand .footer-logo svg{width:20rem;height:auto}.footer .footer-brand p{max-width:40rem;color:#ccc;font-style:italic}.footer .footer-bottom{border-top:1px solid hsla(0,0%,100%,.08);padding:2rem 0}.footer .footer-bottom .footer-bottom-inner{display:flex;justify-content:space-between;align-items:center}.footer .footer-bottom .footer-links{display:flex;gap:2rem}.footer .footer-bottom .footer-links a{font-size:1.4rem;color:#ccc}.footer .footer-bottom .footer-links a:hover{color:#c9b581}@media(max-width: 900px){.footer .footer-inner{grid-template-columns:1fr;gap:2rem}.footer .footer-bottom-inner{flex-direction:column;gap:1rem}}@media(max-width: 600px){.footer{padding-top:4rem}.footer .footer-inner{grid-template-columns:1fr;gap:2rem;padding-bottom:4rem}.footer .footer-bottom-inner{flex-direction:column;gap:1rem}}.grid1200{max-width:120rem;margin:0 auto;padding:0 2rem}.box_grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem}header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff}header nav{display:flex;align-items:center;justify-content:space-between;padding:2rem 0}header nav .logo{display:flex;align-items:center;z-index:4000}header nav .logo svg{width:20rem;height:auto}header nav .nav-menu{display:flex;gap:2rem}.nav-menu a{position:relative;text-decoration:none}.nav-menu a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#c9b581;transition:width .3s ease}.nav-menu a:hover::after{width:100%}.nav-menu a.active::after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:center;gap:.6rem;background:none;border:none;cursor:pointer;z-index:2001}.hamburger span{width:3rem;height:.3rem;background:#30384a;display:block;transition:.3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(0.6rem, 0.6rem)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(0.6rem, -0.6rem)}@media(max-width: 900px){nav ul{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;transition:.4s;font-size:1.6rem}nav ul.active{right:0}.hamburger{display:flex}}section:nth-child(odd){background:#fff;color:#30384a}section:nth-child(even){background:#30384a;color:#fff}section:not(:first-of-type){position:relative;z-index:1;padding:8rem 0;scroll-margin-top:10rem}section:not(:first-of-type) .grid1200{display:flex;flex-direction:column;gap:4rem}.hero{padding-top:10rem;position:relative}.hero .hero_container{display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem;min-height:calc(100vh - 10rem)}.hero .hero-content{display:flex;flex-direction:column;justify-content:center;gap:2rem}.hero .hero-content .hero_small{font-size:2.4rem;text-transform:none;font-weight:400;line-height:2}.hero .hero-content .hero_highlight{color:#c9b581}.hero img{width:100%;align-self:end;-o-object-fit:contain;object-fit:contain}#ueber-mich{position:relative}#ueber-mich img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.05;z-index:-1}#ueber-mich h2{color:#c9b581}#ueber-mich .box_grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem}#ueber-mich .about-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}#ueber-mich .card{padding:2rem;border-radius:1rem;background:#fff;color:#c9b581;transition:all .3s ease}#ueber-mich .card h3{font-size:1.6rem;margin-bottom:1rem;text-transform:uppercase}#ueber-mich .card p{color:#30384a}#ueber-mich .card:hover{transform:translateY(-0.5rem);box-shadow:0 10px 30px rgba(0,0,0,.17)}.skills .skills-dev{display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem}.skills .skills-group h3{font-size:2rem;margin-bottom:2rem}.skills .skill{margin-bottom:2rem}.skills .skill span{display:block;font-size:1.4rem;margin-bottom:1rem}.skills .skill-line{width:100%;height:.2rem;background:#f7f7fa}.skills .skill-progress{height:100%;background:#c9b581;position:relative}.skills .skill-progress::after{content:"";position:absolute;right:-0.4rem;top:50%;transform:translateY(-50%);width:.8rem;height:.8rem;background:#c9b581;border-radius:50%}.skills .skills-tools h3{font-size:2rem;margin-bottom:2rem}.skills .skills-tools .tools-grid{display:flex;flex-wrap:wrap;gap:1rem}.skills .skills-tools .tool{padding:.5rem 2rem;border:1px solid #ccc;border-radius:2rem;font-size:1.4rem;background:#fff;color:#30384a}.portfolio .portfolio-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:4rem}.portfolio .project{background:linear-gradient(120deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 20%, rgba(48, 56, 74, 0.15) 35%, rgba(201, 181, 129, 0.15) 50%, rgba(255, 255, 255, 0.9) 65%, #ffffff 100%);background-size:200% 200%;border-radius:1rem;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.04)}.portfolio .project a,.portfolio .project button{pointer-events:none}.portfolio .project:hover{transform:translateY(-0.5rem);box-shadow:0 10px 30px rgba(0,0,0,.17);background-position:100% 0}.portfolio .project:hover .project-image img{transform:scale(1.05)}.portfolio .project:hover .btn_secondary{background:#c9b581;color:#fff}.portfolio .project-image{height:24rem;overflow:hidden;position:relative}.portfolio .project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.portfolio .project-image::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:all .3s ease}.portfolio .project:hover .project-image::after{background:rgba(0,0,0,.2)}.portfolio .project-content{padding:2rem;display:flex;flex-direction:column;gap:2rem}.portfolio .project-content h3{font-size:2.4rem;color:#30384a}.portfolio .project-content p{font-size:1.4rem;line-height:1.6;color:rgba(0,0,0,.6)}.project-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:2000;padding:2rem}.project-modal.active{display:flex}.project-modal .modal-inner{background:#fff;display:flex;flex-direction:column;gap:2rem;max-width:1200px;max-height:90vh;width:100%;padding:4rem;border-radius:1rem;overflow-y:auto;position:relative}.project-modal .modal-close{position:absolute;top:2rem;right:2rem;font-size:2rem;border:none;background:none;color:#30384a;cursor:pointer}.project-modal .modal-gallery{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}.project-modal .modal-gallery img{width:100%;border-radius:1rem;transition:all .3s ease;cursor:pointer}.project-modal .modal-gallery img:hover{transform:scale(1.02)}.image-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:3000;padding:4rem}.image-lightbox.active{display:flex}.image-lightbox img{max-width:95%;max-height:95%;-o-object-fit:contain;object-fit:contain;border-radius:1rem}.image-lightbox .lightbox-close{position:absolute;top:3rem;right:3rem;font-size:3rem;border:none;background:none;color:#fff;cursor:pointer}.contact .contact-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding:6rem;border-radius:1rem;background:#f7f7fa;cursor:pointer;transition:all .3s ease}.contact .contact-inner:hover{transform:translateY(-0.5rem);box-shadow:0 10px 30px rgba(0,0,0,.17)}.contact .contact-mail{font-size:2rem;color:#c9b581}@media(max-width: 1200px){.hero{background:rgba(0,0,0,0);overflow:hidden}.hero .hero_container{grid-template-columns:1fr;text-align:center}.hero .hero-content{align-items:center;position:relative;z-index:2}.hero img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:calc(100vh - 10rem);width:auto;opacity:.1;-o-object-fit:cover;object-fit:cover;z-index:0}#ueber-mich .box_grid{grid-template-columns:1fr}.portfolio .portfolio-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 900px){.skills .skills-dev,#ueber-mich .about-cards,.portfolio .portfolio-grid{grid-template-columns:1fr}.project-modal .modal-gallery{grid-template-columns:1fr}}@media(max-width: 600px){section:not(:first-of-type){padding:4rem 0}section:not(:first-of-type) .grid1200{gap:2rem}#ueber-mich .card{padding:2rem}.portfolio .project-image{height:20rem}.portfolio .project-content{padding:2rem}.contact .contact-inner{padding:4rem 2rem}.contact .contact-mail{font-size:1.6rem}.project-modal .modal-inner{padding:2rem;max-height:80vh}.image-lightbox{padding:2rem}}.legal{position:relative;z-index:1;padding:8rem 0;padding-top:12rem;scroll-margin-top:10rem}.legal h2{font-size:2.4rem}.legal h3{font-size:1.6rem}.legal .grid1200{display:flex;flex-direction:column;gap:2rem}.btn_main{background-color:#30384a;padding:1rem 3rem;color:#fff;border-radius:10rem}.btn_main:hover{background-color:rgb(37.9672131148,44.2950819672,58.5327868852)}.btn_outline{background-color:rgba(0,0,0,0);padding:1rem 3rem;border:.1rem solid #30384a;color:#30384a;border-radius:10rem}.btn_outline:hover{background-color:#30384a;color:#fff}.btn_secondary{background-color:rgba(0,0,0,0);padding:1rem 3rem;border:.1rem solid #c9b581;color:#30384a;border-radius:10rem}.btn_secondary:hover{background-color:#c9b581;color:#30384a}.btn_group{display:flex;align-items:center;gap:1rem}