/* One continuous, softened material surface frames each complete album. */
.portfolio-evolved #project-dialog{
  --album-ink:#f7f5ef;
  --album-muted:#d4d7d1;
  --album-line:#b9934259;
  color:var(--album-ink);
  background:#111413;
  border:1px solid var(--album-line);
  scrollbar-color:#837453 #111413;
}
#project-dialog .album-surface{position:relative;isolation:isolate;min-height:100%;background:#111413}
#project-dialog .album-surface::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--surface) center/cover no-repeat;
  opacity:var(--surface-dark-opacity);filter:var(--surface-dark-filter);
}
#project-dialog :is(.album-layout,.dialog-media,.album-film,.dialog-copy,.album-photo-controls,.album-project-controls){background:transparent}
#project-dialog .dialog-copy h2{color:var(--album-ink)}
#project-dialog #dialog-description,#project-dialog #dialog-photo-caption,
#project-dialog .share-status,#project-dialog #dialog-count{color:var(--album-muted)}
/* Keep the sticky controls legible as the album scrolls beneath them. */
#project-dialog .album-toolbar{background:#111413b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--album-line)}
#project-dialog .album-toolbar .eyebrow,#project-dialog #dialog-photo-stage,
#project-dialog #album-watch{color:var(--gold-light)}
#project-dialog #close-dialog,#project-dialog .album-project-controls button,
#project-dialog #dialog-share{color:var(--album-ink)}
#project-dialog .album-caption,#project-dialog .album-project-controls,
#project-dialog .album-photo-controls{border-color:var(--album-line)}
#project-dialog .album-photo-controls{color:var(--album-ink)}
#project-dialog .album-photo-controls button{color:var(--album-ink);border-color:#d5bc8280;background:#11141366}
#project-dialog .album-photo-controls button:hover{background:#d5bc8226}
#project-dialog .album-thumbnails button{background:#252a27;opacity:.82}
#project-dialog .album-thumbnails button[aria-pressed=true]{border-color:var(--gold-light);opacity:1}
#project-dialog .album-thumbnails button:hover{opacity:1}
#project-dialog .inspiration-save{color:var(--album-ink);border-color:#d5bc8280;background:#11141366}
#project-dialog .inspiration-save:hover{border-color:var(--gold-light);background:#d5bc821a}
#project-dialog .inspiration-save[aria-pressed=true]{color:#e7f1e9;background:#20543d;border-color:#9dbbaa}
#project-dialog .dialog-copy .button.dark{color:#121414;background:#f4f0e5;border:1px solid var(--gold-light);border-bottom:2px solid var(--gold-line)}
#project-dialog .dialog-copy .button.dark:hover{background:var(--gold-light)}
#project-dialog #dialog-share{border-color:#d5bc8280}
#project-dialog .album-project-controls button:hover,#project-dialog #album-watch:hover{color:var(--gold-light);text-decoration:underline;text-underline-offset:4px}
#project-dialog :is(button,a):focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}
@media(max-width:600px){
  .portfolio-evolved #project-dialog{border:0}
}