.mobile-menu{display:none}
@media(max-width:700px){
header{position:sticky;flex-wrap:wrap;gap:10px}
.mobile-menu{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 15px;background:transparent;color:var(--ink);border:1px solid #a3ad92;border-radius:25px;font-size:13px;cursor:pointer}
.mobile-menu:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.mobile-menu span{font-size:18px;transition:transform .2s}
.mobile-menu[aria-expanded=true] span{transform:rotate(45deg)}
#main-navigation{display:none;width:100%;padding:8px 0 5px;gap:6px;grid-template-columns:1fr 1fr}
#main-navigation.is-open{display:grid}
#main-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 12px;background:#e8eadf;border-radius:5px;font-size:14px}
#main-navigation a:nth-child(3){display:flex}
#main-navigation a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.project-index a:nth-child(3){display:grid}
.project-index a{min-height:84px}
.project-index span{font-size:12px}
.project-index strong{font-size:15px}
.project-consult a,.project-consult .project-back,.service-consult,.service-example,.contact-link,.copy-email-group button{min-height:44px}
.project-consult a{max-width:100%;font-size:13px;gap:12px}
.gofio-label,.gofio-hero-bottom,.gofio-case small,.nexus-tag,.forma-eyebrow,.forma-art-label,.frame-phone small,.frame-script>.nexus-tag,.setup-screen-title,.setup-screen-note{font-size:11px;letter-spacing:1px}
.menu-brand span,.menu-foot,.social-bottom{font-size:10px;line-height:1.6}
.social-sheet{min-height:330px}.social-sheet h4{font-size:38px;margin-top:45px}.social-bottom{padding-top:20px}
.nexus-channel,.forma-nav button,.forma-cta,.forma-option,.setup-tab,.frame-scene{min-height:44px;font-size:13px}
.nexus-topbar{flex-wrap:wrap}.nexus-topbar small,.nexus-category,.nexus-message strong,.nexus-role-list span,.forma-option span,.forma-selection,.nova-post figcaption,.nova-ad .nova-ad-note,.nova-calendar p,.frame-scene span{font-size:12px}
.nexus-content h4{font-size:29px}.nexus-topbar small{letter-spacing:.5px}
.nexus-foot,.note,.service-expanded small{font-size:12px}
.nova-art small,.nova-calendar th{font-size:11px;letter-spacing:.5px}
.nova-calendar table{font-size:12px}.nova-calendar th,.nova-calendar td{padding:12px 5px}
.setup-camera,.setup-mixer{font-size:11px}.setup-bar span{font-size:10px;letter-spacing:.7px}.setup-bar{flex-wrap:wrap}
.frame-scenes{grid-template-columns:1fr}.frame-scene{display:flex;gap:15px;align-items:center;padding:13px}.frame-scene span{margin:0;min-width:65px}
.frame-caption{font-size:13px}.about-photo-label{font-size:10px;letter-spacing:.4px;left:27px;right:3px;bottom:3px;line-height:1.5}.about-photo{padding-bottom:35px}
}
@media(max-width:380px){.project-index{grid-template-columns:1fr}.gofio-hero{padding:25px 17px}.gofio-wordmark{font-size:80px}.gofio-piece{padding:25px 18px 18px}.social-sheet{padding:22px}.social-sheet h4{font-size:35px}.service-expanded{margin-left:20px;padding:16px}.forma-nav{gap:12px;padding:18px}.forma-nav button{font-size:12px;padding:10px}.nexus-content{padding:20px}.nexus-message{gap:10px}.frame-board{padding:20px}.nova-art{padding:25px}}