@keyframes bt-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.brutal-tiles{--bt-yellow: #FFD600;--bt-pink: #FF006E;--bt-lime: #06FFA5;--bt-coral: #FF6B4A;--bt-black: #1A1A1A;--bt-white: #FFFFFF;--bt-offwhite: #FAFAFA;--bt-font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--bt-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bt-border: 4px solid var(--bt-black);--bt-shadow: 6px 6px 0 var(--bt-black);--bt-max-width: 1200px;background:var(--bt-offwhite);padding:clamp(48px,8vw,80px) 0}.brutal-tiles__container{max-width:var(--bt-max-width);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.brutal-tiles__title{font-family:var(--bt-font-display);font-size:clamp(28px,5vw,40px);font-weight:700;letter-spacing:-.02em;text-align:center;margin:0 0 40px;color:var(--bt-black)}.brutal-tiles__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media screen and (min-width: 750px){.brutal-tiles__grid{grid-template-columns:repeat(4,1fr);gap:20px}}.brutal-tiles__tile{display:flex;flex-direction:column;padding:24px;border:var(--bt-border);box-shadow:var(--bt-shadow);text-decoration:none;color:var(--bt-black);transition:transform .15s ease,box-shadow .15s ease;min-height:160px;animation:bt-slide-up .5s ease-out both}.brutal-tiles__tile:nth-child(1){animation-delay:0s}.brutal-tiles__tile:nth-child(2){animation-delay:.06s}.brutal-tiles__tile:nth-child(3){animation-delay:.12s}.brutal-tiles__tile:nth-child(4){animation-delay:.18s}.brutal-tiles__tile:nth-child(5){animation-delay:.24s}.brutal-tiles__tile:nth-child(6){animation-delay:.3s}.brutal-tiles__tile:nth-child(7){animation-delay:.36s}.brutal-tiles__tile:nth-child(8){animation-delay:.42s}@media screen and (min-width: 750px){.brutal-tiles__tile{padding:28px;min-height:180px}}.brutal-tiles__tile:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--bt-black)}.brutal-tiles__tile:active{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--bt-black)}.brutal-tiles__tile:focus-visible{outline:3px solid var(--bt-black);outline-offset:2px}.brutal-tiles__tile--yellow{background:var(--bt-yellow)}.brutal-tiles__tile--pink{background:var(--bt-pink);color:var(--bt-white)}.brutal-tiles__tile--lime{background:var(--bt-lime)}.brutal-tiles__tile--coral{background:var(--bt-coral);color:var(--bt-white)}.brutal-tiles__tile--white{background:var(--bt-white)}.brutal-tiles__tile-icon{font-size:28px;margin-bottom:8px;display:block;line-height:1}.brutal-tiles__tile-icon .brutal-icon{width:40px;height:40px;display:block}@media screen and (min-width: 750px){.brutal-tiles__tile-icon{font-size:32px}.brutal-tiles__tile-icon .brutal-icon{width:48px;height:48px}}.brutal-tiles__tile-title{font-family:var(--bt-font-display);font-size:clamp(18px,3vw,24px);font-weight:700;margin-bottom:8px}.brutal-tiles__tile-desc{font-family:var(--bt-font-body);font-size:13px;line-height:1.4;opacity:.85;flex-grow:1}.brutal-tiles__tile-arrow{align-self:flex-end;margin-top:12px;transition:transform .15s ease}.brutal-tiles__tile:hover .brutal-tiles__tile-arrow{transform:translate(3px,-3px)}@media screen and (max-width: 749px){.brutal-tiles{padding:40px 0}.brutal-tiles__title{margin-bottom:24px;font-size:24px}.brutal-tiles__grid{gap:10px}.brutal-tiles__tile{padding:16px;min-height:120px;border-width:3px;box-shadow:4px 4px 0 var(--bt-black)}.brutal-tiles__tile:hover{box-shadow:6px 6px 0 var(--bt-black)}.brutal-tiles__tile-icon{font-size:24px;margin-bottom:6px}.brutal-tiles__tile-icon .brutal-icon{width:32px;height:32px}.brutal-tiles__tile-title{font-size:15px;margin-bottom:4px}.brutal-tiles__tile-desc{font-size:12px;line-height:1.3}.brutal-tiles__tile-arrow{margin-top:8px}.brutal-tiles__tile-arrow svg{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.brutal-tiles__tile{transition:none;animation:none;opacity:1;transform:none}.brutal-tiles__tile:hover{transform:none;box-shadow:var(--bt-shadow)}.brutal-tiles__tile-arrow{transition:none}.brutal-tiles__tile:hover .brutal-tiles__tile-arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/brutal-occasion-tiles.css.map */