:root{--ccs-gap: var(--ccs-grid-gap, 12px);--ccs-mobile-height: 200px;--ccs-desktop-height: 480px;--ccs-border-radius: 8px;--ccs-transition: all .2s cubic-bezier(.4, 0, .2, 1);--ccs-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ccs-shadow-hover: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ccs-bg-primary: #000;--ccs-text-primary: #fff;--ccs-gray-100: #f3f4f6;--ccs-gray-200: #e5e7eb;--ccs-gray-800: #1f2937;--ccs-gray-900: #111827;--ccs-title-spacing: 2rem;--ccs-grid-color: rgba(255, 255, 255, .08);--ccs-grid-size: 20px;--ccs-grid-accent-color: rgba(255, 255, 255, .15);--ccs-grid-accent-size: 100px}.ccs-section *{box-sizing:border-box}.ccs-section{position:relative;width:100%;overflow:hidden}.ccs-background{position:relative;width:100%;background-color:var(--ccs-bg-color, var(--ccs-bg-primary));padding:2rem 0;min-height:auto;background-image:linear-gradient(var(--ccs-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--ccs-grid-color) 1px,transparent 1px),linear-gradient(var(--ccs-grid-accent-color) 1px,transparent 1px),linear-gradient(90deg,var(--ccs-grid-accent-color) 1px,transparent 1px);background-size:var(--ccs-grid-size) var(--ccs-grid-size),var(--ccs-grid-size) var(--ccs-grid-size),var(--ccs-grid-accent-size) var(--ccs-grid-accent-size),var(--ccs-grid-accent-size) var(--ccs-grid-accent-size);background-position:0 0,0 0,0 0,0 0}.ccs-container{width:100%;max-width:1400px;margin:0 auto;padding:0 .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.ccs-content{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.ccs-title-section{text-align:center;margin-bottom:var(--ccs-title-spacing, 2rem);width:100%;max-width:800px;padding:0 .5rem}.ccs-main-title{font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--ccs-heading-color, #fff);margin:0 0 .5rem;line-height:.9;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ccs-sub-title{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ccs-sub-heading-color, #ccc);margin:0;line-height:1.2;opacity:.9}.ccs-grid-wrapper,.ccs-grid{width:100%;position:relative}.ccs-grid-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ccs-gap, .75rem);width:100%;max-width:500px;margin:0 auto;padding:0;list-style:none}.ccs-grid-item-wrapper{width:100%;position:relative}.ccs-grid-item{position:relative;border-radius:var(--ccs-border-radius);overflow:hidden;transition:var(--ccs-transition);cursor:pointer;display:block;text-decoration:none;background:#fff;box-shadow:var(--ccs-shadow);border:1px solid var(--ccs-gray-200);aspect-ratio:3/4;min-height:200px;width:100%}.ccs-grid-item:hover{transform:translateY(-2px);box-shadow:var(--ccs-shadow-hover)}.ccs-media{width:100%!important;height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:1rem!important;position:relative!important;overflow:hidden!important;background-color:var(--ccs-gray-100)!important;opacity:1!important;visibility:visible!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;min-height:200px!important}.ccs-media:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000 60%,#0009);z-index:1;pointer-events:none}.ccs-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--ccs-gray-100),var(--ccs-gray-200));color:#666;font-size:.875rem;font-weight:500}.ccs-cta{position:relative!important;z-index:10!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--ccs-gray-900)!important;color:var(--ccs-text-primary)!important;text-align:center;padding:.5rem 1rem;border:1px solid var(--ccs-gray-800);border-radius:4px;text-transform:uppercase;font-weight:500;letter-spacing:.05em;font-size:.75rem;text-decoration:none;transition:var(--ccs-transition);min-width:100px;height:36px;overflow:hidden;white-space:nowrap;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ccs-cta:hover{background:#fff!important;color:var(--ccs-gray-900)!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.ccs-cta:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.ccs-cta:focus{outline:2px solid var(--ccs-text-primary);outline-offset:4px}@media (max-width: 379px){.ccs-container{padding:0 .5rem}.ccs-title-section{padding:0 .25rem;margin-bottom:1.5rem}.ccs-main-title{font-size:clamp(1.5rem,7vw,2.5rem);line-height:1}.ccs-sub-title{font-size:clamp(.875rem,4vw,1.125rem)}.ccs-grid-list{gap:var(--ccs-gap, .5rem);max-width:400px}.ccs-grid-item{min-height:160px;border-radius:6px}.ccs-media{min-height:160px!important;padding:.75rem!important}.ccs-cta{font-size:.6875rem;padding:.375rem .75rem;min-width:80px;height:30px}}@media (min-width: 480px){.ccs-container{padding:0 1rem}.ccs-grid-list{gap:var(--ccs-gap, 1rem);max-width:500px}.ccs-grid-item{min-height:240px}.ccs-media{min-height:240px!important;padding:1.25rem!important}}@media (min-width: 768px){.ccs-container,.ccs-title-section{padding:0 2rem}.ccs-main-title{font-size:clamp(2.5rem,6vw,5rem)}.ccs-sub-title{font-size:clamp(1.125rem,3vw,1.75rem)}.ccs-grid-list{grid-template-columns:repeat(3,1fr);max-width:900px;gap:var(--ccs-gap, 1.25rem)}.ccs-media{min-height:320px!important;padding:2rem!important}.ccs-background{--ccs-grid-size: 30px;--ccs-grid-accent-size: 150px}}@media (min-width: 1024px){.ccs-container{padding:0 3rem}.ccs-content{flex-direction:row;align-items:center;gap:4rem;justify-content:space-between}.ccs-title-section{flex:0 0 40%;max-width:500px;text-align:left;margin-bottom:0;padding:0}.ccs-main-title{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:1rem}.ccs-sub-title{font-size:clamp(1.125rem,2.5vw,1.5rem)}.ccs-grid-wrapper{flex:0 0 55%;max-width:600px}.ccs-grid-list{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--ccs-gap, 1.5rem);max-width:600px;margin:0}.ccs-grid-item{aspect-ratio:1/1}.ccs-media{min-height:280px!important;padding:1.5rem!important}.ccs-background{--ccs-grid-size: 36px;--ccs-grid-accent-size: 180px}}@media (min-width: 1200px){.ccs-content{gap:5rem}.ccs-title-section{max-width:550px}.ccs-main-title{font-size:clamp(3rem,5vw,5rem)}.ccs-sub-title{font-size:clamp(1.25rem,2.5vw,1.75rem)}.ccs-grid-wrapper{max-width:650px}.ccs-grid-list{gap:var(--ccs-gap, 2rem)}.ccs-media{min-height:320px!important}.ccs-background{--ccs-grid-size: 40px;--ccs-grid-accent-size: 200px}}.ccs-grid-item:focus-within{outline:3px solid var(--ccs-text-primary);outline-offset:4px}.ccs-grid-item:focus-within .ccs-cta{outline:none}.ccs-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ccs-sr-only:focus{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:inherit!important;background:#fff!important;color:#000!important;z-index:9999!important}@media (prefers-reduced-motion: reduce){.ccs-grid-item,.ccs-cta{transition:none}.ccs-grid-item:hover,.ccs-cta:hover{transform:none}.ccs-background{animation:none!important}}@media (prefers-contrast: high){.ccs-cta{border-width:3px}}.ccs-media{transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important}.ccs-media[style*=background-image]{background-blend-mode:normal!important;mix-blend-mode:normal!important;opacity:1!important;visibility:visible!important;filter:none!important}@keyframes blueprint-drift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:var(--ccs-grid-size) var(--ccs-grid-size),var(--ccs-grid-size) var(--ccs-grid-size),var(--ccs-grid-accent-size) var(--ccs-grid-accent-size),var(--ccs-grid-accent-size) var(--ccs-grid-accent-size)}}.ccs-background{animation:blueprint-drift 60s linear infinite}.ccs-section:hover .ccs-background{animation-play-state:paused}@media print{.ccs-section{break-inside:avoid}.ccs-grid-list{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.ccs-background{background-image:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-grid.css.map */