.mobile-menu-toggle,.mobile-menu{display:none}
@media(max-width:700px){
 html{overflow-x:hidden}
 body:not(.home){--mobile-gutter:20px;--mobile-header:88px;overflow-x:hidden;min-width:0}
 body:not(.home) #app{padding-top:var(--mobile-header);width:100%;overflow-x:clip}
 body.mobile-menu-open{overflow:hidden}
 .site-header{position:fixed!important;inset:0 0 auto!important;height:var(--mobile-header)!important;min-height:0!important;padding:20px var(--mobile-gutter)!important;background:#000!important;z-index:60!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}
 .site-header .site-name{position:static!important;display:flex!important;gap:.18em!important;transform:none!important;margin:0!important;width:auto!important;max-width:calc(100% - 52px)!important;font-size:clamp(30px,9.5vw,44px)!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important}
 .site-header .site-name span{position:static!important;transform:none!important;display:inline!important}
 .site-header .switch,.portfolio-sidebar{display:none!important}
 .mobile-menu-toggle{position:absolute;right:16px;top:22px;display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;color:#fff;z-index:62}
 .mobile-menu-toggle span{display:block;width:24px;height:2px;background:currentColor}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mobile-menu:not([hidden]){display:flex;position:fixed;inset:var(--mobile-header) 0 0;z-index:59;background:#000;color:#fff;padding:28px var(--mobile-gutter) max(28px,env(safe-area-inset-bottom));flex-direction:column;gap:32px;overflow-y:auto;font:14px/1.5 var(--mono)}
 .mobile-menu nav{display:flex;flex-direction:column;gap:14px}
 .mobile-menu nav a{font-size:17px;align-self:flex-start}
 .mobile-menu a[aria-current]{color:var(--landing-red);font-style:italic;text-decoration:underline}
 .mobile-menu .instagram-link{position:static!important;display:flex!important;align-items:center;gap:12px;width:auto!important;margin-top:auto}
 .mobile-menu .instagram-handle{position:static!important;display:block!important;max-width:none!important;width:auto!important;opacity:1!important;transform:none!important;transition:none!important;white-space:normal!important;font-size:12px}
 .mobile-switch{font-size:12px;border-top:1px solid #444;padding-top:20px}
 :is(.photography-theme,.dark) .work-page,:is(.photography-theme,.dark) .story,:is(.photography-theme,.dark) .about-page,:is(.photography-theme,.dark) .contact-page,.empty-gallery{position:relative!important;top:auto!important;transform:none!important;margin:0!important;padding:0 var(--mobile-gutter) 32px!important;width:100%!important;min-height:0!important;max-width:none!important;display:block!important}
 .work-intro{display:none!important}
 :is(.photography-theme,.dark) .project-track,.story .story-track{display:flex!important;flex-direction:column!important;gap:28px!important;overflow:visible!important;width:100%!important;padding:0!important;transform:none!important;top:0!important;left:auto!important;height:auto!important;max-height:none!important;scroll-snap-type:none!important}
 .project-card{display:block!important;flex:none!important;width:100%!important;padding:0!important;min-width:0!important}
 .project-image,.story-image{display:block!important;position:relative!important;flex:none!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3/4!important;margin:0!important;padding:0!important;overflow:hidden}
 .project-image img,.story-image img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:3/4!important;object-fit:cover!important;transform:none!important}
 .image-caption{display:block!important;margin-top:10px!important;width:100%!important}
 .image-caption strong{font-size:16px!important;line-height:1.25!important;overflow-wrap:anywhere}
 .caption-credits{display:block!important;font-size:10px!important;line-height:1.4!important;margin-top:5px!important;white-space:normal!important;overflow-wrap:anywhere}
 .view-project{font-size:10px!important;padding:7px 14px!important;left:12px!important;bottom:12px!important}
 .story{visibility:visible!important}
 .site-header .project-back{position:fixed!important;left:var(--mobile-gutter)!important;top:var(--mobile-header)!important;background:var(--paper);padding:12px 0!important;width:calc(100% - 40px);font:12px/1.35 var(--mono)!important;transform:none!important}
 body:has(.story) #app{padding-top:calc(var(--mobile-header) + 44px)}
 .story .story-bottom{width:100%!important;display:flex!important;flex-direction:column!important;gap:18px!important;margin-top:10px!important}
 .story .story-title{display:block!important;margin:0!important;width:100%!important}
 .story .story-title h1{font-size:20px!important;line-height:1.2!important;transform:none!important;margin:0!important;max-width:100%!important;overflow-wrap:anywhere}
 .story .story-publication{font-size:12px!important;line-height:1.4!important;margin:6px 0 0!important}
 .story-bottom .credits{width:100%!important;margin:0!important}
 .story-bottom .credits div{font-size:11px!important;line-height:1.4!important;grid-template-columns:100px minmax(0,1fr)!important;gap:12px!important;margin-bottom:4px!important}
 .story-bottom .credits dd{text-align:left!important;overflow-wrap:anywhere}
 :is(.photography-theme,.dark) .portfolio-about,:is(.photography-theme,.dark) .contact-page,.empty-gallery{padding-top:20px!important}
 .portfolio-about .about-lead,.portfolio-about :is(blockquote,.about-middle),.portfolio-about .about-reflection,.contact-intro{font-size:14px!important;line-height:1.45!important}
 .contact-page form,.contact-intro{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
 .contact-page .email-link{font-size:inherit!important}
 .field-row{display:block!important}form label{font-size:12px!important}input,textarea{font-size:16px!important}
 #lightbox{padding:48px 20px 100px!important;--viewer-image-width:min(calc(100vw - 80px),calc(48svh * .75))}
 #lightbox .lightbox-stage{height:48svh!important}.lightbox-image img{height:100%!important;max-width:100%!important;object-fit:contain!important}
 #lightbox .lightbox-close{top:18px!important;right:20px!important;font-size:12px!important}
 #lightbox .viewer-credits{font-size:10px!important;right:20px!important;max-width:calc(100vw - 40px)}
 .lightbox-controls{font-size:11px!important;gap:24px!important;bottom:20px!important}.lightbox-side{font-size:24px!important}
}
@media(max-width:700px){body.mobile-menu-open .site-header .project-back{display:none!important}}