:root{--bg:#f4f3f0;--surface:#fff;--ink:#161614;--soft:#7a766f;--line:#e3e0da;--ease:cubic-bezier(.2, .7, .2, 1);--heading:"Nunito", system-ui, sans-serif;--body:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}#gl{z-index:5;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.top{z-index:6;justify-content:space-between;align-items:center;padding:28px 40px;display:flex;position:relative}.top-logo img{width:auto;height:22px;display:block}.top-meta{color:var(--soft);font-size:13px}.lineup{transition:opacity .4s var(--ease)}.intro{max-width:1360px;margin:0 auto;padding:40px 40px 8px}.intro h1{font-family:var(--heading);letter-spacing:-.01em;margin:0 0 8px;font-size:34px;font-weight:700}.intro p{max-width:520px;color:var(--soft);margin:0;line-height:1.5}.cards{grid-template-columns:repeat(5,1fr);gap:12px;max-width:1360px;margin:0 auto;padding:24px 40px 80px;list-style:none;display:grid}.card{transition:transform .55s var(--ease);transform-origin:50% 85%;position:relative}.card-hit{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.card-view{aspect-ratio:.6;width:100%}.card-meta{transition:opacity .3s var(--ease);gap:2px;padding:4px 4px 0;display:grid}.card-num{color:var(--soft);font-variant-numeric:tabular-nums;font-size:12px}.card-name{font-family:var(--heading);font-size:18px;font-weight:700}.card-sub{color:var(--soft);font-size:13px}@media (width>=900px){.lineup{flex-direction:column;min-height:calc(100vh - 78px);display:flex}.intro{width:100%}.cards{width:100%;margin:auto}}@media (hover:hover) and (width>=900px){.card:hover{z-index:2;transform:scale(1.12)}.cards:has(.card:hover) .card:not(:hover) .card-meta{opacity:.4}}.focus{opacity:0;pointer-events:none;transition:opacity .4s var(--ease);grid-template-columns:1fr 400px;display:grid;position:fixed;inset:78px 0 0}body.is-focus .focus{opacity:1;pointer-events:auto}body.is-focus .lineup{opacity:0;pointer-events:none}.focus-stage-wrap{position:relative}.focus-stage{cursor:grab;touch-action:none;position:absolute;inset:0 0 88px}.focus-stage:active{cursor:grabbing}.toolbar{z-index:6;gap:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.segmented button,.download{white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:13px;transition:background .2s,color .2s}.segmented button.active{background:var(--ink);color:var(--surface)}.download{background:var(--surface);border:1px solid var(--line);padding:8px 18px}.download:hover,.segmented button:not(.active):hover{background:var(--bg)}.info{z-index:6;border-left:1px solid var(--line);flex-direction:column;padding:8px 40px 32px;display:flex;position:relative;overflow-y:auto}.back{color:var(--soft);align-self:flex-start;font-size:13px}.back:before{content:"←";margin-right:8px}.back:hover{color:var(--ink)}.info-body{flex:1;padding-top:40px}.info-index{color:var(--soft);font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:12px}.info h2{font-family:var(--heading);margin:0;font-size:30px;font-weight:700}.info-sub{color:var(--soft);margin:2px 0 20px}.info-about{margin:0 0 32px;line-height:1.6}.info h3{color:var(--soft);margin:0 0 12px;font-size:12px;font-weight:500}.swatches{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0 0 32px;padding:0;list-style:none;display:grid}.swatches li{align-items:center;gap:10px;font-size:14px;display:flex}.swatches i{border-radius:50%;flex:none;width:28px;height:28px;box-shadow:inset 0 0 0 1px #00000014}.swatches small{color:var(--soft);font-size:12px;display:block}.notes{grid-template-columns:88px 1fr;gap:10px 12px;margin:0;font-size:14px;display:grid}.notes dt{color:var(--soft)}.notes dd{margin:0}.info-nav{color:var(--soft);justify-content:space-between;gap:16px;padding-top:32px;font-size:13px;display:flex}.info-nav a:hover{color:var(--ink)}#prev:before{content:"← "}#next:after{content:" →"}@media (width<=899px){.top{padding:20px}.top-logo img{height:18px}.intro{padding:24px 20px 0}.intro h1{font-size:28px}.cards{grid-template-columns:1fr;justify-items:center;gap:8px;padding:16px 20px 60px}.card{transform-origin:50%;width:min(78vw,400px);transition:none}.card-view{aspect-ratio:.72}.card-meta{text-align:center;justify-items:center}.focus{grid-template-rows:62vh auto;grid-template-columns:1fr;top:58px;overflow-y:auto}.focus-stage{inset:0 0 64px}.toolbar{bottom:14px}.info{border-left:0;border-top:1px solid var(--line);padding:20px 20px 40px;overflow:visible}.info-body{padding-top:24px}}