*{box-sizing:border-box}html,body{color:#faebd7;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{background:url(/photos/background.jpg) 50%/cover no-repeat;flex-direction:column;min-height:100vh;display:flex}@media (hover:hover) and (pointer:fine){body{background-attachment:fixed}}.nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000a6;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;width:100%;padding:.75rem 1.2rem;display:flex;position:fixed;top:0}.logo{padding-top:.25rem}.logo img{width:50px}.card img{float:center;width:150px}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem 1.2rem;padding-top:.25rem;display:flex}.nav-links a{color:#fff;white-space:nowrap;font-size:1.2rem;text-decoration:none}.menu-icon{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;margin-left:.5rem;padding:.4rem;display:none}.menu-icon .bar{background:#fff;border-radius:999px;width:26px;height:3px}.nav-links.active{display:flex}@media (max-width:768px){.menu-icon{display:flex}.nav-links{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;border-bottom-right-radius:18px;border-bottom-left-radius:18px;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:.8rem 0;display:none;position:absolute;top:100%;left:0}}@media (min-width:769px){.menu-icon{display:none}.nav-links{background:0 0;flex-direction:row;width:auto;padding:0;display:flex;position:static}}@media (max-width:470px){.nav{padding:.6rem 1rem}.nav-links{justify-content:center;gap:.8rem;width:100%;padding-top:.4rem}.nav-links a{font-size:1rem}}@media (hover:hover) and (pointer:fine){.nav-links a:hover{text-decoration:underline}}.container{flex:1;max-width:1100px;margin:0 auto;padding:6rem 1rem 2rem}@media (max-width:767px){.container{padding-top:8rem}}.hero{text-align:center;margin-bottom:3rem;animation:.8s both fadeUp}.hero h1{-webkit-text-fill-color:transparent;background-image:url(/photos/animation.jpg);background-size:cover;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.9rem}.btn{color:#000;background:linear-gradient(135deg,#f4a460,#cd8540);border-radius:14px;padding:.75rem 1.6rem;font-weight:600;text-decoration:none;transition:background .3s;display:inline-block}@media (hover:hover) and (pointer:fine){.btn:hover{background:linear-gradient(135deg,wheat,#e6a157);transform:translateY(-2px)}}.card{background:#0009;border-radius:18px;margin-bottom:2rem;padding:1.4rem;animation:.7s both fadeUp}.card h2{color:#eca176;margin-top:0}.card a{color:#eca176;margin:.4rem 0;text-decoration:none;display:block}@media (hover:hover) and (pointer:fine){.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000073}}#about{flex-direction:column;display:flex}#about h2{margin-bottom:1rem}#about .about-content{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}#about p{flex:1;margin:0;font-size:1.5rem}#about img{float:none;flex-shrink:0;width:120px;margin-left:10rem;margin-right:10rem;padding-bottom:2rem}@media (max-width:767px){#about .about-content{text-align:center;flex-direction:column}#about img{width:100px;margin-top:1rem}}.grid{gap:1.6rem;display:grid}footer{background:#0009;margin-top:auto;padding:1.5rem;font-size:.85rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.hero h1{font-size:2.6rem}.grid{grid-template-columns:repeat(2,1fr)}}.services-grid{gap:1.8rem;margin-top:2rem;display:grid}.service-card{background:#0009;border-radius:18px;padding:1.6rem;animation:.7s both fadeUp}.service-card h2{color:#eca176;margin-top:0}@media (hover:hover) and (pointer:fine){.service-card{transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000073}}.back-wrapper{text-align:center;margin:3rem 0 1rem}@media (min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}.portfolio{text-align:center;background:#0009;border-radius:18px;margin-top:4rem;margin-bottom:4rem;padding:1.6rem;animation:.7s both fadeUp}.portfolio-title{cursor:pointer;color:#eca176;transition:opacity .3s}.videos-wrapper{max-height:0;transition:max-height .6s;overflow:hidden}.videos{opacity:0;gap:1.5rem;margin-top:2rem;transition:opacity .4s,transform .4s;display:grid;transform:translateY(10px)}.videos video{border-radius:14px;width:100%}@media (max-width:767px){.videos{grid-template-columns:1fr}}@media (min-width:768px){.videos{grid-template-columns:repeat(2,1fr)}}.portfolio.open .videos-wrapper{max-height:2000px}.portfolio.open .videos{opacity:1;transform:translateY(0)}.card a{letter-spacing:.4px;font-weight:500;transition:color .25s,transform .25s;position:relative}.card a:after{content:"";background:linear-gradient(90deg,#e6a157,wheat);width:0%;height:2px;transition:width .25s;position:absolute;bottom:-6px;left:0}@media (hover:hover) and (pointer:fine){.card a:hover{color:wheat;transform:translateY(-2px)}.card a:hover:after{width:100%}}@media (hover:none) and (pointer:coarse){.card a{letter-spacing:.6px;color:#f0be8c;font-weight:600}}:root{--bg-overlay:#0009;--accent-1:#e6a157;--accent-2:wheat;--muted:#d8c4a1;--radius-lg:14px}.cta-button,.btn{color:#000;letter-spacing:.4px;background:linear-gradient(135deg,#f4a460,#cd8540);border-radius:9999px;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 6px 18px #00000073}@media (hover:hover) and (pointer:fine){.cta-button:hover,.btn:hover{filter:none;background:linear-gradient(135deg,wheat,#e6a157);transform:translateY(-3px);box-shadow:0 10px 28px #00000080}}.contact-form{background:#000000d9;border-radius:18px;gap:.8rem;width:100%;max-width:760px;margin:5rem auto 2rem;padding:1.2rem;display:block}.contact-form .form-group{flex-direction:column;margin-bottom:.9rem;display:flex}.contact-form label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem}.contact-form input,.contact-form textarea{color:#faebd7;resize:vertical;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;width:100%;padding:.65rem .75rem;font-size:.95rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-1);outline:none;box-shadow:0 0 0 4px #e6a15714}.contact-form textarea{min-height:120px}.contact-form button{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#000;cursor:pointer;border:none;border-radius:10px;margin:.9rem auto 0;padding:.65rem 1.1rem;font-weight:700;display:block}img,video{max-width:100%;height:auto;display:block}.socials{justify-content:center;align-items:center;gap:.8rem;display:flex}.socials a{color:var(--muted);text-decoration:none}@media (max-width:480px){.container{padding:6.5rem .9rem 1.2rem}.hero h1{font-size:1.35rem}.nav-links a{font-size:.95rem}.logo img{width:44px}.card{border-radius:12px;padding:1rem}.portfolio{padding:1rem}.contact-form{border-radius:12px;max-width:350px;margin-top:7rem;padding:.9rem}}@media (min-width:1200px){.container{max-width:1300px}.hero h1{font-size:3rem}}a:focus,button:focus,input:focus,textarea:focus{outline:3px solid #e6a15714}.hero .cta-button{margin:1.2rem auto .6rem;display:inline-flex}.container .cta-button{width:max-content;margin:1.2rem auto .6rem;display:block}