* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #F7F4EE; }
body { overflow-x: hidden; }
.design-page { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; }
picture, picture img { display: block; width: 100%; height: auto; }
.menu-button { display: none; }
.mobile-menu { display: none; }
@media (max-width: 767px) {
  .menu-button { display: block; position: absolute; top: 20px; right: 20px; width: 100px; height: 38px; padding: 0; border: 0; border-radius: 19px; background: transparent; color: transparent; cursor: pointer; z-index: 3; }
  .menu-button:focus-visible { outline: 2px solid #87643A; outline-offset: 3px; }
  .mobile-menu[hidden] { display: none; }
  .mobile-menu { display: flex; position: fixed; inset: 0; z-index: 2; flex-direction: column; justify-content: center; gap: 24px; padding: 32px 20px; background: #F7F4EE; color: #003153; }
  .mobile-menu a { color: #003153; font: 700 18px Arial, sans-serif; letter-spacing: 1px; text-decoration: none; text-align: center; }
}