/* Hallmark · component refinement · theme: zzz light exhibition · genre: editorial · v2.0.0 */
/* Hallmark · critique: blue ink meets fired clay in the type, while warm sand and cool photographic paper alternate across the galleries; the controls remain neutral glass. */
:root{
  --paper:#f8f7f3;
  --white:#fdfcf9;
  --ink:#293438;
  --muted:#5c686d;
  --line:#d5dcdf;
  --blue-ink:#31536a;
  --clay-ink:#9e4c35;
  --warm-paper:#eee1d0;
  --warm-edge:#d8c6b0;
  --film-blue:#e6edf3;
  --live-blue:#e3ebf0;
  --closing-sand:#f0e1d5;
  --warm-rule:#d7c3b3;
  --accent:var(--clay-ink);
  --accent-ink:var(--white);
  --ambient-a:rgba(116,164,199,.25);
  --ambient-b:rgba(219,162,119,.23);
  --footer-paper:var(--closing-sand);
  --footer-ink:var(--blue-ink);
  --footer-muted:var(--muted);
  --footer-line:var(--warm-rule);
  --color-focus:var(--clay-ink);
}
.intro h1{color:var(--blue-ink)}
.intro-tagline{color:var(--clay-ink)}
.intro-description{border-color:var(--warm-rule)}
.wordmark{color:var(--blue-ink)}
.film-introduction h2,.format-landscape .format-heading h3{color:var(--blue-ink)}
.format-landscape .collection-tabs button[aria-selected=true]{color:var(--blue-ink)}
.format-landscape .collection-tabs button[aria-selected=true]::after{background:var(--blue-ink)}
.format-portrait{position:relative;isolation:isolate}
.format-portrait::before{content:'';position:absolute;z-index:-1;inset:calc(-1 * var(--space-lg)) -50vmax calc(-1 * var(--space-2xl));background:linear-gradient(to bottom,var(--paper),var(--film-blue) 18%,var(--film-blue) 80%,var(--paper));pointer-events:none}
.format-portrait .format-heading h3,.format-portrait .collection-tabs button[aria-selected=true]{color:var(--clay-ink)}
.format-portrait .collection-tabs button[aria-selected=true]::after{background:var(--clay-ink)}
.photo-section{background:linear-gradient(to bottom,var(--paper),var(--warm-paper) 32%,var(--warm-paper) 75%,var(--live-blue))}
.photo-gallery-heading h2{color:var(--blue-ink)}
.live-photo-section{background:linear-gradient(to bottom,var(--live-blue) calc(100% - 160px),var(--paper))}
.live-photo-heading h2{color:var(--blue-ink)}
.about-band{background:var(--paper)}
.about-introduction h2,.work-experience h3{color:var(--blue-ink)}
.project-experience h3{color:var(--clay-ink)}
.about-tools p{color:var(--blue-ink)}
.footer{background:linear-gradient(to bottom,var(--paper),var(--closing-sand) 48%);border-top-color:var(--warm-rule)}
.footer h2{color:var(--clay-ink)}
.email-copy{color:var(--blue-ink)}
.rail-links a[aria-current]{color:var(--blue-ink)}