@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{--primary-color: #1a1a1a;--secondary-color: #f5f5f5;--accent-color: #d4af37;--text-color: #333;--text-muted: #777;--bg-color: #ffffff;--font-family: "Playfair Display", serif;--font-family-body: "Montserrat", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw;margin:0;padding:0;position:relative}body>*,main>*{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-family-body);color:var(--text-color);background-color:var(--bg-color);line-height:1.6;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:700;color:var(--primary-color);margin-bottom:1rem}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}@media (min-width: 768px){.container{padding:0 2rem}}.main-content{min-height:calc(100vh - 160px);width:100%;overflow-x:hidden}.header{background-color:var(--bg-color);padding:2rem 0;position:sticky;top:0;z-index:1000;border-bottom:1px solid #eee}.header .container{display:flex;justify-content:space-between;align-items:center}.header .logo{font-family:var(--font-family);font-size:1.8rem;letter-spacing:4px;font-weight:700;position:relative;display:flex;flex-direction:column;align-items:flex-start}.header .logo a{display:inline-flex;flex-direction:column;align-items:flex-start;position:relative}.header .logo .logo-wrapper{display:flex;align-items:center;gap:1rem}.header .logo .logo-img{height:50px;width:auto}.header .logo .logo-text{font-size:1.8rem;letter-spacing:4px;font-weight:700;white-space:nowrap}.header .logo .bk-tag{font-size:.7rem;letter-spacing:2px;font-weight:300;color:var(--accent-color);text-transform:lowercase;position:absolute;top:100%;right:0;transform:translate(50%);margin-top:5px;transform-origin:top center;animation:pendulum 3s ease-in-out infinite;white-space:nowrap}.header .logo .bk-tag:before{content:"";position:absolute;top:-10px;left:50%;width:1px;height:10px;background-color:#ddd;transform:translate(-50%)}@keyframes pendulum{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.header .nav ul{display:flex;gap:2rem}.header .nav ul li a{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;font-weight:400}.header .nav ul li a:hover,.header .nav ul li a.active{color:var(--accent-color)}.header .menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:25px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.header .menu-toggle span{width:25px;height:2px;background-color:var(--primary-color);transition:all .3s linear}.header .menu-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.header .menu-toggle.open span:nth-child(2){opacity:0}.header .menu-toggle.open span:last-child{transform:rotate(-45deg) translate(7px,-7px)}.footer{background-color:var(--primary-color);color:#fff;padding:4rem 0 2rem;margin-top:4rem}.footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.footer .footer-logo{font-family:var(--font-family);font-size:1.5rem;letter-spacing:4px}.footer .social-links{display:flex;gap:2rem}.footer .social-links a:hover{color:var(--accent-color)}.footer .copyright{font-size:.8rem;color:#888;margin-top:2rem}@media (max-width: 768px){.header{padding:1rem 0}.header .container{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 1rem}.header .logo{font-size:1.4rem;align-items:flex-start;margin:0}.header .logo .logo-wrapper{gap:.5rem;justify-content:flex-start}.header .logo .logo-img{height:35px}.header .logo .logo-text{font-size:1rem;letter-spacing:1px}.header .logo .bk-tag{font-size:.55rem;left:auto;right:0;transform:translate(50%)}.header .logo .bk-tag:before{left:50%}.header .menu-toggle{display:flex;position:absolute;right:1rem}.header .nav{position:fixed;top:0;right:-100%;width:80%;height:100vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease-in-out;box-shadow:-5px 0 15px #0000001a;z-index:1000}.header .nav.open{right:0}.header .nav ul{flex-direction:column;align-items:center;gap:3rem}.header .nav ul li a{font-size:1.2rem}}
