html,body{height:100%;margin:0;padding:0}.header{z-index:1000;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.header-title a{color:#fff;text-shadow:1px 1px #0009,-1px 1px #0009,1px -1px #0009,-1px -1px #0009,0 1px #0009,0 -1px #0009,1px 0 #0009,-1px 0 #0009;font-size:2rem;font-weight:700;text-decoration:none}.header-nav ul{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.header-nav a{color:#fff;text-shadow:1px 1px #0009,-1px 1px #0009,1px -1px #0009,-1px -1px #0009,0 1px #0009,0 -1px #0009,1px 0 #0009,-1px 0 #0009;font-size:1.3rem;font-weight:700;text-decoration:none}.header-nav a:hover{color:#a0a0a0}.menu-toggle{cursor:pointer;color:#fff;background:0 0;border:none;font-size:2rem;display:none}@media (max-width:768px){.header-nav{z-index:999;opacity:0;pointer-events:none;background-color:#0009;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:opacity .3s,transform .3s;display:flex;position:fixed;inset:60px 0 0;overflow-y:auto;transform:translateY(20px);box-shadow:0 4px 6px #0000001a}.header-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.header-nav ul{flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none}.header-nav.open li{opacity:0;animation:.4s forwards fadeInUp;transform:translateY(10px)}.header-nav.open li:first-child{animation-delay:.1s}.header-nav.open li:nth-child(2){animation-delay:.2s}.header-nav.open li:nth-child(3){animation-delay:.3s}.header-nav.open li:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.header-nav li a{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.menu-toggle{z-index:1001;cursor:pointer;background:0 0;border:none;font-size:2rem;display:block;position:absolute;top:1rem;right:1.5rem}}.footer{text-align:center;z-index:2;color:#fff;text-shadow:1px 1px #0009,-1px 1px #0009,1px -1px #0009,-1px -1px #0009,0 1px #0009,0 -1px #0009,1px 0 #0009,-1px 0 #0009}.layout-main{z-index:1;min-height:100vh;padding:5rem 1rem;position:relative}.layout-wrapper{background-image:url(/assets/IMG_20230710_163250-CaWrAnKv.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;position:relative}.layout-wrapper:before{content:"";z-index:0;background-color:#0000004d;position:absolute;inset:0}nav,header,footer{z-index:2;position:relative}.hero{color:#fff;text-shadow:1px 1px #0009,-1px 1px #0009,1px -1px #0009,-1px -1px #0009,0 1px #0009,0 -1px #0009,1px 0 #0009,-1px 0 #0009}.works{color:#e5e5e5;background-color:#0000004d;border-radius:1rem;max-width:1200px;margin:0 auto;padding:4rem 2rem}.works h2{text-align:center;text-shadow:1px 1px 2px #0009;margin-bottom:3rem;font-size:2.4rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.card{background-color:#1e1e1e;border-radius:10px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0009}.card img{object-fit:cover;border-bottom:1px solid #ffffff1a;width:100%;height:auto}.card-content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem;display:flex}.card-content h3{color:#fff;text-shadow:1px 1px 2px #00000080;margin-bottom:1rem;font-size:1.8rem}.card-content p{color:#ccc;margin-bottom:1.5rem;font-size:1.4rem}.card-content a{color:#00bcd4;align-self:flex-start;font-size:1.4rem;font-weight:700;text-decoration:none;transition:color .3s}.card-content a:hover{color:#26c6da}@media (max-width:768px){.works{padding:3rem 1.5rem}.works h2{font-size:2rem}.card-content h3{font-size:1.6rem}.card-content p,.card-content a{font-size:1.3rem}}@media (max-width:480px){.card-grid{grid-template-columns:1fr}.works h2{font-size:1.8rem}}h1{color:#fff}#contact{color:#fff;text-shadow:1px 1px #0009,-1px 1px #0009,1px -1px #0009,-1px -1px #0009,0 1px #0009,0 -1px #0009,1px 0 #0009,-1px 0 #0009}img{border-radius:1rem;height:15vh;margin:1vh}