.blog-guides,.guide-article{--guide-scale: var(--tcghive-desktop-visual-scale, 1)}.blog-guides{padding-block:calc(3rem * var(--guide-scale)) calc(4rem * var(--guide-scale))}.blog-guides__inner{width:100%;max-width:calc(62.5rem * var(--guide-scale));margin-inline:auto;padding-inline:var(--tcghive-gutter-mobile)}.blog-guides__breadcrumb{margin-bottom:calc(1.25rem * var(--guide-scale))}.blog-guides__hero{display:flex;flex-direction:column;align-items:center;gap:calc(2rem * var(--guide-scale));margin-bottom:calc(4rem * var(--guide-scale));padding-bottom:calc(3rem * var(--guide-scale));border-bottom:1px solid var(--tcghive-color-outline-variant);text-align:center}.blog-guides__hero-copy{max-width:calc(42rem * var(--guide-scale))}.blog-guides__title{margin:0 0 calc(1rem * var(--guide-scale));color:var(--tcghive-color-primary);font-family:var(--tcghive-font-headline);font-size:calc(2.5rem * var(--guide-scale));line-height:1.15;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.blog-guides__intro{margin:0;color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-body);font-size:calc(1.125rem * var(--guide-scale));line-height:calc(1.75rem * var(--guide-scale))}.blog-guides__search{position:relative;width:100%;max-width:calc(28rem * var(--guide-scale));transition:transform .2s ease}.no-js .blog-guides__search{display:none}.blog-guides__search:focus-within{transform:scale(1.02)}.blog-guides__search-icon{position:absolute;top:50%;left:calc(.75rem * var(--guide-scale));color:var(--tcghive-color-text-muted);font-size:calc(1.5rem * var(--guide-scale));transform:translateY(-50%);pointer-events:none}.blog-guides__search-input{width:100%;padding:calc(.75rem * var(--guide-scale)) calc(1rem * var(--guide-scale)) calc(.75rem * var(--guide-scale)) calc(2.5rem * var(--guide-scale));border:1px solid var(--tcghive-color-outline-variant);border-radius:999px;background:var(--tcghive-color-surface-lowest);color:var(--tcghive-color-text);font-size:calc(1rem * var(--guide-scale));line-height:calc(1.5rem * var(--guide-scale));outline:none;transition:border-color .2s ease,box-shadow .2s ease}.blog-guides__search-input::placeholder{color:#55433580}.blog-guides__search-input:focus{border-color:transparent;box-shadow:0 0 0 2px var(--tcghive-color-primary)}.blog-guides__content{display:grid;gap:calc(4rem * var(--guide-scale))}[data-guide-group][hidden],[data-guide-item][hidden]{display:none!important}.blog-guides__featured{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(1.5rem * var(--guide-scale))}.guide-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--tcghive-color-outline-variant);border-radius:var(--tcghive-radius-md);background:var(--tcghive-color-surface-lowest);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.guide-card:hover,.guide-card:focus-within{transform:translateY(-2px);border-color:#f58e1473;box-shadow:var(--tcghive-shadow-pop)}.guide-card__media{position:relative;overflow:hidden;aspect-ratio:var(--guide-card-ratio, 12 / 5);background:var(--tcghive-color-surface-high)}.guide-card__image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.guide-card:hover .guide-card__image{transform:scale(1.05)}.guide-card__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tcghive-color-primary-soft),var(--tcghive-color-surface-high));color:var(--tcghive-color-primary-deep)}.guide-card__placeholder .material-symbols-outlined{font-size:calc(3rem * var(--guide-scale))}.guide-card__badge{position:absolute;top:calc(1rem * var(--guide-scale));left:calc(1rem * var(--guide-scale));padding:calc(.25rem * var(--guide-scale)) calc(.75rem * var(--guide-scale));border-radius:999px;background:var(--tcghive-color-primary);color:#fff;font-family:var(--tcghive-font-body);font-size:calc(.75rem * var(--guide-scale));line-height:calc(1rem * var(--guide-scale));font-weight:600;letter-spacing:.05em;text-transform:uppercase}.guide-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(1.5rem * var(--guide-scale))}.guide-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:calc(.5rem * var(--guide-scale));margin:0 0 calc(.75rem * var(--guide-scale));color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-body);font-size:calc(.75rem * var(--guide-scale));line-height:calc(1rem * var(--guide-scale));font-weight:600;letter-spacing:.05em}.guide-card__meta-icon{font-size:calc(1rem * var(--guide-scale))}.guide-card__meta-separator{margin-inline:calc(.25rem * var(--guide-scale))}.guide-card__title{margin:0 0 calc(1rem * var(--guide-scale));color:var(--tcghive-color-text);font-family:var(--tcghive-font-headline);font-size:calc(1.5rem * var(--guide-scale));line-height:calc(2rem * var(--guide-scale));font-weight:600;transition:color .2s ease}.guide-card:hover .guide-card__title{color:var(--tcghive-color-primary)}.guide-card__link:after,.guide-row__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.guide-card__link:focus-visible,.guide-row__link:focus-visible{outline:none}.guide-card:has(.guide-card__link:focus-visible),.guide-row:has(.guide-row__link:focus-visible){outline:2px solid var(--tcghive-color-primary);outline-offset:3px}.guide-card__excerpt{display:-webkit-box;margin:0 0 calc(1.5rem * var(--guide-scale));overflow:hidden;color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-body);font-size:calc(1rem * var(--guide-scale));line-height:calc(1.5rem * var(--guide-scale));-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.guide-card__cta{display:inline-flex;align-items:center;gap:calc(.5rem * var(--guide-scale));margin-top:auto;color:var(--tcghive-color-primary);font-family:var(--tcghive-font-body);font-size:calc(1rem * var(--guide-scale));font-weight:700}.guide-card__cta .material-symbols-outlined{font-size:calc(1.5rem * var(--guide-scale));transition:transform .2s ease}.guide-card:hover .guide-card__cta{text-decoration:underline;text-underline-offset:.18em}.guide-card:hover .guide-card__cta .material-symbols-outlined{transform:translate(3px)}.blog-guides__list-title{margin:0 0 calc(2rem * var(--guide-scale));padding-bottom:calc(1rem * var(--guide-scale));border-bottom:1px solid var(--tcghive-color-outline-variant);color:var(--tcghive-color-text);font-family:var(--tcghive-font-headline);font-size:calc(1.5rem * var(--guide-scale));line-height:calc(2rem * var(--guide-scale));font-weight:600;text-align:center}.blog-guides__list{display:grid;gap:calc(1.5rem * var(--guide-scale));max-width:calc(56rem * var(--guide-scale));margin-inline:auto}.guide-row{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:calc(1rem * var(--guide-scale));padding:calc(1.5rem * var(--guide-scale));border:1px solid var(--tcghive-color-outline-variant);border-radius:var(--tcghive-radius-md);background:var(--tcghive-color-surface-lowest);transition:background-color .2s ease}.guide-row:hover{background:var(--tcghive-color-surface-low)}.guide-row__main{display:flex;flex-direction:column;gap:var(--tcghive-gutter-mobile)}.guide-row__thumb{display:flex;flex:0 0 auto;width:calc(6rem * var(--guide-scale));height:calc(4rem * var(--guide-scale));align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tcghive-radius-sm);background:var(--tcghive-color-surface-high)}.guide-row__image{width:100%;height:100%;object-fit:cover}.guide-row__placeholder{color:var(--tcghive-color-outline)}.guide-row__eyebrow{display:block;color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-body);font-size:calc(.75rem * var(--guide-scale));line-height:calc(1rem * var(--guide-scale));font-weight:600;letter-spacing:.1em;text-transform:uppercase}.guide-row__title{margin:0;color:var(--tcghive-color-text);font-family:var(--tcghive-font-body);font-size:calc(1.125rem * var(--guide-scale));line-height:calc(1.75rem * var(--guide-scale));font-weight:700;transition:color .2s ease}.guide-row:hover .guide-row__title{color:var(--tcghive-color-primary)}.guide-row__aside{display:flex;flex:0 0 auto;align-items:center;gap:calc(1rem * var(--guide-scale));color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-body);font-size:calc(.875rem * var(--guide-scale));line-height:calc(1.25rem * var(--guide-scale));font-weight:500;letter-spacing:.01em}.guide-row__chevron{font-size:calc(1.5rem * var(--guide-scale));transition:transform .2s ease}.guide-row:hover .guide-row__chevron{transform:translate(4px)}.blog-guides__empty{display:flex;flex-direction:column;align-items:center;padding:calc(4rem * var(--guide-scale)) calc(2rem * var(--guide-scale));border:2px dashed var(--tcghive-color-outline-variant);border-radius:var(--tcghive-radius-xl);background:var(--tcghive-color-surface-lowest);text-align:center}.blog-guides__empty-icon{margin-bottom:calc(1rem * var(--guide-scale));color:var(--tcghive-color-outline-variant);font-size:calc(3.75rem * var(--guide-scale))}.blog-guides__empty-title{margin:0;color:var(--tcghive-color-text-muted);font-family:var(--tcghive-font-headline);font-size:calc(1.5rem * var(--guide-scale));line-height:calc(2rem * var(--guide-scale));font-weight:600}.blog-guides__empty-body{max-width:calc(24rem * var(--guide-scale));margin:calc(.5rem * var(--guide-scale)) auto 0;color:var(--tcghive-color-text-muted)}.blog-guides__no-results{margin:0;color:var(--tcghive-color-text-muted);font-size:calc(1rem * var(--guide-scale));text-align:center}.blog-guides__no-results[hidden]{display:none}@media(min-width:768px){.blog-guides{padding-block:calc(4rem * var(--guide-scale)) calc(5rem * var(--guide-scale))}.blog-guides__inner{padding-inline:var(--tcghive-gutter-desktop)}.blog-guides__title{font-size:calc(3rem * var(--guide-scale));line-height:calc(3.5rem * var(--guide-scale))}.blog-guides__featured{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-guides__featured--single{grid-template-columns:minmax(0,1fr)}.guide-card__body{padding:calc(2rem * var(--guide-scale))}.guide-row,.guide-row__main{flex-direction:row;align-items:center}}@media(prefers-reduced-motion:reduce){.guide-card,.guide-card__image,.guide-row__chevron,.guide-card__cta .material-symbols-outlined,.blog-guides__search{transition:none}.guide-card:hover,.guide-card:focus-within,.guide-card:hover .guide-card__image,.blog-guides__search:focus-within{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-blog.css.map */