/* Mobile drawer — fully hide off-screen content (fixes menu text bleeding onto page) */
#nav-drawer {
    transform: translateX(-100%);
    visibility: hidden;
    pointer-events: none;
}

#nav-drawer.is-open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
}

#nav-drawer .drawer-title,
#nav-drawer > div:first-child h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.75rem, 8vw, 2.25rem);
    line-height: 1.1;
}

.mobile-page-title {
    font-size: clamp(2rem, 11vw, 3rem);
    line-height: 1.05;
}