#mobile-shell,#mobile-info,#mobile-projects,#mobile-cover-zoom,#mobile-contact,#mobile-start-covers{display:none}
@media(max-width:749px){
 body.mobile-mode #overview,body.mobile-mode #project-view,body.mobile-mode #preview,body.mobile-mode #project-nav,body.mobile-mode #filter-nav,body.mobile-mode #project-heading,body.mobile-mode #about{display:none!important}
 body.mobile-mode .bio{z-index:100;top:calc(40px + env(safe-area-inset-top,0px));left:12px;right:12px;width:auto;font-size:max(16px,var(--text-size));line-height:1.35;max-height:42dvh;overflow-y:auto;overscroll-behavior:contain;background:transparent;scrollbar-width:thin;transform:translateY(calc(-1 * var(--mobile-bio-shift,0px)));opacity:1}
 body.mobile-mode #language-switch{top:calc(12px + env(safe-area-inset-top,0px));left:auto;right:12px;font-size:var(--text-size);line-height:var(--line-height);gap:3px;transform:translateY(calc(-1 * var(--mobile-language-shift,0px)));background:transparent}
 body.mobile-mode .contact{margin-top:12px;font-size:14px;line-height:19px;visibility:hidden}
 body.mobile-mode #mobile-contact{display:block;position:fixed;top:var(--mobile-contact-top,240px);left:12px;right:12px;z-index:111;font:14px/19px var(--font);background:transparent}
 body.mobile-collapsed .bio{pointer-events:none}
 body.mobile-mode #desktop-copyright{display:none;left:12px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:111}
 body.mobile-mode.mobile-at-end #desktop-copyright{display:block}
 body.mobile-mode.mobile-at-end #mobile-info{bottom:calc(28px + env(safe-area-inset-bottom,0px));height:calc(clamp(112px,24svh,180px) - 28px);padding-bottom:12px}
 body.mobile-mode #back{display:none!important}
 body.mobile-mode #fullscreen-stage{touch-action:pan-y pinch-zoom}
 body.mobile-mode #header::before{display:none}
 body.mobile-mode #mobile-shell{display:block;position:fixed;inset:0;z-index:5}
 #mobile-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-padding-top:var(--mobile-top,360px);-webkit-overflow-scrolling:touch}
 .mobile-intro{height:100svh;position:relative;min-height:calc(var(--mobile-top,360px) + 160px)}
 .mobile-mini-grid{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:12px;right:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:center}
 body.mobile-mode #mobile-start-covers{display:grid;position:fixed;z-index:6}
 .mobile-mini-grid a{display:block;min-width:0;touch-action:none}
 .mobile-mini-grid img,.mobile-mini-grid video{width:100%;height:auto}
 .mobile-project-section{position:relative;width:100%;height:calc(100svh - var(--mobile-collapsed-top,88px) - var(--mobile-dock-height,64px));min-height:140px}
 .mobile-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain}
 .mobile-track::-webkit-scrollbar{display:none}
 .mobile-slide{flex:0 0 100%;min-width:0;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}
 .mobile-slide img,.mobile-slide video{width:100%;height:100%;object-fit:contain;object-position:center;max-height:100%;user-select:none;-webkit-user-drag:none}
 body.mobile-mode #mobile-info{display:block;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:110;background:transparent;height:calc(clamp(112px,24svh,180px) + env(safe-area-inset-bottom,0px));padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;font:14px/20px var(--font);opacity:var(--mobile-info-opacity,0)}
 #mobile-meta{color:var(--muted);font-size:12px;line-height:17px;margin-bottom:8px}
 .mobile-info-actions{display:flex;gap:16px;align-items:center;margin-top:8px}
 .mobile-info-actions button{min-height:28px;font-size:12px;line-height:18px}
 #mobile-count{margin-left:auto;font-size:12px;white-space:nowrap}
 #mobile-description{position:static;background:transparent;font-size:14px;line-height:20px}
 #mobile-description p,#mobile-description a{display:block;margin-bottom:8px}
 #mobile-description a{text-decoration:underline}
 body.mobile-mode #mobile-projects{display:block;position:fixed;left:0;right:0;top:var(--mobile-projects-top,600px);bottom:auto;z-index:112;padding:4px 12px;background:transparent;font:12px/14px var(--font);opacity:var(--mobile-dock-opacity,0)}
 #mobile-project-strip{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:6px;row-gap:0;overflow:visible}
 #mobile-projects button{display:flex;align-items:center;width:100%;min-width:0;min-height:20px;padding:1px 0 4px;font-size:12px;line-height:13px;text-align:left;overflow-wrap:anywhere;margin:0;white-space:normal;text-decoration:none}
 #mobile-projects button.active{text-decoration:none}
 #mobile-project-indicator{position:absolute;left:0;top:0;height:3px;background:var(--accent);pointer-events:none;transition:transform 250ms var(--ease),width 250ms var(--ease)}
 body.mobile-mode #mobile-cover-zoom{position:fixed;z-index:6;pointer-events:none;overflow:hidden}
 #mobile-cover-zoom img,#mobile-cover-zoom video{width:100%;height:100%;object-fit:contain}
 .mobile-empty{padding:24px;margin-top:var(--mobile-top,360px);font-size:14px}
 .mobile-footer{height:calc(var(--mobile-dock-height,64px) + 36px);padding:12px}
}

@media(max-width:389px){#mobile-project-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}