@media (prefers-reduced-motion: no-preference){section{transition:opacity .3s ease,transform .3s ease}}.template-index section+section{position:relative}.template-index section+section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.08),transparent);opacity:.6}.template-index .page-width{padding-left:clamp(1.5rem,4vw,5rem);padding-right:clamp(1.5rem,4vw,5rem)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}*:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px;border-radius:2px}.button{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.button:hover:after{width:300px;height:300px}img{transition:opacity .3s ease}img[loading=lazy]{opacity:.8}img[loading=lazy]:not([data-loaded]){filter:blur(4px)}img[loading=lazy][data-loaded]{opacity:1;filter:blur(0)}.grid{gap:clamp(2rem,4vw,4rem)}@media screen and (min-width: 990px){.grid{gap:clamp(3rem,5vw,6rem)}}h1,h2,h3,.h1,.h2,.h3{margin-top:0}@media screen and (max-width: 749px){.template-index section{padding-left:1.5rem;padding-right:1.5rem}.template-index .page-width{padding-left:1.5rem;padding-right:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.template-index section{contain:layout style paint;will-change:transform}@media print{.template-index section+section:before{display:none}}.template-index .featured-product{position:relative;overflow:visible}.template-index .featured-product:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.1),transparent);opacity:.5;z-index:1}.template-index .homepage-apple-map{position:relative}.template-index .homepage-apple-map:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.1),transparent);opacity:.5}.template-index section{position:relative}.template-index .page-width{position:relative}.template-index section:not(:first-child){position:relative}.template-index section:not(:first-child):before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.08),transparent);opacity:.6;z-index:1}.template-index .featured-product{background:linear-gradient(180deg,rgba(var(--color-background),0),rgba(var(--color-background),.5),rgba(var(--color-background),1))}.template-index .homepage-apple-map{background:linear-gradient(180deg,rgba(var(--color-background),1),rgba(var(--color-background),.98))}@media (prefers-reduced-motion: no-preference){.template-index section{animation:fadeInUp .6s ease-out backwards}.template-index section:nth-child(1){animation-delay:0s}.template-index section:nth-child(2){animation-delay:.1s}.template-index section:nth-child(3){animation-delay:.2s}.template-index section:nth-child(4){animation-delay:.3s}}.template-index .card{transition:all .4s cubic-bezier(.4,0,.2,1)}.template-index .card:hover{transform:translateY(-4px)}.template-index h1,.template-index .h1{letter-spacing:-.02em;font-weight:700}.template-index h2,.template-index .h2{letter-spacing:-.01em;font-weight:600}.template-index .button{position:relative;overflow:hidden;z-index:1}.template-index .button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:-1}.template-index .button:hover:before{width:300px;height:300px}.template-index img{transition:opacity .4s ease,transform .4s ease}.template-index img:hover{transform:scale(1.02)}@media screen and (max-width: 749px){.template-index section{padding-left:1.5rem;padding-right:1.5rem}.template-index section:before{width:80%;max-width:150px}.template-index h1,.template-index .h1{font-size:clamp(2rem,8vw,3rem);line-height:1.2}.template-index h2,.template-index .h2{font-size:clamp(1.5rem,6vw,2.25rem);line-height:1.3}.template-index .button{min-height:48px;padding:1rem 2rem;font-size:1rem}.template-index .page-width{padding-left:1.5rem;padding-right:1.5rem}.template-index img{max-width:100%;height:auto}}@media screen and (min-width: 990px){.template-index .page-width{max-width:1400px;margin-left:auto;margin-right:auto}.template-index h1,.template-index .h1{font-size:clamp(3rem,5vw,5rem);line-height:1.1}.template-index h2,.template-index .h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.template-index section{padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(4rem,8vw,8rem)}}@media screen and (min-width: 750px) and (max-width: 989px){.template-index .page-width{padding-left:3rem;padding-right:3rem}.template-index h1,.template-index .h1{font-size:clamp(2.5rem,5vw,4rem)}}@media screen and (max-width: 749px){.template-index a,.template-index button,.template-index input[type=button],.template-index input[type=submit]{min-height:44px;min-width:44px}}@supports (container-type: inline-size){.template-index section{container-type:inline-size}}@media (prefers-reduced-motion: reduce){.template-index *,.template-index *:before,.template-index *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.template-index img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/homepage-enhancements.css.map */
