#nav ul li a,.site-title{color:#333;font-size:1.5rem}#nav ul,.logo-container,body,form,header,main{display:-webkit-box;display:-ms-flexbox}.brand-col,.title{text-align:center}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Arial,sans-serif;padding-top:90px;background-color:#fff;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}header{position:fixed;top:0;left:0;right:0;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 2rem;border-bottom:2px solid rgba(88,80,69,.8);background-color:rgba(200,175,143,.3);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}header.scrolled{background-color:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1)}.logo-container{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.hamburger,form{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}header a img{height:60px;width:auto;outline:transparent solid 1px;outline-offset:10px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;border-radius:20%}header a img:focus,header a img:hover{outline-color:#000;outline-offset:15px}.site-title{font-weight:700}.title,label{color:#4a3b2a}.hamburger{display:none;flex-direction:column;gap:5px;z-index:1100;position:relative;cursor:pointer;border:none;background:0 0}.hamburger span{display:block;width:25px;height:3px;background-color:#333;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.hamburger.active span:first-of-type{-webkit-transform:translateY(8px) rotate(45deg)!important;-ms-transform:translateY(8px) rotate(45deg)!important;transform:translateY(8px) rotate(45deg)!important}.hamburger.active span:nth-of-type(2){opacity:0!important;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.hamburger.active span:nth-of-type(3){-webkit-transform:translateY(-8px) rotate(-45deg)!important;-ms-transform:translateY(-8px) rotate(-45deg)!important;transform:translateY(-8px) rotate(-45deg)!important}#nav ul{display:flex;list-style:none;gap:2rem}#nav ul li a{text-decoration:none;font-weight:500;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s}#nav ul li a:hover{color:red}#nav ul li:not(:last-child)::after{content:"|";color:#999;margin-left:2rem;pointer-events:none;font-size:1.5rem}main{max-width:1400px;margin:0 auto;padding:2rem;-webkit-box-flex:1;-ms-flex:1;flex:1;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.form-container{background-color:rgba(255,255,255,.9);padding:40px;border-radius:12px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px rgba(0,0,0,.1);width:90%;margin:0 auto}@media (min-width:768px){.form-container{width:600px!important;max-width:600px}}.title{margin-top:0;margin-bottom:30px;font-size:32px}form{display:flex;flex-direction:column}label{margin-bottom:8px;font-weight:600;font-size:14px}input[type=date],input[type=email],input[type=text],input[type=time],textarea{padding:12px;margin-bottom:20px;border:1px solid #ccc;border-radius:6px;font-size:16px;font-family:inherit;-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s;width:100%}input:focus,textarea:focus{outline:0;border-color:#8b5e34}textarea{resize:vertical;min-height:100px}button{background-color:#8b5e34;color:#fff;padding:15px;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;margin-top:10px}.footer-links-list a,.footer-phone,.footer-social-icons a{text-decoration:none;-webkit-transition:.3s;-o-transition:.3s}button:hover{background-color:#6d4827}.hafuyo-footer{background-color:#f8f5f0;color:#4a3b2a;padding:60px 20px 20px;font-size:.9rem;line-height:1.6;margin-top:auto}.footer-container{max-width:1100px;margin:0 auto 50px;display:-ms-grid;display:grid;-ms-grid-columns:2fr 40px 1fr 40px 1fr 40px 1.5fr;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}.brand-col,address.footer-col,nav.footer-col{display:block;font-style:normal}.brand-col,.brand-col .footer-logo,.footer-social-icons{display:-webkit-box;display:-ms-flexbox}.brand-col{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand-col .footer-logo{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#2c241b;margin-bottom:20px}.brand-col .footer-logo img{height:45px;width:auto}.footer-desc{opacity:.9;max-width:280px;margin:0 auto}.footer-heading{color:#2c241b;font-size:1.05rem;font-weight:700;margin-bottom:25px;text-transform:uppercase;letter-spacing:.5px}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:12px;display:block}.footer-links-list a,.footer-phone{color:#4a3b2a;transition:.3s;display:inline-block}.footer-links-list a:hover,.footer-phone:hover{color:#8b5e34;-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}.footer-phone{display:block;margin-top:15px;font-weight:700}.social-text{margin-bottom:20px;opacity:.9}.footer-social-icons{display:flex;gap:12px;list-style:none;padding:0;margin:0}.footer-bottom,.footer-social-icons a{display:-webkit-box;display:-ms-flexbox;font-size:.85rem}.footer-social-icons a{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:38px;height:38px;background-color:#fff;color:#8b5e34;border-radius:50%;font-weight:700;border:1px solid #e0dbd0;transition:.3s}.footer-social-icons img{width:20px;height:auto}.footer-social-icons a:hover{background-color:#8b5e34;color:#fff;border-color:#8b5e34;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.footer-bottom{max-width:1100px;margin:0 auto;padding-top:25px;border-top:1px solid #e0dbd0;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6b5e4f}.back-to-top{background:#8b5e34;border:1px solid #000;color:#fff;padding:8px 16px;cursor:pointer;border-radius:20px;font-family:inherit;font-size:.8rem;font-weight:600;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.back-to-top:hover{background-color:#8b5e34;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);color:#fff;border-color:#8b5e34}@media (max-width:768px){#nav,body{padding-top:80px}#nav ul,footer{-ms-flex-direction:column}#nav ul,.footer-bottom,footer{-webkit-box-orient:vertical;-webkit-box-direction:normal}.footer-bottom,.footer-col,.footer-container,/ .footer-links-list li,footer{text-align:center}.hamburger{display:-webkit-box;display:-ms-flexbox;display:flex}#nav ul li:not(:last-child)::after{content:none}#nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#fff;-webkit-box-shadow:-2px 0 5px rgba(0,0,0,.1);box-shadow:-2px 0 5px rgba(0,0,0,.1);-webkit-transition:right .3s;-o-transition:right .3s;transition:right .3s}#nav.active{right:0}#nav ul{flex-direction:column;gap:0;padding:2rem}#nav ul li{border-bottom:1px solid #eee}#nav ul li a{display:block;padding:1rem 0;font-size:1.1rem}header a img{height:50px}.site-title{font-size:1.2rem}main{padding:1.5rem}footer{flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.5rem;padding:2.5rem 1.5rem}.footer-container{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:2rem}.footer-bottom{-ms-flex-direction:column;flex-direction:column}.footer-social-icons{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width:480px){body{padding-top:70px}header{padding:.8rem 1rem}.site-title{font-size:1rem}header a img{height:40px}footer{padding:2rem 1rem;gap:2rem}footer img{height:60px}}@media (max-width:900px){.footer-container{-ms-grid-columns:1fr 30px 1fr;grid-template-columns:1fr 1fr;gap:40px 30px}.brand-col{-ms-grid-column-span:2;grid-column:span 2;text-align:center}.brand-col .footer-logo{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer-desc{margin:0 auto}}@media (max-width:600px){.footer-container{-ms-grid-columns:1fr;grid-template-columns:1fr;text-align:center;gap:30px}.brand-col{-ms-grid-column-span:1;grid-column:span 1}.footer-social-icons{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer-links-list a:hover{-webkit-transform:none;-ms-transform:none;transform:none}.footer-bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}}