.categories-page{width:100%;max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,64px) 0 clamp(44px,7vw,80px)}.categories-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:210px;margin-bottom:clamp(24px,4vw,42px);padding:clamp(28px,5vw,54px);overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--gray-light));border-radius:clamp(18px,2vw,28px);background:radial-gradient(circle at 90% 15%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--light)),color-mix(in srgb,var(--accent) 11%,var(--light)));isolation:isolate}.categories-hero::after{content:"";position:absolute;right:-70px;bottom:-105px;z-index:-1;width:280px;height:280px;border:42px solid color-mix(in srgb,var(--primary) 8%,transparent);border-radius:50%}.categories-hero-copy{max-width:660px}.categories-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--primary-dark);font-size:.76rem;font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase}.categories-eyebrow svg{width:17px;height:17px}.categories-title{max-width:620px;margin:0;color:var(--dark);font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.035em}.categories-subtitle{max-width:600px;margin:14px 0 0;color:var(--dark-light);font-size:clamp(.96rem,1.3vw,1.08rem);line-height:1.7}.categories-hero-art{flex:0 0 auto;width:clamp(140px,15vw,190px);margin-left:clamp(24px,5vw,70px);color:var(--primary);filter:drop-shadow(0 18px 24px color-mix(in srgb, var(--primary) 18%, transparent))}.categories-hero-art svg{display:block;width:100%;height:auto}.categories-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.5vw,18px);margin:0;padding:0;list-style:none}.category-grid-item{min-width:0}.category-card{--category-tone:var(--primary);position:relative;display:flex;flex-direction:column;min-height:206px;height:100%;padding:clamp(18px,2vw,24px);overflow:hidden;border:1px solid var(--gray-light);border-radius:18px;background:color-mix(in srgb,var(--light) 97%,var(--category-tone));box-shadow:0 8px 24px color-mix(in srgb,var(--dark) 6%,transparent);color:var(--dark);text-align:left;text-decoration:none;transition:transform var(--anim-speed) ease,border-color var(--anim-speed) ease,box-shadow var(--anim-speed) ease}.category-grid-item:nth-child(3n+2) .category-card{--category-tone:var(--secondary)}.category-grid-item:nth-child(3n) .category-card{--category-tone:var(--accent-dark)}.category-card::before{content:"";position:absolute;top:-52px;right:-48px;width:128px;height:128px;border-radius:50%;background:color-mix(in srgb,var(--category-tone) 7%,transparent);transition:transform var(--anim-speed) ease}.category-icon-wrap{position:relative;display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border:1px solid color-mix(in srgb,var(--category-tone) 22%,transparent);border-radius:17px;background:color-mix(in srgb,var(--category-tone) 11%,var(--light));color:color-mix(in srgb,var(--category-tone) 84%,var(--dark))}.category-icon{width:29px;height:29px}.category-name{position:relative;margin-bottom:18px;overflow-wrap:anywhere;color:var(--dark);font-family:var(--font-heading);font-size:1rem;font-weight:700;line-height:1.4}.category-card-action{position:relative;display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:color-mix(in srgb,var(--category-tone) 80%,var(--dark));font-size:.78rem;font-weight:700}.category-card-action svg{width:15px;height:15px;transition:transform var(--anim-speed) ease}.category-card:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 70%,transparent);outline-offset:3px}.categories-empty{margin:0;padding:42px 24px;border:1px dashed var(--gray-light);border-radius:18px;color:var(--gray);text-align:center}@media (hover:hover) and (pointer:fine){.category-card:hover{border-color:color-mix(in srgb,var(--category-tone) 40%,var(--gray-light));box-shadow:0 16px 34px color-mix(in srgb,var(--category-tone) 14%,transparent);color:var(--dark);transform:translateY(-5px)}.category-card:hover::before{transform:scale(1.18)}.category-card:hover .category-card-action svg{transform:translateX(4px)}}@media (max-width:1399.98px) and (min-width:1120px){.categories-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid-item:nth-child(4n+1):nth-last-child(2){grid-column:2}}@media (max-width:1119.98px) and (min-width:992px){.categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid-item:nth-child(3n+1):last-child{grid-column:2}}@media (max-width:991.98px){.categories-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid-item:nth-child(4n+1):nth-last-child(2){grid-column:2}}@media (max-width:800px){.categories-hero-art{width:128px;margin-left:24px}.categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid-item:nth-child(4n+1):nth-last-child(2){grid-column:auto}.category-grid-item:nth-child(3n+1):last-child{grid-column:2}}@media (max-width:560px){.categories-page{padding-top:20px}.categories-hero{min-height:0;padding:26px 22px;border-radius:20px}.categories-hero-art{display:none}.categories-title{font-size:clamp(1.8rem,9vw,2.35rem)}.categories-subtitle{margin-top:10px;line-height:1.55}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-grid-item:nth-child(3n+1):last-child{grid-column:auto}.category-card{min-height:168px;padding:16px;border-radius:15px}.category-icon-wrap{width:48px;height:48px;margin-bottom:14px;border-radius:14px}.category-icon{width:25px;height:25px}.category-name{margin-bottom:0;font-size:.88rem;line-height:1.35}.category-card-action{display:none}}@media (prefers-reduced-motion:reduce){.category-card,.category-card-action svg,.category-card::before{transition-duration:0s}}