/* Fibonacci rhythm: 8px gap, 13px padding, 21–34px type, mark matching both text lines. */
.menu-toggle { display: none; }
@media (max-width: 700px) {
 body .site-header { align-items: center; flex-wrap: wrap; gap: 13px; padding: 13px 21px; }
 body .site-header .brand { font-size: clamp(21px, 6.7vw, 34px); line-height: 1; gap: 8px; letter-spacing: -.045em; max-width: calc(100% - 57px); }
 body .site-header .house-mark { width: 2em; height: 2em; }
 .site-header .brand-text > span { display: block; white-space: nowrap; }
 .site-header .menu-toggle:not([hidden]) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; flex: none; width: 44px; height: 44px; margin-left: auto; padding: 8px; border: 1px solid #dce5df; border-radius: 8px; background: #fff; color: var(--primary); cursor: pointer; }
 .menu-toggle span { width: 21px; height: 2px; background: currentColor; border-radius: 2px; }
 .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
 .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
 .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
 .menu-toggle:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
 body .site-header nav { width: 100%; flex-direction: column; align-items: stretch; gap: 0; padding-top: 8px; border-top: 1px solid var(--line); font-size: 16px; }
 body .site-header nav[hidden] { display: none; }
 body .site-header nav > a:not(.btn) { padding: 13px 8px; min-height: 44px; }
}
@media (max-width: 700px) {
 body .sticky-quote { padding: 8px max(13px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(13px,env(safe-area-inset-left)); }
 body .sticky-quote a.btn { white-space: nowrap; width: 100%; max-width: 377px; min-height: 44px; padding: 13px 8px; gap: 8px; font-size: clamp(13px,3.6vw,16px); line-height: 1; border-radius: 13px; }
}
body .site-header .menu-toggle::after { content: none; display: none; }
body .site-header .menu-toggle > span { display: block; flex: none; }