/* === Body CSS Start === */
body {
 background:white;
  color: #000;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* === Body CSS End === */
/* START Responsive Typography CSS */h1{font-family:'BBH Sans Bartle',sans-serif;line-height:1.2}h2{font-family:'Bebas Neue',sans-serif;line-height:1.2}h3{font-family:'Montserrat',sans-serif;line-height:1.3}h4{font-family:'Poppins',sans-serif;line-height:1.3;font-weight:300}h5{font-family:'Poppins',sans-serif;line-height:1.3}p{font-family:'Poppins',sans-serif;font-weight:300;line-height:1.6}/* Apply BBH Sans Bartle to span inside H2 */
h2 span {
    font-family: 'BBH Sans Bartle', sans-serif;
}/* END Responsive Typography CSS */

*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}a{text-decoration:none;color:inherit;cursor:pointer}ul{list-style:none}.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#ffb343;color:black;position:fixed;top:0;left:0;width:100%;height:50px;z-index:1000}.navbar-logo{display:flex;align-items:center;color:black;text-decoration:none;font-size:var(--font-size-logo);transition:color var(--transition);z-index:1000}.logo-svg{width:72px;height:72px}@media(min-width:768px){.logo-svg{width:150px;height:150px}}.desktop-menu{display:flex;gap:30px;flex:1;justify-content:center;align-items:center}.desktop-menu li{position:relative}.desktop-menu li a{text-transform:uppercase;padding:5px;transition:0.3s;color:black}.desktop-menu li a:hover{font-weight:bold;text-decoration:underline}.desktop-menu .has-submenu:hover .submenu{display:flex;flex-direction:column}.desktop-menu .has-submenu .submenu{position:absolute;top:100%;left:0;background:white;border:1px solid black;display:none;min-width:220px;flex-direction:column;margin-top:10px}.submenu li{padding:10px}.submenu li a{text-transform:uppercase;color:black}.hire-btn{padding:10px 20px;border:1px solid black;color:black;cursor:pointer;background:transparent}.desktop-hire{display:block}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:30px;height:30px;cursor:pointer;position:relative;z-index:1001}.hamburger span{width:34px;height:1.8px;background:black;border-radius:2px;transform-origin:center;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.25s ease}.hamburger.active span:nth-child(1){transform:translateY(5px) rotateX(180deg) rotate(45deg)}.hamburger.active span:nth-child(2){transform:translateY(-5px) rotateX(180deg) rotate(-45deg)}.hamburger.active span{perspective:500px;box-shadow:0 0 5px rgba(0,0,0,0.25)}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:white;color:black;flex-direction:column;justify-content:center;align-items:center;z-index:1000;transition:opacity 0.4s ease}.mobile-menu ul{display:flex;flex-direction:column;gap:20px;text-align:center}.mobile-submenu-items{display:none;flex-direction:column;margin-top:10px}.mobile-submenu-items li{margin:5px 0}@media(max-width:1024px){.desktop-menu,.desktop-hire{display:none}.hamburger{display:flex}}
