body #project-panel #panel-images .media-gallery-row{grid-template-columns:repeat(var(--project-columns,2),minmax(0,1fr));gap:var(--project-gap,20px)}
body #project-panel #panel-images .media-gallery-section{gap:var(--project-gap,20px)}
body #project-panel #panel-images .media-gallery-row>.media-full-width{grid-column:1/-1;width:auto;max-height:800px}
body #project-panel #panel-images .media-gallery-section[data-layout=portraits] .media-gallery-row{grid-template-columns:repeat(2,minmax(0,1fr))}
body #project-panel #panel-images .media-gallery-section[data-layout=single] .media-gallery-row{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){
 body #project-panel #panel-images .media-gallery-section .media-gallery-row{grid-template-columns:repeat(var(--project-mobile-columns,1),minmax(0,1fr));gap:var(--project-gap,12px)}
 body #project-panel #panel-images .media-gallery-section[data-layout=single] .media-gallery-row{grid-template-columns:minmax(0,1fr)}
 body #project-panel #panel-images .media-gallery-row :is(img,video){min-width:0;width:100%;max-height:70svh;object-fit:contain}
 body #project-panel{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;box-shadow:none;overscroll-behavior:contain}
 body #project-panel .panel-head{padding:12px 20px;gap:12px;align-items:center}
 body #project-panel #panel-title{font-size:26px;line-height:1.1;overflow-wrap:anywhere}
 body #project-panel #panel-client{font-size:13px}
 body #project-panel #panel-close{font-size:0;min-width:44px;min-height:44px;padding:0;border:0;flex-shrink:0}
 body #project-panel #panel-close::after{content:'×';font:28px/1 Arial,sans-serif}
 body #project-panel #panel-close:focus:not(:focus-visible){outline:none}
 body #project-panel .panel-body{padding:20px 20px max(24px,env(safe-area-inset-bottom));gap:24px}
 body #project-panel .panel-body aside{font-size:16px;line-height:1.5}
 body #project-panel #panel-category{font-size:12px;margin-bottom:12px}
 body #project-panel #panel-film{margin-top:16px}
 body,body[data-markdock-position=on],body[data-markdock-position=on][data-mark-position=right]{padding-left:0!important;padding-right:0!important}
 body .page{width:100%!important;max-width:100%!important;margin:0!important;padding:0 20px!important}
 body .site-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:26px 0 0!important;margin:0!important;transform:none!important}
 body .site-header h1{font-size:min(12.6vw,var(--name-fit-limit,999px))!important;line-height:.94!important;letter-spacing:-.025em!important;max-width:100%;transform:none!important}
 body .site-header .specialties{display:flex!important;flex-wrap:wrap!important;gap:4px 14px!important;font-size:14px!important;line-height:1.4!important;margin:0!important;padding:0!important;max-width:100%!important;transform:none!important}
 body .site-header nav{display:flex!important;gap:22px!important;margin:0!important;padding:0!important;font-size:14px!important;transform:none!important}
 body .site-header nav a{display:inline-flex;align-items:center;min-height:44px}
 body .heading{margin:26px 0 20px!important;padding:0!important;transform:none!important;justify-content:flex-start!important}
 body .heading h2{font-size:25px!important;line-height:1.1!important;text-align:left!important;transform:none!important}
 body .project-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 body .project-grid>article{transform:none!important;margin:0!important;padding:0!important}
 body .tile-caption{margin:10px 0 0!important;padding:0!important}
 body .tile-caption :is(strong,.project-heading,.project-brand,.project-client,.project-title){font-size:14px!important;line-height:1.3!important}
 body .tile-caption{font-size:14px!important;line-height:1.3!important}
 body .about .bio-lead,body .about .bio-details p{font-size:16px!important;line-height:1.5!important}
 body .mark-dock{display:none!important}
 body .floating-mark{position:relative!important;inset:auto!important;display:flex;align-items:center;justify-content:center;margin:28px auto max(24px,env(safe-area-inset-bottom))!important;width:44px!important;height:44px!important;transform:none!important;animation:none!important;font-size:16px!important}
 body[data-float-position=off] .floating-mark{display:none!important}
}

/* Two-column mobile project index and a complete footer monogram. */
@media(max-width:700px){
 body .project-grid{grid-template-columns:repeat(var(--mobile-grid-columns,2),minmax(0,1fr))!important;column-gap:12px!important;row-gap:24px!important}
 body .project-grid>article,body .project-tile{min-width:0;width:100%}
 body .project-grid .thumbnail{height:auto!important;min-height:0!important;aspect-ratio:16/9}
 body .project-grid .thumbnail>.video-thumbnail:not(.hover-still){min-height:0!important}
 body .project-grid .tile-caption{margin-top:8px!important;font-size:12px!important}
 body .project-grid .tile-caption :is(strong,.project-heading,.project-brand,.project-client,.project-title){font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere}
 body .floating-mark{border:1px solid var(--mark-color,var(--accent))!important;border-radius:0!important;box-sizing:border-box!important;background:var(--page-bg,#fff)!important;color:var(--mark-color,var(--accent))!important;clip-path:none!important;overflow:visible!important}
 body .floating-mark::before,body .floating-mark::after{display:none!important}
 body .floating-mark .mark-letters{transform:none!important;animation:none!important;padding:0!important}
}