/* Real MYGROUP photographs; retained visual directions. */
.real-portfolio .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 40px}
.real-portfolio .work-grid .work-card{width:100%;grid-column:auto;margin:0}
.real-portfolio .work-grid[data-filter="all"] .work-card:first-child,.real-portfolio .work-grid[data-filter="all"] .work-card:last-child{grid-column:1/-1;width:100%}
.real-portfolio .work-grid .work-card .work-image{height:480px}
.real-portfolio .work-grid[data-filter="all"] .work-card:first-child .work-image{height:650px}
.real-portfolio .work-grid[data-filter="all"] .work-card:last-child .work-image{height:600px}
.real-portfolio .work-card .work-image img{object-position:center;filter:none;transform:none}
.real-portfolio .work-open:hover .work-image img{transform:scale(1.035)}
.real-portfolio .work-grid .work-caption{grid-template-columns:1fr;gap:12px}
.real-portfolio .work-grid .work-caption h3{font-size:clamp(30px,3vw,48px);letter-spacing:-1.5px}
.real-portfolio .filters{display:flex;flex-wrap:wrap;row-gap:10px}
.real-portfolio .filters button{border:1px solid var(--line)}
.project-dialog .dialog-img{display:block;width:100%;height:min(68vh,740px);object-fit:contain;background:#101210}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:24px;background:#101210;color:#f5f1e9;padding:14px}
.gallery-controls button{width:48px;height:44px;color:inherit;border:1px solid #ffffff55;background:transparent;font-size:20px}
.gallery-controls button:hover{background:#ffffff20}
.gallery-count{font-size:11px;letter-spacing:2px;min-width:70px;text-align:center}
.company-panorama img{object-position:50% 50%}
@media(max-width:760px){
 .real-portfolio .work-grid{grid-template-columns:1fr;gap:42px}
 .real-portfolio .work-grid[data-filter="all"] .work-card:first-child,.real-portfolio .work-grid[data-filter="all"] .work-card:last-child{grid-column:auto}
 .real-portfolio .work-grid .work-card .work-image,.real-portfolio .work-grid[data-filter="all"] .work-card:first-child .work-image,.real-portfolio .work-grid[data-filter="all"] .work-card:last-child .work-image{height:360px}
 .real-portfolio .work-grid .work-caption h3{font-size:31px;overflow-wrap:anywhere}
 .real-portfolio .filters button{padding:12px 13px;font-size:9px;min-height:45px}
 .project-dialog .dialog-img{height:52svh;min-height:220px}
}

/* Browse larger photographic sets without losing the project context. */
.gallery-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:8px;padding:8px 24px 24px;background:#101210}
.gallery-thumbnail{aspect-ratio:4/3;padding:3px;background:transparent;border:1px solid #ffffff26;opacity:.62;min-height:48px}
.gallery-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-thumbnail[aria-pressed="true"]{border:2px solid var(--accent);opacity:1}
.gallery-thumbnail:hover,.gallery-thumbnail:focus-visible{opacity:1}
.gallery-caption{padding:0 24px 12px;margin:0;background:#101210;color:#e2ded5;text-align:center;font-size:11px;letter-spacing:.4px}
.real-portfolio .photo-count{position:absolute;z-index:2;bottom:20px;right:20px;padding:10px 13px;background:#101210d9;color:#fff;font-size:10px;letter-spacing:1px;border:1px solid #ffffff4d;backdrop-filter:blur(8px)}
@media(max-width:760px){.gallery-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 16px 20px;gap:6px}.gallery-caption{font-size:10px;padding-inline:16px}.project-dialog .dialog-img{height:46svh}.real-portfolio .photo-count{bottom:15px;right:15px;font-size:9px}}
.gallery-thumbnails{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d1a574 #20231f;max-width:100%;padding-block:8px 18px}
.gallery-thumbnail{flex:0 0 90px;height:68px;aspect-ratio:auto}
.project-dialog .dialog-img{height:min(54vh,640px)}
@media(max-width:760px){.gallery-thumbnail{flex-basis:72px;height:56px}.project-dialog .dialog-img{height:44svh}}

.gallery-closebar{position:sticky;top:0;height:0;z-index:10}.project-dialog .gallery-closebar .dialog-close{position:absolute;top:12px;right:12px;box-shadow:0 4px 20px #0005}