.topic-hub{--th-color-primary-tan: #D1B48C;--th-color-light-cream: #E6D3B3;--th-color-medium-brown: #BA9976;--th-color-dark-brown: #987555;--th-color-deep-brown: #664228;--th-color-background: #FFFFFF;--th-color-background-alt: #FAF8F5;--th-color-border: #E6D3B3;--th-shadow-sm: 0 1px 3px rgba(102, 66, 40, .08);--th-shadow-md: 0 4px 12px rgba(102, 66, 40, .12);--th-shadow-lg: 0 8px 24px rgba(102, 66, 40, .16);--th-transition-fast: .15s ease;--th-transition-base: .25s ease}.topic-hub__hero{background:linear-gradient(135deg,var(--th-color-light-cream) 0%,#FFFFFF 50%,rgba(209,180,140,.1) 100%);padding:3rem 0 2.5rem;position:relative;overflow:hidden}.topic-hub__hero:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(209,180,140,.15) 0%,transparent 60%);pointer-events:none}.topic-hub__hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:40%;height:100%;background:radial-gradient(circle,rgba(230,211,179,.2) 0%,transparent 50%);pointer-events:none}.topic-hub__hero-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.topic-hub__title{font-family:var(--font-heading-family);font-size:2.5rem;font-weight:700;color:var(--th-color-deep-brown);margin:0 0 1rem;line-height:1.2}.topic-hub__subtitle{font-size:1.125rem;color:var(--th-color-medium-brown);margin:0;line-height:1.6}.topic-hub__main{background:var(--th-color-background-alt);padding:3rem 0 4rem}.topic-hub__grid{display:flex;flex-direction:column;gap:1.5rem}.topic-hub__category{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:var(--th-shadow-sm);border:1px solid var(--th-color-border);transition:all var(--th-transition-base);display:flex;flex-direction:column}.topic-hub__category:hover{box-shadow:var(--th-shadow-md);transform:translateY(-4px)}.topic-hub__category-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid var(--th-color-light-cream)}.topic-hub__category-title{font-family:var(--font-heading-family);font-size:1.25rem;font-weight:600;color:var(--th-color-deep-brown);margin:0;line-height:1.3}.topic-hub__tags{display:flex;flex-wrap:wrap;gap:.625rem;align-content:flex-start}.topic-hub__tag{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;min-height:44px;background:var(--th-color-background-alt);border:1px solid var(--th-color-border);border-radius:9999px;font-size:.9375rem;color:var(--th-color-deep-brown);text-decoration:none;transition:all var(--th-transition-fast);white-space:nowrap}.topic-hub__tag:hover{background:var(--th-color-primary-tan);border-color:var(--th-color-primary-tan);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 8px #d1b48c4d}.topic-hub__tag-count{font-size:.75rem;font-weight:600;padding:.125rem .5rem;background:#6642281a;border-radius:9999px;color:var(--th-color-dark-brown);transition:all var(--th-transition-fast)}.topic-hub__tag:hover .topic-hub__tag-count{background:#ffffff40;color:#fff}.topic-hub__blogs{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--th-color-light-cream)}.topic-hub__blogs-title{font-family:var(--font-heading-family);font-size:1.375rem;font-weight:600;color:var(--th-color-deep-brown);margin:0 0 1.5rem;text-align:center}.topic-hub__blog-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.topic-hub__blog-link{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff;border:2px solid var(--th-color-primary-tan);border-radius:12px;font-size:1rem;font-weight:600;color:var(--th-color-deep-brown);text-decoration:none;transition:all var(--th-transition-base)}.topic-hub__blog-link:hover{background:var(--th-color-primary-tan);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:var(--th-shadow-md)}.topic-hub__blog-count{font-size:.875rem;font-weight:500;opacity:.8}.topic-hub__empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;border:1px solid var(--th-color-border)}.topic-hub__empty-icon{margin-bottom:1.5rem;opacity:.6}.topic-hub__empty-title{font-family:var(--font-heading-family);font-size:1.5rem;font-weight:600;color:var(--th-color-deep-brown);margin:0 0 .75rem}.topic-hub__empty-text{font-size:1rem;color:var(--th-color-medium-brown);margin:0 0 1.5rem}.topic-hub__empty-button{display:inline-block;padding:.875rem 1.75rem;background:var(--th-color-primary-tan);color:#fff;font-size:1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all var(--th-transition-base)}.topic-hub__empty-button:hover{background:var(--th-color-medium-brown);text-decoration:none;transform:translateY(-2px);box-shadow:var(--th-shadow-md)}@media screen and (max-width:749px){.topic-hub__hero{padding:2rem 0}.topic-hub__icon{width:60px;height:60px;font-size:1.75rem}.topic-hub__title{font-size:1.875rem}.topic-hub__subtitle{font-size:1rem}.topic-hub__main{padding:2rem 0 3rem}.topic-hub__category{padding:1.25rem}.topic-hub__category-icon{width:38px;height:38px;font-size:1.125rem;border-radius:10px}.topic-hub__category-title{font-size:1.125rem}.topic-hub__tag{padding:.5rem 1rem;font-size:.875rem;min-height:40px}.topic-hub__blog-link{padding:.75rem 1.25rem;font-size:.9375rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-hub__category{animation:fadeInUp .4s ease both}.topic-hub__category:nth-child(1){animation-delay:.05s}.topic-hub__category:nth-child(2){animation-delay:.1s}.topic-hub__category:nth-child(3){animation-delay:.15s}.topic-hub__category:nth-child(4){animation-delay:.2s}.topic-hub__category:nth-child(5){animation-delay:.25s}.topic-hub__category:nth-child(6){animation-delay:.3s}@media(prefers-reduced-motion:reduce){.topic-hub__category{animation:none}.topic-hub__category:hover,.topic-hub__tag:hover,.topic-hub__blog-link:hover{transform:none}}.topic-hub__tag:focus-visible,.topic-hub__blog-link:focus-visible{outline:2px solid var(--th-color-primary-tan);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/topic-hub.css.map */