.header-menu { display:none; }
@media(max-width:640px) {
 .lp-column>header { position:relative; height:auto; min-height:76px; padding:12px 14px; display:flex; flex-wrap:nowrap; gap:8px; z-index:20; }
 .lp-column>header .brand-image { flex:1; min-width:0; }
 .lp-column>header .brand-image img { width:190px; max-width:100%; height:auto; }
 .lp-column>header>nav { flex:none; gap:0; }
 .lp-column>header .small-cta { font-size:.875rem; white-space:nowrap; padding:10px; }
 .header-menu { display:block; flex:none; }
 .header-menu>summary { width:44px; height:44px; padding:10px; display:flex; flex-direction:column; justify-content:center; gap:5px; border:1px solid #ccd2c1; border-radius:10px; background:#fffdf8; color:#4b583b; }
 .header-menu>summary i { display:block; width:22px; height:2px; border-radius:2px; background:currentColor; }
 .header-menu[open]>summary i:first-child { transform:translateY(7px) rotate(45deg); }
 .header-menu[open]>summary i:nth-child(2) { opacity:0; }
 .header-menu[open]>summary i:last-child { transform:translateY(-7px) rotate(-45deg); }
 .header-menu { border:0; padding:0; }
 .header-menu nav { position:absolute; top:calc(100% - 1px); left:14px; right:14px; display:grid; gap:0; padding:8px 18px; border:1px solid #d5dccb; border-radius:0 0 16px 16px; background:#fffdf8; box-shadow:0 14px 26px #34422b1f; }
 .header-menu nav>a { display:block; padding:14px 2px; color:#34422b; font-size:1rem; font-weight:700; line-height:1.5; border-bottom:1px solid #e4e7dc; }
 .header-menu nav>a:last-child { border-bottom:0; }
 .header-menu nav>a:hover { color:#cc572f; }
}