:where([data-renderer="studies"]) .wordmark { color: #e9e3d5; }
:where([data-renderer="studies"]) .initials { font-size: clamp(60px, 6vw, 98px); letter-spacing: -.065em; line-height: .9; font-weight: 300; }
:where([data-renderer="studies"]) .descriptor { font-size: 9px; letter-spacing: .25em; text-transform: uppercase; margin-top: 20px; white-space: nowrap; }
[data-concept="orrery"] .wordmark { left: 6vw; bottom: 8vh; color: #cfb78c; }
[data-concept="orrery"] .initials { font-family: 'Bodoni 72', Didot, Georgia, serif; letter-spacing: .045em; }
[data-concept="orrery"] .descriptor { font-size: 8px; letter-spacing: .3em; }
[data-concept="noctiluca"] { background: #020e19; }
[data-concept="noctiluca"] .wordmark { left: 50%; top: 7vh; transform: translateX(-50%); text-align: center; color: #bfdee6; }
[data-concept="noctiluca"] .initials { font-size: clamp(38px, 4vw, 64px); letter-spacing: .28em; padding-left: .28em; font-weight: 200; }
[data-concept="noctiluca"] .descriptor { font-size: 8px; letter-spacing: .38em; }
[data-concept="folio"] { background: #e8dfcc; color-scheme: light; }
[data-concept="folio"] .wordmark { left: 6vw; top: 8vh; color: #912b1e; }
[data-concept="folio"] .initials { font-size: clamp(70px, 8vw, 128px); font-weight: 500; letter-spacing: -.08em; }
[data-concept="folio"] .descriptor { letter-spacing: .15em; font-size: 10px; }
[data-concept="tidal"] { background: #31817e; }
[data-concept="tidal"] .wordmark { bottom: 8vh; left: 7vw; color: #ecf2d9; }
[data-concept="tidal"] .initials { font-family: 'Bodoni 72', Didot, Georgia, serif; font-size: clamp(80px, 10vw, 160px); font-style: italic; }
[data-concept="tidal"] .descriptor { letter-spacing: .32em; }
[data-concept="cipher"] { background: #071108; }
[data-concept="cipher"] .wordmark { top: 7vh; left: 6vw; color: #d7ef96; }
[data-concept="cipher"] .initials { font-family: 'Courier New', monospace; font-size: clamp(48px, 5vw, 80px); letter-spacing: -.08em; }
[data-concept="cipher"] .descriptor { font-family: 'Courier New', monospace; font-size: 9px; letter-spacing: .12em; }
[data-concept="cipher"].secret .wordmark { color: #d0d2ff; }
[data-concept="resonance"] { background: #e6e0d1; color-scheme: light; }
[data-concept="resonance"] .wordmark { bottom: 6vh; left: 50%; transform: translateX(-50%); color: #192024; text-align: center; }
[data-concept="resonance"] .initials { font-size: clamp(42px, 4vw, 64px); font-weight: 500; }
[data-concept="resonance"] .descriptor { font-size: 8px; margin-top: 15px; letter-spacing: .32em; }
[data-concept="resonance"].secret .wordmark { color: #fff0d5; }
[data-concept="relic"] { background: #100812; }
[data-concept="relic"] .wordmark { bottom: 7vh; right: 6vw; text-align: right; color: #d8b9a3; }
[data-concept="relic"] .initials { font-family: 'Bodoni 72', Didot, Georgia, serif; font-size: clamp(72px, 7vw, 112px); }
[data-concept="relic"].secret .wordmark { color: #cce6e9; }
body.no-webgl[data-renderer="studies"] main { background: radial-gradient(ellipse at 55% 40%, #35434c, #080d12 65%); }
body.no-webgl[data-renderer="studies"] .wordmark { color: #e9e3d5; }
@media(max-width: 600px) {
 :where([data-renderer="studies"]) .descriptor { font-size: 8px; letter-spacing: .2em; }
 [data-concept="folio"] .wordmark, [data-concept="cipher"] .wordmark { top: 7vh; left: 8vw; }
 [data-concept="orrery"] .wordmark, [data-concept="tidal"] .wordmark { left: 8vw; bottom: 9vh; }
 [data-concept="resonance"] .wordmark { bottom: 9vh; }
 [data-concept="relic"] .wordmark { right: 8vw; bottom: 9vh; }
}
/* The third collection treats each scene as a standalone record sleeve. */
[data-concept="solstice"] { background: #100407; }
[data-concept="solstice"] .wordmark { left: 6vw; top: 7vh; color: #e3c3a4; }
[data-concept="solstice"] .initials { font-family: 'Bodoni 72', Didot, Georgia, serif; font-size: clamp(76px, 8vw, 128px); letter-spacing: -.06em; }
[data-concept="solstice"] .descriptor { letter-spacing: .32em; font-size: 8px; }
[data-concept="satin"] .wordmark { left: 7vw; bottom: 9vh; color: #fbe2cc; }
[data-concept="satin"] .initials { font-family: 'Bodoni 72', Didot, Georgia, serif; font-style: italic; font-size: clamp(100px, 14vw, 220px); line-height: .8; }
[data-concept="satin"] .descriptor { font-family: Georgia, serif; text-transform: none; font-size: 13px; letter-spacing: .12em; margin-top: 30px; }
[data-concept="anthesis"] .wordmark { top: 7vh; left: 50%; transform: translateX(-50%); text-align: center; color: #1b2041; }
[data-concept="anthesis"] .initials { font-size: clamp(46px, 5vw, 80px); font-weight: 600; letter-spacing: -.08em; }
[data-concept="anthesis"] .descriptor { font-size: 8px; letter-spacing: .33em; margin-top: 15px; }
[data-concept="anthesis"].secret .wordmark { color: #e1c7a1; }
[data-concept="carrier"] .wordmark { bottom: 7vh; left: 6vw; color: #edc3a5; display: flex; gap: 26px; align-items: center; }
[data-concept="carrier"] .initials { font-size: clamp(54px, 5vw, 80px); font-weight: 300; }
[data-concept="carrier"] .descriptor { margin: 0; max-width: 95px; white-space: normal; line-height: 1.8; font-size: 9px; letter-spacing: .22em; }
[data-concept="nacre"] .wordmark { top: 7vh; right: 6vw; text-align: right; color: #3e4245; }
[data-concept="nacre"] .initials { font-family: 'Bodoni 72', Didot, Georgia, serif; font-size: clamp(80px, 9vw, 144px); letter-spacing: -.07em; }
[data-concept="nacre"] .descriptor { font-size: 8px; letter-spacing: .3em; }
[data-concept="tessera"] .wordmark { bottom: 9vh; left: 7vw; color: #f4dec6; }
[data-concept="tessera"] .initials { font-size: clamp(88px, 12vw, 192px); font-weight: 500; letter-spacing: -.08em; }
[data-concept="tessera"] .descriptor { font-size: 10px; letter-spacing: .3em; margin-top: 24px; }
@media(max-width: 600px) {
 [data-concept="solstice"] .wordmark { left: 8vw; }
 [data-concept="satin"] .wordmark, [data-concept="tessera"] .wordmark, [data-concept="carrier"] .wordmark { left: 8vw; bottom: 9vh; }
 [data-concept="nacre"] .wordmark { right: 8vw; }
 [data-concept="anthesis"] .wordmark { top: 8vh; }
}

[data-concept="nacre"].secret .wordmark { color: #d2dfef; }