.umami-category-cards{padding:104px 0 96px;background:#fff;color:#1c1c1c;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}
.umami-category-cards__container{width:calc(100% - 9.2vw);max-width:1368px;margin-inline:auto}
.umami-category-cards__heading{display:block;height:auto;margin:0 0 24px}
.umami-category-cards__eyebrow{display:flex;align-items:center;gap:22px;margin:0 0 20px;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:.08em}
.umami-category-cards__eyebrow::after{content:"";width:60px;border-top:1px solid #777}
.umami-category-cards__heading h2{margin:0;font:700 56px/1.25 Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:.01em}
.umami-category-cards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.umami-category-cards__item{min-width:0;margin:0}
.umami-category-cards__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.umami-category-cards__media{aspect-ratio:1;overflow:hidden;background:#f4f0ea}
.umami-category-cards__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.umami-category-cards h3{margin:24px 0 12px;font:700 34px/1.35 Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:.02em}
.umami-category-cards__description{margin:0 0 24px;color:#666;font-size:24px;line-height:1.6;letter-spacing:.03em}
.umami-category-cards__button{display:inline-flex;align-items:center;justify-content:center;gap:16px;align-self:flex-start;min-width:224px;min-height:62px;padding:12px 24px;border:1px solid #656565;border-radius:0;margin-top:auto;color:#171717;background:transparent;font-size:22px;font-weight:600;line-height:1.4;transition:background-color .18s ease,border-color .18s ease}
.umami-category-cards__button img{width:24px;height:24px;flex:none;transition:transform .18s ease}
.umami-category-cards__link:hover .umami-category-cards__button{background:#f5f1eb;border-color:#292723}
.umami-category-cards__link:hover .umami-category-cards__button img{transform:translateX(3px)}
.umami-category-cards__link:focus-visible{outline:2px solid #643735;outline-offset:6px}
@media(min-width:750px) and (max-width:1199px){.umami-category-cards{padding-block:64px}.umami-category-cards__grid{gap:24px}.umami-category-cards__heading h2{font-size:44px}.umami-category-cards h3{font-size:28px}.umami-category-cards__description{font-size:18px}.umami-category-cards__button{min-width:180px;min-height:52px;font-size:18px}}
@media(max-width:749px){.umami-category-cards{padding:40px 0 48px}.umami-category-cards__container{width:calc(100% - 40px)}.umami-category-cards__heading{margin-bottom:28px}.umami-category-cards__eyebrow{font-size:14px;margin-bottom:14px;gap:16px}.umami-category-cards__eyebrow::after{width:44px}.umami-category-cards__heading h2{font-size:32px;line-height:1.35;letter-spacing:0}.umami-category-cards__grid{grid-template-columns:1fr;gap:38px}.umami-category-cards h3{margin:18px 0 8px;font-size:26px}.umami-category-cards__description{font-size:18px;line-height:1.7;margin-bottom:18px}.umami-category-cards__button{min-width:180px;min-height:50px;font-size:18px;padding:10px 22px}.umami-category-cards__button img{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.umami-category-cards__media img,.umami-category-cards__button,.umami-category-cards__button img{transition:none}}
