/* GENERATED by build.py from albums.py — do not edit by hand. */

/* default palette: lodge */

:root {
  --ink:       #14100c;
  --ink-2:     #1c1611;
  --ink-3:     #241c15;
  --edge:      #4a3527;
  --paper:     #ece3d8;
  --paper-dim: #a2958a;
  --accent:    #b9c6cd;
  --paper-35:  rgba(236,227,216,.35);
  --accent-35: rgba(185,198,205,.35);
  --accent-15: rgba(185,198,205,.15);
  --scrim:     20,16,12;
}

[data-album="lodge"] {
  --ink:       #14100c;
  --ink-2:     #1c1611;
  --ink-3:     #241c15;
  --edge:      #4a3527;
  --paper:     #ece3d8;
  --paper-dim: #a2958a;
  --accent:    #b9c6cd;
  --paper-35:  rgba(236,227,216,.35);
  --accent-35: rgba(185,198,205,.35);
  --accent-15: rgba(185,198,205,.15);
  --scrim:     20,16,12;
}

[data-album="homes"] {
  --ink:       #0f1310;
  --ink-2:     #171c15;
  --ink-3:     #1f261c;
  --edge:      #3d4a37;
  --paper:     #e6e9e2;
  --paper-dim: #97a291;
  --accent:    #e0674f;
  --paper-35:  rgba(230,233,226,.35);
  --accent-35: rgba(224,103,79,.35);
  --accent-15: rgba(224,103,79,.15);
  --scrim:     15,19,16;
}

[data-album="spaces"] {
  --ink:       #12100e;
  --ink-2:     #1a1714;
  --ink-3:     #221e1a;
  --edge:      #453b33;
  --paper:     #e9e5e0;
  --paper-dim: #9c9490;
  --accent:    #c9a96e;
  --paper-35:  rgba(233,229,224,.35);
  --accent-35: rgba(201,169,110,.35);
  --accent-15: rgba(201,169,110,.15);
  --scrim:     18,16,14;
}

[data-album="bleak"] {
  --ink:       #12100e;
  --ink-2:     #1a1714;
  --ink-3:     #221e1a;
  --edge:      #453b33;
  --paper:     #e9e5e0;
  --paper-dim: #9c9490;
  --accent:    #c9a96e;
  --paper-35:  rgba(233,229,224,.35);
  --accent-35: rgba(201,169,110,.35);
  --accent-15: rgba(201,169,110,.15);
  --scrim:     18,16,14;
}

[data-album="cityscapes"] {
  --ink:       #12100e;
  --ink-2:     #1a1714;
  --ink-3:     #221e1a;
  --edge:      #453b33;
  --paper:     #e9e5e0;
  --paper-dim: #9c9490;
  --accent:    #c9a96e;
  --paper-35:  rgba(233,229,224,.35);
  --accent-35: rgba(201,169,110,.35);
  --accent-15: rgba(201,169,110,.15);
  --scrim:     18,16,14;
}

/* cover layer visibility, driven by data-album on <html> */

html[data-album="lodge"] .cover-media[data-for="lodge"],
html[data-album="homes"] .cover-media[data-for="homes"],
html[data-album="spaces"] .cover-media[data-for="spaces"],
html[data-album="bleak"] .cover-media[data-for="bleak"],
html[data-album="cityscapes"] .cover-media[data-for="cityscapes"],
html[data-album="lodge"] .cover-cta[data-for="lodge"],
html[data-album="homes"] .cover-cta[data-for="homes"],
html[data-album="spaces"] .cover-cta[data-for="spaces"],
html[data-album="bleak"] .cover-cta[data-for="bleak"],
html[data-album="cityscapes"] .cover-cta[data-for="cityscapes"] {
  opacity: 1; transform: none; filter: none; pointer-events: auto;
}

html[data-album="lodge"] .cover-media[data-for="lodge"] img,
html[data-album="homes"] .cover-media[data-for="homes"] img,
html[data-album="spaces"] .cover-media[data-for="spaces"] img,
html[data-album="bleak"] .cover-media[data-for="bleak"] img,
html[data-album="cityscapes"] .cover-media[data-for="cityscapes"] img {
  transform: none;
}

