.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-collage{position:relative;width:100%}.hero-collage__grid{display:grid;width:100%;min-height:480px}.hero-collage__grid--small{min-height:40vh}.hero-collage__grid--medium{min-height:60vh}.hero-collage__grid--large{min-height:75vh}@media (min-width: 768px){.hero-collage__grid--small{min-height:40vh}.hero-collage__grid--medium{min-height:60vh}.hero-collage__grid--large{min-height:75vh}}.hero-collage__grid{grid-template-columns:1fr;grid-template-rows:repeat(auto-fit,minmax(300px,1fr))}@media (min-width: 768px){.hero-collage__grid:has(.hero-collage__media:nth-child(2):last-child){grid-template-columns:1fr 1fr}.hero-collage__grid:has(.hero-collage__media:nth-child(3):last-child){grid-template-columns:1fr 1fr 1fr}}.hero-collage__media{position:relative;overflow:hidden}.hero-collage__media img{width:100%;height:100%;object-fit:cover;display:block}.hero-collage__overlay{position:absolute;inset:auto;transform:translate(-50%,-50%);padding:14px 20px;border-radius:9999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;text-align:center;z-index:10}.hero-collage__overlay--center{top:50%;left:50%;transform:translate(-50%,-50%)}.hero-collage__overlay--bottom-left{bottom:24px;left:24px;transform:none}.hero-collage__overlay--bottom-right{bottom:24px;right:24px;transform:none}.hero-collage__tagline{margin:0 0 8px;font-size:.875rem;font-weight:500;color:rgba(var(--color-foreground),.8)}.hero-collage__cta{display:inline-block;background:var(--cta-color, #ff9df1);color:var(--cta-text-color, #faf9f7);border:none;border-radius:12px;padding:12px 20px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s ease}.hero-collage__cta:hover{background:var(--cta-color-hover, #ff9df1);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.hero-collage__cta:focus{outline:2px solid rgba(var(--color-foreground),.5);outline:2px solid #ff9df1;outline-offset:2px;box-shadow:0 0 0 4px #007cba33}@media (max-width: 767px){.hero-collage{padding-top:env(safe-area-inset-top,0px)}.hero-collage__overlay{padding:12px 16px;margin:16px}.hero-collage__overlay--bottom-left,.hero-collage__overlay--bottom-right{bottom:16px;left:16px;right:16px;transform:none}.hero-collage__tagline{font-size:.75rem}.hero-collage__cta{padding:10px 16px;font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-collage.css.map */