.work-bar{display:flex;justify-content:space-between;align-items:center}
.portfolio-label{font-size:12px;letter-spacing:.09em;font-weight:500;text-align:right}
.project-tile{cursor:default}
@media(max-width:700px){
 .work-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
}

/* Official screenshots retain their own proportions and existing motion. */
#work .project-tile{width:var(--tile-width,18.3%);aspect-ratio:var(--tile-ratio,1.92)}
#work .project-concept .tile-caption{transform:none}
@media(max-width:700px){#work .project-tile{width:100%}}

/* All supplied prints share the approved floating composition and mobile stack. */
@media(max-width:700px){#work .project-tile:nth-child(n+8){display:block}}

/* Mobile archive: full project groups, preserving the existing stacked design. */
@media(max-width:800px){
 #work{padding:24px 18px}
 #work .gallery-stage{height:auto;min-height:0;max-height:none;margin:30px 0 25px}
 #work .gallery-center{position:relative;inset:auto;transform:none;width:100%;padding:15px 0 35px}
 #work .gallery-center h2{font-size:44px;margin:15px 0}
 #work .gallery-eyebrow{font-size:7px}
 #work .gallery-instruction{font-size:12px;margin-top:17px}
 #work .gallery-map{position:relative;inset:auto;display:flex;flex-direction:column;gap:18px;transform:none!important}
 #work .project-tile{position:relative!important;left:auto!important;top:auto!important;width:100%;display:block;flex:none;order:var(--mobile-order)}
 #work .project-tile img{filter:none}
 #work .project-tile .tile-caption{transform:none;font-size:11px!important;padding:25px 12px 12px}
 #work .work-foot{font-size:7px;flex-wrap:wrap;gap:15px;line-height:1.5}
 #work .work-disclosure{font-size:8px;text-align:left;line-height:1.5;margin-top:15px}
}

/* Responsive editorial wall. Project families remain together on the explorable canvas. */
@media(min-width:801px){
 #work .gallery-stage{height:calc(100svh - 160px);min-height:540px;max-height:1180px;margin:20px 0 16px;overflow:clip;touch-action:pan-y}
 #work .gallery-map{inset:auto;left:calc(50% - var(--desktop-canvas-width,2400px)/2);top:calc(50% - var(--desktop-canvas-height,1550px)/2);width:var(--desktop-canvas-width,2400px);height:var(--desktop-canvas-height,1550px)}
 #work .gallery-center{left:var(--desktop-title-x,1200px);top:var(--desktop-title-y,720px);width:var(--desktop-title-width,min(700px,49vw))}
 #work .portfolio-group{position:absolute;left:var(--desktop-case-x,var(--case-x));top:var(--desktop-case-y,var(--case-y));width:var(--desktop-case-width,0px);height:var(--desktop-case-height,0px)}
 #work .portfolio-group-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #work .portfolio-track{display:contents}
 #work .project-tile{position:absolute;left:var(--desktop-screen-x,var(--screen-x));top:var(--desktop-screen-y,var(--screen-y));width:var(--desktop-screen-width,var(--screen-width));margin:0;overflow:visible;background:transparent;cursor:default}
 #work .project-tile img{display:block;object-fit:contain;filter:none;transform:none}
 #work .tile-caption{inset:100% 0 auto;padding:4px 0 0;background:none;color:var(--ink);font-size:9px!important;line-height:1.4;letter-spacing:.055em;opacity:0;transform:none}
 #work .project-tile:hover,#work .project-tile:focus-visible{box-shadow:none;z-index:6}
 #work .project-tile:hover img,#work .project-tile:focus-visible img{transform:scale(1.02);filter:none}
 #work .project-tile:hover .tile-caption,#work .project-tile:focus-visible .tile-caption{opacity:1;transform:none}
 #work .project-tile:focus-visible{outline:1px solid currentColor;outline-offset:5px}
 #work .gallery-stage:focus-visible{outline:1px solid var(--line);outline-offset:-1px}
}
@media(max-width:800px){
 #work .gallery-map{display:block}
 #work .portfolio-group{position:relative;margin-bottom:55px}
 #work .portfolio-group:nth-of-type(3n+2){padding-top:10px}
 #work .portfolio-group-heading{display:block;font-size:9px;letter-spacing:.065em;line-height:1.5;margin:0 0 16px;font-weight:500;text-transform:uppercase}
 #work .portfolio-track{display:flex;flex-direction:column;gap:18px;overflow:visible;padding:0;scroll-snap-type:none;touch-action:pan-y}
 #work .portfolio-track .project-tile{width:100%;margin:0;border-radius:0;overflow:visible;scroll-snap-align:none;aspect-ratio:auto;background:transparent;box-shadow:none}
 #work .portfolio-track .project-tile:nth-child(n+2){width:78%;align-self:flex-end}
 #work .portfolio-track .project-tile:nth-child(3n){width:69%;align-self:flex-start}
 #work .portfolio-group:nth-of-type(even) .project-tile:nth-child(n+2){align-self:flex-start;width:83%}
 #work .portfolio-group:nth-of-type(even) .project-tile:nth-child(3n){align-self:flex-end;width:72%}
 #work .portfolio-track .project-tile img{display:block;filter:none;transform:none;object-fit:contain;height:auto;aspect-ratio:var(--tile-ratio)}
 #work .portfolio-track .tile-caption{position:relative;display:block;inset:auto;padding:7px 0 0;background:none;color:#737373;font-size:9px!important;line-height:1.4;letter-spacing:.025em;transform:none}
 #work .portfolio-track .project-tile:first-child .tile-caption{display:none}
 #work .gallery-stage{touch-action:pan-y}
 #work .gallery-instruction{font-size:12px}
}