.footer-col,.logo-container,.logo-container a,header,nav ul{display:-webkit-box;display:-ms-flexbox}.logo-container a,nav ul li a{text-decoration:none;color:#333;font-size:1.5rem}.footer-col,.hamburger{-webkit-box-orient:vertical;-webkit-box-direction:normal}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Arial,sans-serif;padding-top:90px}body.dark-theme .hamburger,body.dark-theme header,body.dark-theme nav{background-color:#1e1e1e;color:#f0f0f0}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}.logo-container a{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;font-weight:700}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%}.hamburger,.theme-toggle{background:0 0;border:none;cursor:pointer}header a img:focus,header a img:hover{outline-color:#000;outline-offset:15px}.hamburger{display:none;-ms-flex-direction:column;flex-direction:column;gap:5px;z-index:1100;position:relative}.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{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}.theme-toggle{font-size:1.5rem;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-o-transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.footer-links-list a,.footer-phone,.footer-social-icons a{text-decoration:none;-webkit-transition:.3s;-o-transition:.3s}.theme-toggle:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}main{max-width:1400px;margin:0 auto;padding:2rem}section>h2{font-size:2.5rem;color:#101010;margin-bottom:2rem;text-align:center;font-weight:700;letter-spacing:2px}.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}.footer-col{display:flex;-ms-flex-direction:column;flex-direction:column}.footer-logo,.footer-social-icons{display:-webkit-box;display:-ms-flexbox}.brand-col{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.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}.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}.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-address{font-style:normal}.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 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,.back-to-top:hover{background-color:#8b5e34;color:#fff}.copyright{margin:0}.back-to-top{border:1px solid #000;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{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);border-color:#8b5e34}@media (max-width:768px){body,nav{padding-top:80px}.footer-bottom,nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal}.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{-ms-flex-direction:column;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}.logo-container a{font-size:1.2rem}main{padding:1.5rem}section>h2{font-size:2rem}.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}.footer-bottom{-ms-flex-direction:column;flex-direction:column;text-align:center;gap:15px}}@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}}@media (max-width:480px){body{padding-top:70px}header{padding:.8rem 1rem}.logo-container a{font-size:1rem}header a img{height:40px}section>h2{font-size:1.6rem;letter-spacing:1px}}