.dtc-gallery__grid{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:clamp(14px,1.8vw,22px);margin-top:clamp(24px,3.4vw,38px)}.dtc-gallery__item{margin:0;min-width:0;position:relative}.dtc-gallery__media{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-sm);overflow:hidden;background:var(--dtc-grey-dark);cursor:pointer}.dtc-scheme--white .dtc-gallery__media,.dtc-scheme--grey .dtc-gallery__media{background:var(--dtc-grey-light)}.dtc-gallery__media img,.dtc-gallery__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(var(--flip, 1));transition:transform .35s ease}@media(hover:hover){.dtc-gallery__item:hover .dtc-gallery__media img{transform:scaleX(var(--flip, 1)) scale(1.05)}}.dtc-gallery__item--flip{--flip: -1}.dtc-gallery--contain .dtc-gallery__media{aspect-ratio:16 / 11}.dtc-gallery--contain .dtc-gallery__media img{object-fit:contain;padding:7% 6% 14%}@media(hover:hover){.dtc-gallery--contain .dtc-gallery__item:hover .dtc-gallery__media img{transform:scaleX(var(--flip, 1)) scale(1.04)}}.dtc-gallery__caption{display:flex;flex-direction:column;gap:2px;padding-top:10px}.dtc-gallery__accent{font-family:var(--font-body);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dtc-yellow, var(--dtc-yellow))}.dtc-gallery__title{font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--heading)}.dtc-gallery__sub{font-size:11.5px;color:var(--muted)}.dtc-gallery--overlay .dtc-gallery__overlaycap{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:34px 14px 12px;background:linear-gradient(180deg,transparent,rgba(8,8,9,.82));pointer-events:none}.dtc-gallery--overlay .dtc-gallery__title{color:#fff;font-size:14px}.dtc-gallery--overlay .dtc-gallery__sub{color:#c9cbcf}.dtc-gallery__quotecta{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dtc-yellow, var(--dtc-yellow));opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease}.dtc-gallery__item:hover .dtc-gallery__quotecta{opacity:1;transform:none}.dtc-gallery__item--quote{cursor:pointer}.dtc-gallery__item--quote .dtc-gallery__media{transition:border-color .2s ease,box-shadow .2s ease;border:1px solid transparent}.dtc-gallery__item--quote:focus-visible .dtc-gallery__media{border-color:rgba(var(--dtc-yellow-rgb),.55);box-shadow:0 10px 30px #00000059}@media(hover:hover){.dtc-gallery__item--quote:hover .dtc-gallery__media{border-color:rgba(var(--dtc-yellow-rgb),.55);box-shadow:0 10px 30px #00000059}}.dtc-gallery__item--quote:focus-visible{outline:none}.dtc-gallery__headbtns{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}@media(max-width:600px){.dtc-gallery__headbtns{width:100%;flex-direction:column}.dtc-gallery__headbtns .dtc-btn{width:100%;justify-content:center}}.dtc-gallery__filters{display:flex;gap:8px;margin-top:18px}.dtc-gallery__fbtn{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}@media(hover:hover){.dtc-gallery__fbtn:hover{color:var(--heading);border-color:var(--heading)}}.dtc-gallery__fbtn.is-active{background:var(--dtc-yellow, var(--dtc-yellow));border-color:var(--dtc-yellow, var(--dtc-yellow));color:#0d0d0d}.dtc-gallery__carousel{position:relative}.dtc-gallery__grid--slider{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain}.dtc-gallery__grid--slider::-webkit-scrollbar{display:none}.dtc-gallery__grid--slider>.dtc-gallery__item{flex:0 0 calc((100% - (var(--cols, 4) - 1) * clamp(14px,1.8vw,22px)) / var(--cols, 4));scroll-snap-align:start}@media(max-width:899px){.dtc-gallery__grid--slider>.dtc-gallery__item{flex-basis:calc((100% - clamp(14px,1.8vw,22px))/2)}}@media(max-width:599px){.dtc-gallery__grid--slider>.dtc-gallery__item{flex-basis:72%}}@media(max-width:1149px){.dtc-gallery__grid:not(.dtc-gallery__grid--slider){grid-template-columns:repeat(min(var(--cols, 4),3),minmax(0,1fr))}}@media(max-width:899px){.dtc-gallery__grid:not(.dtc-gallery__grid--slider){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.dtc-gallery__grid.dtc-grid--rail{display:flex}.dtc-gallery__grid.dtc-grid--rail>*{flex:0 0 66%}.dtc-gallery--contain .dtc-gallery__grid.dtc-grid--rail>*{flex-basis:80%}}.dtc-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483200;display:flex;align-items:center;justify-content:center}.dtc-lightbox[hidden]{display:none}html.dtc-lightbox-open{overflow:hidden}.dtc-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050506e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dtc-lightbox__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(1200px,92vw);max-height:90vh}.dtc-lightbox__media{display:flex;align-items:center;justify-content:center;min-width:0}.dtc-lightbox__media img,.dtc-lightbox__media video{max-width:min(1200px,92vw);max-height:76vh;border-radius:12px;box-shadow:0 30px 90px #0009;background:#101012}.dtc-lightbox__caption{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;color:#c9cbcf}.dtc-lightbox__accent{font-family:var(--font-body, "Inter", sans-serif);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dtc-yellow, var(--dtc-yellow))}.dtc-lightbox__title{font-family:var(--font-body, "Inter", sans-serif);font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff}.dtc-lightbox__text{font-size:13px}.dtc-lightbox__count{position:absolute;top:18px;inset-inline-start:22px;font-family:var(--font-body, "Inter", sans-serif);font-size:12.5px;font-weight:700;letter-spacing:.08em;color:#9a9da3}.dtc-lightbox__btn{position:absolute;z-index:2;width:46px;height:46px;border:1px solid #3A3B3F;border-radius:50%;background:#101012d9 no-repeat center / 18px;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.dtc-lightbox__btn:hover{border-color:var(--dtc-yellow, var(--dtc-yellow));transform:scale(1.06)}.dtc-lightbox__btn--prev{inset-inline-start:clamp(10px,3vw,40px);top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F8B000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m15 18-6-6 6-6'/></svg>")}.dtc-lightbox__btn--prev:hover{transform:translateY(-50%) scale(1.06)}.dtc-lightbox__btn--next{inset-inline-end:clamp(10px,3vw,40px);top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F8B000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>")}.dtc-lightbox__btn--next:hover{transform:translateY(-50%) scale(1.06)}.dtc-lightbox__btn--close{top:14px;inset-inline-end:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8E8E6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18'/><path d='m6 6 12 12'/></svg>")}.dtc-lightbox__btn--close:hover{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F8B000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18'/><path d='m6 6 12 12'/></svg>")}@media(max-width:599px){.dtc-lightbox__btn{width:40px;height:40px}.dtc-lightbox__media img,.dtc-lightbox__media video{max-height:64vh}}@media(prefers-reduced-motion:reduce){.dtc-gallery__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dtc-gallery.css.map */