html[data-album="lodge"] .cover-media[data-for="homes"],
html[data-album="lodge"] .cover-media[data-for="spaces"],
html[data-album="lodge"] .cover-media[data-for="bleak"],
html[data-album="lodge"] .cover-media[data-for="cityscapes"],
html[data-album="homes"] .cover-media[data-for="lodge"],
html[data-album="homes"] .cover-media[data-for="spaces"],
html[data-album="homes"] .cover-media[data-for="bleak"],
html[data-album="homes"] .cover-media[data-for="cityscapes"],
html[data-album="spaces"] .cover-media[data-for="lodge"],
html[data-album="spaces"] .cover-media[data-for="homes"],
html[data-album="spaces"] .cover-media[data-for="bleak"],
html[data-album="spaces"] .cover-media[data-for="cityscapes"],
html[data-album="bleak"] .cover-media[data-for="lodge"],
html[data-album="bleak"] .cover-media[data-for="homes"],
html[data-album="bleak"] .cover-media[data-for="spaces"],
html[data-album="bleak"] .cover-media[data-for="cityscapes"],
html[data-album="cityscapes"] .cover-media[data-for="lodge"],
html[data-album="cityscapes"] .cover-media[data-for="homes"],
html[data-album="cityscapes"] .cover-media[data-for="spaces"],
html[data-album="cityscapes"] .cover-media[data-for="bleak"] {
  opacity: 0; pointer-events: none;
}

html[data-album="lodge"] .cover-media[data-for="homes"] img,
html[data-album="lodge"] .cover-media[data-for="spaces"] img,
html[data-album="lodge"] .cover-media[data-for="bleak"] img,
html[data-album="lodge"] .cover-media[data-for="cityscapes"] img,
html[data-album="homes"] .cover-media[data-for="lodge"] img,
html[data-album="homes"] .cover-media[data-for="spaces"] img,
html[data-album="homes"] .cover-media[data-for="bleak"] img,
html[data-album="homes"] .cover-media[data-for="cityscapes"] img,
html[data-album="spaces"] .cover-media[data-for="lodge"] img,
html[data-album="spaces"] .cover-media[data-for="homes"] img,
html[data-album="spaces"] .cover-media[data-for="bleak"] img,
html[data-album="spaces"] .cover-media[data-for="cityscapes"] img,
html[data-album="bleak"] .cover-media[data-for="lodge"] img,
html[data-album="bleak"] .cover-media[data-for="homes"] img,
html[data-album="bleak"] .cover-media[data-for="spaces"] img,
html[data-album="bleak"] .cover-media[data-for="cityscapes"] img,
html[data-album="cityscapes"] .cover-media[data-for="lodge"] img,
html[data-album="cityscapes"] .cover-media[data-for="homes"] img,
html[data-album="cityscapes"] .cover-media[data-for="spaces"] img,
html[data-album="cityscapes"] .cover-media[data-for="bleak"] img {
  transform: scale(1.05);
}

html[data-album="lodge"] .cover-cta[data-for="homes"],
html[data-album="lodge"] .cover-cta[data-for="spaces"],
html[data-album="lodge"] .cover-cta[data-for="bleak"],
html[data-album="lodge"] .cover-cta[data-for="cityscapes"],
html[data-album="homes"] .cover-cta[data-for="lodge"],
html[data-album="homes"] .cover-cta[data-for="spaces"],
html[data-album="homes"] .cover-cta[data-for="bleak"],
html[data-album="homes"] .cover-cta[data-for="cityscapes"],
html[data-album="spaces"] .cover-cta[data-for="lodge"],
html[data-album="spaces"] .cover-cta[data-for="homes"],
html[data-album="spaces"] .cover-cta[data-for="bleak"],
html[data-album="spaces"] .cover-cta[data-for="cityscapes"],
html[data-album="bleak"] .cover-cta[data-for="lodge"],
html[data-album="bleak"] .cover-cta[data-for="homes"],
html[data-album="bleak"] .cover-cta[data-for="spaces"],
html[data-album="bleak"] .cover-cta[data-for="cityscapes"],
html[data-album="cityscapes"] .cover-cta[data-for="lodge"],
html[data-album="cityscapes"] .cover-cta[data-for="homes"],
html[data-album="cityscapes"] .cover-cta[data-for="spaces"],
html[data-album="cityscapes"] .cover-cta[data-for="bleak"] {
  opacity: 0; transform: translateY(.55rem); filter: blur(7px); pointer-events: none;
}