.dtc-blog__head{max-width:1100px;margin-bottom:clamp(28px,4vw,46px)}.dtc-blog__head .dtc-title{font-size:var(--fs-display)}.dtc-blog__head .dtc-lede{margin-top:12px}.dtc-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px)}.dtc-blog__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:1200px){.dtc-blog__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:900px)and (max-width:1199px){.dtc-blog__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:899px){.dtc-blog__grid,.dtc-blog__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:579px){.dtc-blog__grid,.dtc-blog__grid--3{grid-template-columns:1fr}}.dtc-blog__card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--card-border, #2C2D30);border-radius:var(--tdhq-radius, 10px);background:var(--card-bg, #1D1E20);text-decoration:none;color:inherit;transition:transform var(--dtc-t-fast) var(--dtc-ease),border-color var(--dtc-t-fast) var(--dtc-ease),box-shadow var(--dtc-t-fast) var(--dtc-ease)}@media(hover:hover){.dtc-blog__card:hover{transform:translateY(-3px);border-color:rgba(var(--dtc-yellow-rgb),.5);box-shadow:0 8px 20px #0000004d}}@media(hover:hover){:is(.dtc-scheme--white,.dtc-scheme--grey,.dtc-scheme--pale,.dtc-scheme--yellow) .dtc-blog__card:hover{border-color:var(--tdhq-card-border, #E6E6E6);box-shadow:0 10px 24px #00000014}}:is(.dtc-scheme--white,.dtc-scheme--grey,.dtc-scheme--pale,.dtc-scheme--yellow) .dtc-blog__card:focus-visible{outline:2px solid var(--tdhq-yellow, #FFD700);outline-offset:2px;box-shadow:0 0 0 4px #0000008c}.dtc-blog__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--dtc-grey-dark, #202022)}.dtc-blog__img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--dtc-ease)}@media(hover:hover){.dtc-blog__card:hover .dtc-blog__img{transform:scale(1.05)}}.dtc-blog__imgph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--dtc-yellow);opacity:.5}.dtc-blog__tag{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:4px 8px;border-radius:var(--radius-sm, 6px);background:#0d0d0db8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--dtc-yellow);font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dtc-blog__body{display:flex;flex-direction:column;flex:1;padding:clamp(16px,1.6vw,22px)}.dtc-blog__meta{display:flex;flex-wrap:wrap;gap:14px;font-size:var(--fs-label);color:var(--muted, #9A9DA3);margin-bottom:10px}.dtc-blog__meta span{display:inline-flex;align-items:center;gap:5px}.dtc-blog__meta svg{color:var(--dtc-yellow)}.dtc-blog__title{margin:0 0 8px;font-size:var(--fs-h3);line-height:1.3;color:var(--heading, #fff);font-weight:700}.dtc-blog__excerpt{margin:0 0 16px;color:var(--text, #C9CBCF);font-size:var(--fs-body-sm);line-height:1.7}.dtc-blog__more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:var(--dtc-yellow);font-weight:700;font-size:var(--fs-body-sm, 14px)}.dtc-blog__pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:clamp(30px,4vw,48px)}.dtc-blog__pglink,.dtc-blog__pgnum{display:inline-flex;align-items:center;gap:6px;min-width:40px;height:40px;padding:0 12px;justify-content:center;border:1px solid var(--card-border, #2C2D30);border-radius:var(--radius, 10px);color:var(--text, #C9CBCF);text-decoration:none;font-weight:600;font-size:var(--fs-body-sm, 14px);transition:border-color var(--dtc-t-fast) var(--dtc-ease),color var(--dtc-t-fast) var(--dtc-ease),background var(--dtc-t-fast) var(--dtc-ease)}.dtc-blog__pglink:hover,.dtc-blog__pgnum:hover{border-color:var(--dtc-yellow);color:var(--dtc-yellow)}.dtc-blog__pgnum.is-current{background:var(--dtc-yellow);border-color:var(--dtc-yellow);color:#0d0d0d}.dtc-blog__empty{color:var(--muted, #9A9DA3);text-align:center;padding:40px 0}.dtc-blog__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.dtc-blog__filter{margin-bottom:18px}.dtc-blog__filterlabel{margin:0 0 8px;font-size:var(--fs-label, 13px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted, #9A9DA3)}.dtc-blog__filter .dtc-blog__tags{margin:0}.dtc-scheme--black .dtc-blog__tags .tdhq-chip,.dtc-scheme--dark .dtc-blog__tags .tdhq-chip{background:transparent;color:#f2f2f2;border-color:var(--card-border, #2C2D30);text-decoration:none}.dtc-scheme--black .dtc-blog__tags .tdhq-chip:hover,.dtc-scheme--dark .dtc-blog__tags .tdhq-chip:hover{border-color:var(--dtc-yellow);color:var(--dtc-yellow)}.dtc-blog__tags .tdhq-chip{text-decoration:none}.dtc-blogfeed__rail{display:flex;gap:clamp(16px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:none}.dtc-blogfeed__rail::-webkit-scrollbar{display:none}.dtc-blogfeed__rail>.dtc-blog__card{scroll-snap-align:start;flex:0 0 clamp(260px,32%,380px)}.dtc-blogfeed__head{margin-bottom:clamp(28px,4vw,44px)}@media(min-width:600px){.dtc-blogfeed__head>.dtc-head{flex:1 1 420px;min-width:0}}@media(max-width:599px){.dtc-blogfeed .dtc-blog__grid,.dtc-blog__grid.dtc-blog__grid--rail,.tdhq-artrel .tdhq-artrel__grid:not(.tdhq-artrel__grid--single){display:flex;gap:14px;margin-inline:calc(-1 * var(--dtc-gutter));padding-inline:var(--dtc-gutter);padding-bottom:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--dtc-gutter);scrollbar-width:none;overscroll-behavior-x:contain}.dtc-blogfeed .dtc-blog__grid::-webkit-scrollbar,.dtc-blog__grid.dtc-blog__grid--rail::-webkit-scrollbar,.tdhq-artrel .tdhq-artrel__grid::-webkit-scrollbar{display:none}.dtc-blogfeed .dtc-blog__grid>.dtc-blog__card,.dtc-blog__grid.dtc-blog__grid--rail>.dtc-blog__card,.tdhq-artrel .tdhq-artrel__grid>.dtc-blog__card{flex:0 0 84%;scroll-snap-align:center}}@media(prefers-reduced-motion:reduce){.dtc-blog__card,.dtc-blog__img{transition:none}}.dtc-blog__backlink{margin:10px 0 0;font-size:var(--fs-body-sm, 14px)}.dtc-blog__backlink a{color:var(--dtc-yellow);text-decoration:none}.dtc-blog__backlink a:hover{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/21/assets/dtc-blog.css.map */