:root{--bg: #F9F7F3;--text: #111111;--light-gray: #8495AC;--spacing: 10px;--font-size: 18px;--btn-size: 48px;--btn-bg: white;--btn-active-bg: #111111;--btn-color: var(--text);--btn-active-color: #ffffff;--font-family: KleischLLWeb-Regular, serif;--font-family-italic: KleischLLWeb-Italic, serif}@media (max-width: 500px){:root{--font-size: 16px}}[data-theme=dark]{--bg: #1B1B1B;--text: #F3F6F9;--light-gray: #919191;--btn-active-bg: #111111;--btn-color: #111111}.theme-toggle{position:fixed;top:30px;right:30px;z-index:200;background:none;border:none;cursor:pointer;padding:var(--spacing);display:inline-block}.theme-toggle svg{position:absolute;top:50%;left:50%;width:24px;height:24px;fill:var(--text);transform:translate(-50%,-50%) scale(1) rotate(0);transition:opacity .3s ease,transform .3s ease}.theme-toggle .sun{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);appearance:none;-webkit-tap-highlight-color:transparent;outline:none}.theme-toggle .moon{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(-90deg);appearance:none;-webkit-tap-highlight-color:transparent;outline:none}[data-theme=dark] .theme-toggle .sun{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(90deg)}[data-theme=dark] .theme-toggle .moon{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.theme-toggle{-webkit-appearance:none;appearance:none;color:var(--text)!important}.theme-toggle svg,.theme-toggle svg *{stroke:currentColor!important;fill:currentColor!important}.random-btn{position:fixed;top:30px;left:30px;z-index:200;background:none;border:none;cursor:pointer;padding:var(--spacing);display:inline-block}.random-btn svg{position:absolute;top:50%;left:50%;width:20px;fill:var(--text);stroke:var(--text);transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease}.random-btn{-webkit-appearance:none;appearance:none;color:var(--text)!important}.random-btn svg,.random-btn svg *{stroke:currentColor!important;fill:currentColor!important}html,body{margin:0;padding:0;height:100%}body{display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-family);font-size:var(--font-size);text-align:center}*{box-sizing:border-box}a{color:var(--text);text-decoration:none}img{display:block;max-width:100%;height:auto;margin:0 auto}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-size:var(--font-size);font-weight:400}small{display:block;max-width:350px;padding-top:32px;margin:0 auto;font-size:.8em;color:var(--text)}small a{text-decoration:underline}header{position:sticky;top:30px;z-index:100}.site-title{all:unset;display:block;font-size:22px}.site-title a{text-decoration:none;color:inherit}.site-date{font-family:sans-serif;margin-top:0;color:var(--light-gray)}main{flex:1;display:flex;justify-content:center;align-items:center}.nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:inline-flex;background:#fff;border:1px solid #111111;border-radius:8px;overflow:hidden;z-index:100}.nav .nav-btn{width:var(--btn-size);height:var(--btn-size);background:var(--btn-bg);border:none;display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;color:var(--btn-color);cursor:pointer}.nav .nav-btn:hover{background:var(--light-gray);color:var(--btn-bg)}.nav .nav-btn+.nav-btn{border-left:1px solid #111111}.nav .nav-btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.nav .nav-btn:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.nav .nav-btn.active{background:var(--btn-active-bg);color:var(--btn-active-color);font-weight:700}.nav .nav-btn.disabled{opacity:.3;pointer-events:none}.artwork-container{position:relative;display:inline-block;border-radius:50%;box-shadow:0 10px 15px #0003;overflow:hidden;cursor:pointer}.artwork{display:block;height:600px;max-height:50vh;aspect-ratio:1/1;border-radius:50%;animation:spin 5s linear infinite paused;transform-origin:center}.artwork-container:before{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.2);border-radius:50%;pointer-events:none;z-index:1}.artwork-container:after{content:"";position:absolute;inset:230px;border:10px solid rgba(255,255,255,0);border-radius:50%;pointer-events:none;z-index:1}.grid .artwork-container:before{z-index:-100}.grid .artwork-container:after{border:3px solid rgba(255,255,255,.1);box-shadow:#fff3 0 0 0 1px inset,#0000001a 0 0 4px}.grid .artwork{width:150px;height:150px}.grid .artwork-container{box-shadow:0 3px 8px #0003}.artwork-container.spinning .artwork{animation-play-state:running}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 500px){.artwork{height:600px;max-height:40vh;aspect-ratio:1/1;border-radius:50%;animation:spin 5s linear infinite paused;transform-origin:center}}.play-pause-btn{position:absolute;top:50%;left:50%;width:var(--btn-size);height:var(--btn-size);transform:translate(-50%,-50%);border:1px solid var(--btn-bg);border-radius:50%;background-color:var(--btn-bg)!important;color:var(--btn-color)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;outline:none}.play-pause-btn svg{width:28px;height:28px;pointer-events:none}.play-pause-btn .play-icon{display:block}.play-pause-btn .pause-icon{display:none}.play-pause-btn svg path,.play-pause-btn svg rect{fill:var(--btn-color)!important;stroke:var(--btn-color)!important}.fallback{background-image:none!important;background-color:var(--bg)!important;color:var(--text)!important;border:1px solid #ccc;padding:32px;border-radius:50%;font-family:sans-serif;font-size:14px;width:150px;height:150px}.metadata{margin:40px 0}.metadata p{margin-top:8px}.note{font-family:sans-serif;color:var(--light-gray)}.video-unavailable{padding:var(--spacing);color:var(--light-gray);font-style:italic}.archive-content{display:block;padding:0;margin-top:60px}.archive-content .metadata{font-family:sans-serif}.archive-content h1{font-family:sans-serif;margin:0 0 32px;color:var(--light-gray)}.archive-content a{color:var(--light-gray)}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:3px 0 140px}.page-btn,.page-number{padding:2px 8px;color:var(--text);text-decoration:none;border-radius:4px}.page-number.active{padding:2px 8px;background:var(--btn-active-bg);color:var(--btn-active-color)}.year-group{margin-bottom:30px}.year-heading{text-align:center;color:var(--text);margin-bottom:30px}.grid{display:grid;width:100%;max-width:700px;margin:0 auto;gap:0px;grid-template-columns:repeat(4,1fr);justify-items:center;padding:0}@media (max-width: 680px){.grid{grid-template-columns:repeat(2,1fr);max-width:400px}}.grid-item{display:flex;flex-direction:column;align-items:center;text-decoration:none}.grid-item .metadata{margin-top:16px;color:var(--light-gray);font-size:.9em}.grid .artwork-container{width:150px;height:150px}.nav .nav-btn svg,.play-pause-btn svg{shape-rendering:geometricPrecision}.nav .nav-btn svg{width:24px;height:24px}.nav .nav-btn svg path,.nav .nav-btn svg rect{stroke-width:1px!important;stroke:currentColor!important;fill:none;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}.nav .nav-btn svg path,.nav .nav-btn svg rect{fill:currentColor!important;stroke:none!important}.information-content{display:block;margin:-32px 30px 0;padding:0;max-width:580px;min-width:300px}.information-content h1{font-family:sans-serif;margin:32px 0 16px;color:var(--light-gray)}main a:hover{text-decoration:underline}.information-content a{text-decoration:underline}.information-content a:hover{text-decoration:none}.information-content ul{list-style:none;padding:0;margin:16px 0;display:flex;gap:var(--spacing);justify-content:center;flex-wrap:wrap}.information-content ul li{display:inline}.information-content ul li a{text-decoration:none;color:var(--text)}.information-content ul li a:hover{text-decoration:underline}@font-face{font-family:KleischLLWeb-Italic;src:url(/fonts/KleischLLWeb-Italic.woff2) format("woff2"),url(/fonts/KleischLLWeb-Italic.woff) format("woff")}@font-face{font-family:KleischLLWeb-Regular;src:url(/fonts/KleischLLWeb-Regular.woff2) format("woff2"),url(/fonts/KleischLLWeb-Regular.woff) format("woff")}@font-face{font-family:KleischLLSub-Italic;src:url(/fonts/KleischLLSub-Italic.woff2) format("woff2"),url(/fonts/KleischLLSub-Italic.woff) format("woff")}@font-face{font-family:KleischLLSub-Regular;src:url(/fonts/KleischLLSub-Regular.woff2) format("woff2"),url(/fonts/KleischLLSub-Regular.woff) format("woff")}