.header-container{height:300px;position:relative}.header-content h1{color:#4f3816;text-align:center;font-size:18px;font-weight:400}.header-content span{color:#d8d0c4}.header-content button{border-radius:30px;padding:15px 12px;font-size:14px}.header-container img{object-fit:cover;width:100%;height:100%}.nav-logo{z-index:1500;will-change:opacity;-webkit-backdrop-filter:blur(150px);background:#fff3;border:1px solid #fff3;border-radius:50px;width:98%;height:70px;padding-left:20px;padding-right:20px;transition:opacity .3s;position:fixed;top:10px;left:50%;transform:translate(-50%)}nav button{background-color:#0000;border:none}.menu{cursor:pointer;width:35px;height:35px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}nav ul{z-index:2800;color:#d8d0c4;background-color:#4f3816e6;justify-content:center;gap:30px;min-width:30vh;height:100dvh;min-height:500px;padding-top:50px;font-size:16px;list-style-type:none;position:absolute;top:-11px;transform:translate(-12%)}nav ul a{color:#d8d0c4;justify-content:center;align-items:center;padding:15% 20px;display:flex}nav ul a:hover{cursor:pointer;background-color:#d8d0c433}nav ul a li{color:#d8d0c4;padding-left:10px;padding-right:10px}.close{z-index:2500;cursor:pointer;width:18px;height:18px;position:absolute;top:30px;right:30px}.logo{fill:#4f3816;width:100px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.overlay{z-index:2600;background:#0000001a;width:100vw;height:100vh;position:fixed;top:0;left:0}.filter{z-index:500;opacity:.8;background:linear-gradient(#fff2df 0%,#999186 60%);width:100%;height:100%;position:absolute;top:0;left:0}.header-content{z-index:1000;gap:40px;width:100%;padding-left:3%;padding-right:3%;position:absolute;top:45%}@media (width>=375px){.header-container{height:320px}.header-content h1{font-size:22px}.header-content button{padding:16px 13px;font-size:16px}nav ul{font-size:18px}.close{width:21px;height:21px}.header-content{padding-left:4%;padding-right:4%}}@media (width>=425px){.header-container{height:350px}.header-content h1{font-size:23px}.header-content button{padding:17px 14px;font-size:17px}.nav-logo{height:80px}.menu{width:40px;height:40px}.logo{width:120px}nav ul{font-size:18px}.close{width:21px;height:21px}.header-content{padding-left:7%;padding-right:7%}}@media (width>=480px){.header-container{height:400px}.header-content h1{font-size:24px}.header-content button{padding:18px 15px;font-size:18px}.nav-logo{height:80px}.menu{width:45px;height:45px}nav ul{font-size:18px}.close{width:21px;height:21px}.logo{width:120px}.header-content{gap:45px;padding-left:10%;padding-right:10%}}@media (width>=768px){.header-container{height:550px}.header-content h1{font-size:34px}.header-content button{border-radius:40px;padding:22px 18px;font-size:22px}.nav-logo{height:95px}.menu{width:55px;height:55px}nav ul{min-width:40dvh;font-size:22px}.close{width:24px;height:24px;right:30px}.logo{width:150px}.header-content{gap:70px;padding-left:15%;padding-right:15%}}@media (width>=834px){.header-container{height:600px}.header-content h1{font-size:38px}.header-content button{padding:24px 20px;font-size:26px}nav ul{align-items:center;position:static;transform:translate(0)}nav ul a{padding:0}nav ul a li{color:#4f3816;position:relative}nav ul a li:after{content:"";background-color:#4f3816;width:0;height:1px;transition:width .3s ease-in-out;position:absolute;bottom:-5px;left:5%}nav ul a li:hover:after{width:90%}nav ul a:hover{background-color:#0000}.nav-logo{justify-content:space-around;align-items:center;height:95px}.overlay,.menu{display:none}nav{order:2;height:100%}nav button{display:none}nav ul{color:#4f3816;text-wrap:nowrap;background:0 0;gap:26px;min-height:0;max-height:100%;padding:0;font-size:18px}.nav-ul{flex-direction:row;display:flex}li{align-items:center;display:flex}.close{display:none}.logo-container{width:140px;height:70px}.logo{order:1;width:100%;margin-left:70px;position:static}.header-content{gap:70px;padding-left:14%;padding-right:14%}}@media (width>=1024px){.header-container{height:700px}.header-content h1{font-size:48px}.header-content button{border-radius:50px;padding:30px 26px;font-size:28px}.nav-logo{height:100px}nav ul{gap:28px;font-size:22px}.logo-container{width:160px}.logo{width:100%;margin-left:80px}.header-content{gap:80px;padding-left:13%;padding-right:13%}}@media (width>=1440px){.header-container{height:850px}.header-content h1{font-size:54px}.header-content button{border-radius:60px;padding:34px 28px;font-size:34px}nav ul{gap:70px;font-size:26px}.logo{width:100%;margin-left:100px}.logo-container{width:200px}.header-content{gap:90px;padding-left:14%;padding-right:14%}}@media (width>=1920px){.header-container{height:1000px}.header-content h1{font-size:80px}.header-content button{border-radius:70px;padding:38px 32px;font-size:38px}nav ul{gap:140px;font-size:28px}.logo{width:100%;margin-left:115px}.logo-container{width:230px}.header-content{gap:130px;padding-left:17%;padding-right:17%}}