/* Only the media area of selected homepage projects. Archive and other sections are untouched. */
#proiecte .project-snapshot{height:auto;min-height:0;isolation:isolate;background:#020805}
#proiecte .project-snapshot .project-browser-bar{position:relative;inset:auto}
#proiecte .project-snapshot__actions{display:flex;align-items:stretch;gap:8px;padding:12px 16px;border-top:1px solid var(--green-line)}
#proiecte .project-snapshot__tabs{display:flex;flex:2;min-width:0;gap:8px}
#proiecte .project-snapshot [hidden]{display:none!important}
#proiecte .project-snapshot__actions .button{flex:1;min-width:0;min-height:44px;padding:10px 12px;font-size:11px;line-height:1.4;letter-spacing:.06em;white-space:normal;text-align:center;overflow-wrap:anywhere}
#proiecte .project-snapshot__actions .project-snapshot__visit{flex:1.4;color:var(--green)}
#proiecte .project-snapshot__tabs [aria-selected=true]{color:#001d13;background:var(--green);border-color:var(--green)}
#proiecte .project-snapshot__stage{position:relative;background:radial-gradient(ellipse at center,rgba(0,245,155,.045),transparent 75%)}
#proiecte .project-snapshot__panel{position:relative}
#proiecte .project-snapshot--paired:not([data-ready])[data-initial=mobile] [data-preview-panel=desktop],
#proiecte .project-snapshot--paired:not([data-ready])[data-initial=desktop] [data-preview-panel=mobile],
#proiecte .project-snapshot--paired:not([data-ready])[data-initial=auto] [data-preview-panel=mobile]{display:none}
#proiecte .project-snapshot__image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;width:100%;overflow:hidden}
#proiecte .project-snapshot__image img{display:block;position:static;width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;object-position:center;transform:none;transition:none}
#proiecte .project-snapshot__empty{display:grid;place-content:center;min-height:260px;margin:0;padding:24px;color:var(--white);font-size:16px;line-height:1.6;text-align:center}
#proiecte .project-snapshot :focus-visible{outline:2px solid var(--green);outline-offset:-4px}
@media(max-width:760px){
  #proiecte .project-snapshot--paired:not([data-ready])[data-initial=auto] [data-preview-panel=desktop]{display:none}
  #proiecte .project-snapshot--paired:not([data-ready])[data-initial=auto] [data-preview-panel=mobile]{display:block}
  #proiecte .project-snapshot__image{aspect-ratio:9/16}
  #proiecte .project-snapshot__actions{padding:10px 8px;gap:6px}
  #proiecte .project-snapshot__tabs{gap:6px}
  #proiecte .project-snapshot__actions .button{padding:10px 6px;font-size:10px;letter-spacing:.02em}
}