.logo-container,header{display:-webkit-box;display:-ms-flexbox}.site-title,nav ul li a{color:#333;font-size:1.5rem}.hero,section>h2{text-align:center}.banner,.banner-image,.hamburger{position:relative}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Arial,sans-serif;padding-top:90px}#content.dark-theme{-webkit-filter:invert(1) hue-rotate(180deg);filter:invert(1) hue-rotate(180deg)}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);-webkit-backdrop-filter:blur(8px);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}.chef-card,.hamburger{-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}.hamburger{display:none;flex-direction:column;gap:5px;z-index:1100;cursor:pointer;border:none;background:0 0}.about-hero,.flex-container,nav ul{display:-webkit-box;display:-ms-flexbox}.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);-ms-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-of-type(2){opacity:0;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.hamburger.active span:nth-of-type(3){-webkit-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}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}section>h2{font-size:2.5rem;color:#101010;margin-bottom:2rem;font-weight:700;letter-spacing:2px}.hero{margin-bottom:3rem}.hero h1{font-size:3.5rem;color:#101010;margin-bottom:1rem}.hero h2,.hero img{margin-bottom:2rem}.hero h2{font-size:1.8rem;color:#323232;font-style:italic;font-weight:400}.hero-subtitle{color:#c8af8f!important;font-size:1.8rem}.hero img{width:100%;max-width:800px;border-radius:20px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2)}.hero p{color:#282828;max-width:100%;margin:0 auto;text-align:start;font-size:1.5rem;line-height:2}.banner>p,.brand-col,.chefs-section,.copyright,.grid>h2{text-align:center}.about-hero{height:400px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url('https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?w=1200') center/cover;background:-o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?w=1200') center/cover;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?w=1200') center/cover;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;border-radius:20px;margin-bottom:4rem}.about-hero h1{color:#fff}.flex-container{display:flex;gap:4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5rem}.grid,.grid figure video{display:-webkit-box;display:-ms-flexbox}.image-content,.text-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.text-content h2{font-size:3rem;margin-bottom:1.5rem;color:#101010}.text-content p{font-size:1.8rem;line-height:1.8;margin-bottom:1.2rem;color:#282828}.image-content img{width:100%;border-radius:15px;-webkit-box-shadow:15px 15px 0 rgba(200,175,143,.5);box-shadow:15px 15px 0 rgba(200,175,143,.5)}.banner-section{margin:3rem 0}.banner{overflow:hidden;-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s;-o-transition:transform .3s,box-shadow .3s;border:3px solid #000;border-radius:20px}.banner:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:4px 6px 15px rgba(0,0,0,.3);box-shadow:4px 6px 15px rgba(0,0,0,.3)}.banner-image{width:100%;height:400px}.banner-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.banner-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,0,0,.85);color:#fff;padding:2rem 4rem;border-radius:15px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.4);box-shadow:0 4px 15px rgba(0,0,0,.4)}.banner-text h3{font-size:2.5rem;font-weight:700;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.banner>p{padding:2rem;color:#101010;font-size:1.3rem;background-color:rgba(200,175,143,.3);border-radius:0 0 20px 20px}.chef-card,.grid article,figure{background-color:rgba(200,175,143,.8);height:100%}.grid{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;margin-top:3rem}.grid>h2{font-size:2.5rem;color:#101010;margin-bottom:2rem;font-weight:700;letter-spacing:2px;width:100%}.grid a,figure{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:280px;text-decoration:none;color:inherit}.grid article,figure{border-radius:20px;padding:1.5rem;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;border:3px solid #000}.grid article img,.grid figure video{-o-object-fit:cover;border-radius:15px;margin-bottom:1rem;width:100%}.grid article:hover{background-color:rgba(200,175,143,.6);-webkit-box-shadow:2px 3px 15px rgba(0,0,0,.3);box-shadow:2px 3px 15px rgba(0,0,0,.3);-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.grid article h3{font-size:1.8rem;color:#101010;margin-bottom:1rem}.grid article p,.grid figcaption{font-size:1.4rem}.grid article p,.grid figcaption,.grid figcaption span{color:#1e1e1e;line-height:1.6;font-weight:400}.grid article img{height:250px;object-fit:cover}#video-section{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#video-figure{display:contents}.grid figure video{max-width:800px;height:auto;aspect-ratio:16/9;object-fit:cover;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid figcaption{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid figcaption span{font-size:1.1rem}.chefs-section{margin:4rem auto;max-width:1400px;padding:0 2rem}.chef-card p,.hafuyo-footer{line-height:1.6;margin-top:auto}.chefs-section h2{font-size:2.5rem;margin-bottom:3rem;letter-spacing:2px}.chefs-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem}.chef-card{border-radius:20px;padding:1.5rem;border:3px solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s;-o-transition:transform .3s,box-shadow .3s}.chef-card:hover{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:4px 6px 15px rgba(0,0,0,.3);box-shadow:4px 6px 15px rgba(0,0,0,.3)}.chef-card img{width:100%;height:280px;-o-object-fit:cover;object-fit:cover;border-radius:15px;margin-bottom:1rem}.chef-card h3{font-size:1.6rem;margin-bottom:.5rem}.chef-card p{font-size:1.3rem}.hafuyo-footer{background-color:#f8f5f0;color:#4a3b2a;padding:60px 20px 20px;font-size:.9rem}.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,.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}.footer-links-list a{color:#4a3b2a;text-decoration:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display:inline-block}.footer-phone,.footer-social-icons a{font-weight:700;-webkit-transition:.3s;-o-transition:.3s;text-decoration:none}.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{color:#4a3b2a;transition:.3s;display:block;margin-top:15px}.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%;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{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: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:768px){.footer-bottom,.grid,footer,nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal}body,nav{padding-top:80px}.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}.site-title{font-size:1.2rem}main{padding:1.5rem}section>h2{font-size:2rem}.hero h1{font-size:2.5rem}.hero h2{font-size:1.3rem}.text-content h2{font-size:2.2rem}.hero-subtitle,.text-content p{font-size:1.4rem}.banner-text h2{font-size:1.8rem}.banner-text{padding:1.5rem 2rem}.footer-bottom,.grid{-ms-flex-direction:column;flex-direction:column}.grid article h3{font-size:1.5rem}footer{-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.5rem;padding:2.5rem 1.5rem;text-align:center}.footer-socials,footer>div:first-child{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer img{height:70px}.section{width:100%}.section a:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.footer-container{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:2rem}}@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}}@media (max-width:480px){body{padding-top:70px}header{padding:.8rem 1rem}.section h3,.site-title{font-size:1rem}header a img{height:40px}section>h2{font-size:1.6rem;letter-spacing:1px}.hero h1{font-size:2rem}.hero h2{font-size:1.1rem}.banner-text h2,.grid article h3{font-size:1.3rem}.banner-image{height:250px}.banner-text{padding:1rem 2rem}.banner-text h2{letter-spacing:2px}.grid article img{height:200px}footer{padding:2rem 1rem;gap:2rem}footer img{height:60px}.section a,.section p{font-size:.85rem}.copyright p{font-size:.8rem}}
