/* Isolated mobile drawer: hidden until a deliberate click. */
.camille-instagram{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#5d5a54}
.camille-instagram svg{flex:none}
.camille-drawer,.camille-drawer-backdrop{display:none}
@media(max-width:820px){
  html.camille-drawer-open,body.camille-drawer-open{overflow:hidden!important}
  /* Disable legacy mobile navigation entirely; the independent drawer replaces it. */
  .unified-header .unified-nav,.studio-header .unified-nav,.mini-header .unified-nav{display:none!important}
  .unified-menu{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative!important;z-index:1!important;width:48px;height:48px;padding:0!important;border:0;background:transparent;cursor:pointer}
  .unified-menu span{display:block!important;width:25px!important;height:1px!important;margin:0!important;background:#57534c!important;transform:none!important;opacity:1!important}
  .camille-drawer-backdrop{display:block;position:fixed;inset:0;z-index:99990;background:rgba(29,27,25,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
  .camille-drawer{display:flex;position:fixed;inset:0 auto 0 0;z-index:99991;width:min(78vw,360px);height:100vh;height:100dvh;box-sizing:border-box;flex-direction:column;background:#f2efe8;transform:translate3d(-105%,0,0);visibility:hidden;pointer-events:none;transition:transform .28s ease,visibility .28s;overflow-y:auto;padding:28px 25px max(35px,env(safe-area-inset-bottom));box-shadow:4px 0 22px rgba(0,0,0,.08)}
  .camille-drawer.is-open{transform:translate3d(0,0,0);visibility:visible;pointer-events:auto}
  .camille-drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .camille-drawer-close{align-self:flex-start;border:0;background:none;font-size:34px;font-weight:200;line-height:1;color:#57534c;cursor:pointer;padding:5px 8px;margin:0 0 55px -8px}
  .camille-drawer-links{display:flex;flex-direction:column;gap:0}
  .camille-drawer-links a{display:flex;align-items:center;min-height:60px;border-bottom:1px solid #d8d2c8;color:#57534c;text-decoration:none;font:11px Montserrat,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
  .camille-drawer-links .client-login-link{margin-top:15px;border-bottom:0;font-size:10px}
  .camille-drawer-links .unified-book{margin-top:18px;min-height:55px;background:#57534c;color:white;justify-content:center;border:1px solid #57534c}
  .camille-drawer-links .camille-instagram{margin-top:32px;border:0;gap:10px}
  .camille-drawer-links .camille-instagram span{font:11px Montserrat,Arial,sans-serif;letter-spacing:.12em}
  body.camille-drawer-open .simple-mobile-book{visibility:hidden!important}
}
@media(prefers-reduced-motion:reduce){.camille-drawer,.camille-drawer-backdrop{transition:none!important}}
/* V3 category links: styles shared on every site page. The drawer remains hidden by default. */
.desktop-portfolio-group{display:inline-flex;align-items:center;position:relative;gap:1px}
.desktop-portfolio-group>.portfolio-desktop-toggle{background:transparent;border:0;width:22px;padding:3px;cursor:pointer;color:inherit;font:14px Montserrat,sans-serif}
.desktop-portfolio-submenu{position:absolute;left:-18px;top:100%;min-width:180px;padding:15px 10px;background:#f7f4ee;box-shadow:0 14px 24px rgba(40,36,30,.13);border:1px solid #d7d1c7;display:none;z-index:1500}
.desktop-portfolio-group:hover .desktop-portfolio-submenu,.desktop-portfolio-group:focus-within .desktop-portfolio-submenu,.desktop-portfolio-group.is-open .desktop-portfolio-submenu{display:flex;flex-direction:column}
.unified-nav .desktop-portfolio-submenu a{display:block;padding:12px 10px;font:10px Montserrat,sans-serif;letter-spacing:.1em;text-decoration:none;white-space:nowrap}
.desktop-portfolio-submenu a:hover{background:#ede8df}
.camille-drawer-portfolio-line{display:flex;align-items:center;gap:0;border-bottom:1px solid #d8d2c8}
.camille-drawer-portfolio-line a{flex:1;border:0!important}
.camille-drawer-portfolio-toggle{border:0;background:transparent;color:#57534c;width:45px;min-height:58px;cursor:pointer;font:20px Montserrat,sans-serif;align-self:center}
.camille-drawer-categories{display:none;flex-direction:column;padding:5px 0 12px 20px;background:#f2efe8}
.camille-drawer-categories.is-expanded{display:flex}
@media(max-width:820px){
 .desktop-portfolio-group>.portfolio-desktop-toggle,.desktop-portfolio-submenu{display:none!important}
 .camille-drawer-links .camille-drawer-categories a{min-height:41px;border:0;font-size:10px;letter-spacing:.1em;color:#777168}
 .camille-drawer-links .camille-drawer-portfolio-line a{min-height:60px}
}