.category-directory{background:#fafbf8;color:#213238;padding:48px max(20px,4vw)}.category-brand{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d7e0dc;padding-bottom:24px;margin-bottom:28px}.category-brand img{width:150px;height:auto}.category-brand>span{font-size:20px;font-weight:700}.category-brand small{margin-left:auto;color:#526966}.category-directory>h2{font-size:clamp(30px,4vw,66px);line-height:1.12;margin:8px 0 16px}.category-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.category-tools p{color:#526966}.category-tools button{border:1px solid #cbdad4;border-radius:20px;background:#fff;padding:9px 15px;color:#41665d;cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.category-card{position:relative;display:block;border:1px solid #d5e0db;background:white;border-radius:20px;padding:14px;color:#213238;text-decoration:none;min-width:0}.category-card:focus-visible{outline:3px solid #426e61;outline-offset:4px}.category-number{position:absolute;left:14px;top:12px;z-index:1;color:#41665d;font-size:14px}.cup-frame{display:block;width:100%;aspect-ratio:233/277;overflow:hidden;container-type:inline-size}.cup-sprite{display:block;width:100%;height:100%;background-image:url('assets/category-reference-v1.png');background-repeat:no-repeat;background-size:calc(1800 / 233 * 100cqw) calc(1150 / 233 * 100cqw);background-position:calc(var(--sx) / 233 * -100cqw) calc(var(--sy) / 233 * -100cqw);transform-origin:50% 85%}.category-name{display:block;border-top:1px solid #dce5e0;padding-top:10px;font-size:clamp(13px,1.15vw,20px);font-weight:700;line-height:1.25;min-height:3.2em}.category-capacity{color:#41665d;font-weight:600;font-size:14px}.category-arrow{float:right;background:#e7efeb;border-radius:50%;width:32px;height:32px;text-align:center;line-height:32px}.category-disclaimer{font-size:13px;color:#526966;margin-top:26px}.category-visual{display:flex;align-items:center;justify-content:center;background:white}.category-visual>.cup-frame{max-width:360px}.series-section{scroll-margin-top:110px}.cup-wiggle{animation:cup-wiggle .58s ease-in-out 1}@keyframes cup-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg)}45%{transform:rotate(5deg)}70%{transform:rotate(-3deg)}85%{transform:rotate(2deg)}}@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-name{font-size:17px}}@media(max-width:600px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{padding:10px;border-radius:14px}.category-brand{flex-wrap:wrap;gap:10px}.category-brand small{display:none}.category-brand img{width:120px}.category-brand>span{font-size:17px}.category-tools{align-items:start;flex-direction:column}.category-name{font-size:14px}.category-capacity{font-size:12px}}@media(prefers-reduced-motion:reduce){.cup-wiggle{animation:none}}
.cup-sprite{position:relative}.cup-sprite::before{content:"";position:absolute;left:0;top:0;width:11cqw;height:8cqw;background:#fff}.category-number{background:#fff;border-radius:3px;padding:1px 3px}