*{box-sizing:border-box}html{color:#252525;background:#fdfdfc;font-family:Geist Mono,monospace}body{flex-direction:column;min-height:100svh;margin:0;display:flex}a{color:inherit;text-decoration:none}button{font:inherit}header,footer{justify-content:space-between;align-items:center;padding:36px 44px;display:flex}header{font-size:14px}.brand{align-items:center;display:flex}.mark{margin-right:12px;font-size:27px;line-height:1}.period{color:#888}.about-link{font-size:12px}.about-link span{margin-left:12px}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 20px 55px;display:flex}.eyebrow{letter-spacing:2px;color:#797979;margin-bottom:22px;font-size:12px}.experience{justify-content:center;align-items:center;width:500px;max-width:100%;height:397px;display:flex;position:relative}.scene{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;perspective:1400px;width:216px;height:216px;position:relative;transform:translateY(-22px)}.experience:before{content:"";pointer-events:none;filter:blur(5px);background:radial-gradient(#0003,#00000016 40%,#0000 72%);width:180px;height:26px;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.scene *{-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.cube{width:216px;height:216px;transform-style:preserve-3d;position:relative;transform:rotateX(-27deg)rotateY(-35deg)}.layer{transform-style:preserve-3d;transform:translateY(calc((var(--y) - 1)*72px)) rotateY(var(--turn,0deg));transition:transform .45s cubic-bezier(.22,.8,.2,1);position:absolute;inset:0}.layer.turned{transform:translateY(calc((var(--y) - 1)*72px)) rotateY(var(--turn,0deg))}.cubie{width:68px;height:68px;transform-style:preserve-3d;transform:translate3d(calc((var(--x) - 1)*72px),0px,calc((var(--z) - 1)*72px));position:absolute;top:74px;left:74px}.face{pointer-events:none;background:rgb(var(--tone),var(--tone),var(--tone));backface-visibility:hidden;border:1px solid #00000013;border-radius:2px;width:68px;height:68px;position:absolute}.face.front{transform:translateZ(34px)}.face.back{transform:rotateY(180deg)translateZ(34px)}.face.right{transform:rotateY(90deg)translateZ(34px)}.face.left{transform:rotateY(-90deg)translateZ(34px)}.face.top{transform:rotateX(90deg)translateZ(34px)}.face.bottom{transform:rotateX(-90deg)translateZ(34px)}.tile{pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:2px;width:100%;height:100%;position:absolute;inset:0}.tile-number{color:#777;letter-spacing:.5px;font-size:10px;position:absolute;bottom:8px;left:10px}.tile.active{background:#ffffff50;box-shadow:inset 0 0 0 2px #2225}.tile:hover{background:#ffffff35;box-shadow:inset 0 0 0 2px #2225}.tile:focus-visible{outline-offset:-5px;background:#ffffff70;outline:3px solid #000}.reveal{width:216px;height:68px;transform:rotateY(calc(var(--side)*-90deg)) translateZ(107px);backface-visibility:hidden;color:#fff;letter-spacing:-.7px;pointer-events:none;background:linear-gradient(90deg,#333 0 68px,#0000 68px 72px,#333 72px 140px,#0000 140px 144px,#333 144px 212px,#0000 212px);border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex;position:absolute;top:74px;left:0}.layer:not(.turned) .reveal,.reveal:not(.filled){visibility:hidden}.reveal:not(:disabled){pointer-events:auto;cursor:pointer}.reveal:focus-visible{outline-offset:4px;outline:2px solid #777}.surface{pointer-events:auto;cursor:grab}.tile,.reveal,.surface{touch-action:none}.cube{user-select:none}.cube.playing .surface{cursor:grabbing}.cube.playing .tile{pointer-events:none}.cube.playing .layer{transition:none}.reveal-text{grid-template-columns:repeat(3,68px);gap:4px;width:212px;margin-right:4px;display:grid}.reveal-text>span{letter-spacing:0;justify-content:center;align-items:center;min-width:0;font-size:18px;display:flex}.selection{text-align:center;align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;bottom:0}.selection-index{color:#929292;font-size:12px}.selection-name{text-align:left;min-width:170px}.instruction{letter-spacing:1.2px;color:#8a8a8a;margin:28px 0 38px;font-size:10px}.touch-hint{display:none}nav{align-items:center;gap:25px;display:flex}nav a{color:#737373;padding:10px 0;font-size:13px;transition:color .2s;position:relative}nav a:after{content:"";background:#252525;height:1px;transition:transform .25s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}nav a:hover,nav a.active{color:#111}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.nav-number{color:#999;vertical-align:super;margin-right:6px;font-size:9px}footer{letter-spacing:1px;color:#888;flex-wrap:wrap;gap:12px;padding-top:20px;padding-bottom:28px;font-size:10px}.asterisk{vertical-align:middle;color:#444;margin-left:12px;font-size:18px}dialog{color:#252525;background:#fdfdfc;border:1px solid #ddd;width:min(580px,100% - 32px);padding:55px}dialog::backdrop{backdrop-filter:blur(8px);background:#fdfdfccc}.close{cursor:pointer;background:0 0;border:0;font-size:12px;position:absolute;top:18px;right:20px}.dialog-index{letter-spacing:1px;color:#777;font-size:12px}h1{letter-spacing:-2px;margin:30px 0 20px;font-size:36px;font-weight:400}.description{font-size:16px;line-height:1.8}.empty-note{color:#777;margin:30px 0;font-size:13px;line-height:1.8}dialog .back{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #999;padding:10px 0;font-size:14px}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid #555}@media (hover:none){.desktop-hint{display:none}.touch-hint{display:inline}}@media (width<=600px){header{padding:25px 23px}.about-link{font-size:11px}.mark{font-size:24px}main{padding:25px 20px 35px}.eyebrow{margin-bottom:5px;font-size:10px}.experience{height:356px}.experience:before{width:150px;height:23px;bottom:43px}.scene{transform:translateY(-13px)scale(.83)}nav{flex-wrap:wrap;justify-content:center;gap:12px 24px;max-width:320px}nav a{font-size:13px}.instruction{margin:25px 0}.nav-number{display:none}footer{letter-spacing:.4px;gap:20px;padding:20px 23px;font-size:8px}.asterisk{display:none}.selection{gap:12px;font-size:12px}.selection-name{min-width:150px}dialog{padding:45px 30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.coffee-link{letter-spacing:0;padding:12px 0;display:inline-block}.coffee-link:hover{text-decoration:underline}@media (width<=600px){footer .coffee-link{text-align:center;flex-basis:100%;order:3;font-size:11px}}