.teeez-hero{--teeez-hero-offset: 0px;--p: 0;display:block;position:relative;height:calc(100svh - var(--teeez-hero-offset));min-height:420px;max-height:1100px;overflow:hidden;background:#fff}@supports not (height: 100svh){.teeez-hero{height:calc(100vh - var(--teeez-hero-offset))}}.teeez-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0px round 0px)}.teeez-hero[data-shrink=true].is-settled .teeez-hero__frame{clip-path:inset(8px round 14px)}.teeez-hero__track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}.teeez-hero__track::-webkit-scrollbar{display:none}.teeez-hero__slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.teeez-hero__media,.teeez-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.teeez-hero__img{width:100%;height:100%;object-fit:cover;object-position:var(--fp-d, 50% 50%);display:block;transform-origin:center}.teeez-hero[data-shrink=true] .teeez-hero__img{transform:scale(1.18)}.teeez-hero[data-shrink=true].is-settled .teeez-hero__img{transform:scale(1)}.teeez-hero__placeholder{background:#f2f2f2}.teeez-hero__content{position:absolute;z-index:2;left:40px;bottom:40px;max-width:calc(100% - 80px)}.teeez-hero__content--bottom-center{left:50%;transform:translate(-50%);text-align:center}.teeez-hero__content--center{left:50%;bottom:50%;transform:translate(-50%,50%);text-align:center}.teeez-hero__box{width:400px;max-width:100%;padding:30px 32px 32px;background:#ffffff6b;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.75);color:#111}.teeez-hero__overline{margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.teeez-hero__title{margin:0 0 20px;font-size:30px;line-height:1.15;color:#111}.teeez-hero__cta{display:inline-block;background:transparent;color:#111!important;padding:12px 28px;font-size:14px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1.5px solid #111;transition:background .2s ease,color .2s ease}.teeez-hero__cta:hover{background:#111;color:#fff!important}.teeez-hero__cta:focus-visible,.teeez-hero__dot:focus-visible{outline:2px solid #a39382;outline-offset:3px}.teeez-hero__ui{position:absolute;z-index:3;right:24px;bottom:24px;display:flex;align-items:center;gap:16px;pointer-events:none}.teeez-hero__swipe{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#111;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;transition:opacity .4s ease;display:none}.teeez-hero__swipe-arrow{display:inline-block;animation:teeez-nudge 1.6s ease-in-out infinite}.teeez-hero[data-interacted=true] .teeez-hero__swipe{opacity:0}.teeez-hero__dots{display:flex;gap:8px;padding:7px 9px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.teeez-hero__dot{width:8px;height:8px;padding:0;border:1px solid #111;border-radius:50%;background:transparent;cursor:pointer}.teeez-hero__dot[aria-selected=true]{background:#111}@keyframes teeez-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media screen and (max-width:767px){.teeez-hero{min-height:480px}.teeez-hero__img{object-position:var(--fp-m, 50% 50%)}.teeez-hero__content{left:12px;bottom:12px;max-width:calc(100% - 24px)}.teeez-hero__box{width:auto;padding:14px 16px 16px}.teeez-hero__overline{font-size:9px;letter-spacing:.18em;margin-bottom:6px}.teeez-hero__title{font-size:20px;margin-bottom:12px}.teeez-hero__cta{padding:10px 18px;font-size:13px;letter-spacing:.14em}.teeez-hero__ui{left:0;right:0;bottom:auto;top:16px;justify-content:space-between;padding:0 16px}.teeez-hero__swipe{display:inline-block}}@media(prefers-reduced-motion:reduce){.teeez-hero__frame{transition:none!important}.teeez-hero__img{transform:none!important;transition:none!important}.teeez-hero__content{opacity:1!important;transition:none!important}.teeez-hero__swipe-arrow{animation:none}.teeez-hero__track{scroll-behavior:auto}}@media screen and (max-width:767px){.teeez-hero[data-shrink=true]{height:calc(74svh - var(--teeez-hero-offset));min-height:0;overflow:visible;z-index:5;background:transparent}.teeez-hero[data-shrink=true] .teeez-hero__frame{bottom:auto;height:calc(100vh - var(--teeez-hero-offset));height:calc(100lvh - var(--teeez-hero-offset));height:var(--teeez-hero-full, calc(100lvh - var(--teeez-hero-offset)));background:#fff}.teeez-hero[data-shrink=true].is-settled .teeez-hero__frame{height:100%}}@supports not (height: 100svh){@media screen and (max-width:767px){.teeez-hero[data-shrink=true]{height:calc(74vh - var(--teeez-hero-offset))}.teeez-hero[data-shrink=true] .teeez-hero__frame{height:calc(100vh - var(--teeez-hero-offset))}}}.teeez-hero__box{transform:scale(.8);transform-origin:left bottom}.teeez-hero__content--bottom-center .teeez-hero__box{transform-origin:center bottom}.teeez-hero__content--center .teeez-hero__box{transform-origin:center center}.teeez-hero[data-shrink=true].is-settled .teeez-hero__frame{transition:height 2.4s cubic-bezier(.25,.6,.2,1),clip-path 2.4s cubic-bezier(.25,.6,.2,1)}.teeez-hero[data-shrink=true].is-settled .teeez-hero__img{transition:transform 2.4s cubic-bezier(.25,.6,.2,1)}@media(prefers-reduced-motion:reduce){.teeez-hero[data-shrink=true].is-settled .teeez-hero__frame,.teeez-hero[data-shrink=true].is-settled .teeez-hero__img{transition:none!important}}@media screen and (max-width:767px){.section--teeez-hero,.shopify-section:has(>.teeez-hero){position:relative;z-index:6;overflow:visible!important}.layout--main-content{overflow-x:clip}}@media screen and (max-width:767px){.teeez-hero[data-shrink=true] .teeez-hero__content{bottom:calc(12px + var(--teeez-hero-hidden, 0px))}.teeez-hero[data-shrink=true].is-settled .teeez-hero__content{bottom:12px;transition:bottom 2.4s cubic-bezier(.25,.6,.2,1)}}@media screen and (max-width:767px){.teeez-hero[data-shrink=true] .teeez-hero__media{overflow:hidden}.teeez-hero[data-shrink=true] .teeez-hero__media{background:linear-gradient(180deg,var(--teeez-fill-top, #e1e3ee) 0%,var(--teeez-fill-bottom, #e5e5ec) 100%)}.teeez-hero[data-shrink=true] .teeez-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.teeez-hero[data-shrink=true] .teeez-hero__img,.teeez-hero[data-shrink=true].is-settled .teeez-hero__img{position:absolute;left:0;top:auto;bottom:var(--teeez-hero-hidden, 0px);width:100%;height:auto;max-height:calc(100% - var(--teeez-hero-hidden, 0px));object-fit:cover;transform:none!important;transition:none!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 28px,#000 calc(100% - 20px),transparent 100%)}.teeez-hero[data-shrink=true].is-settled .teeez-hero__img{bottom:0;max-height:100%;transition:bottom 2.4s cubic-bezier(.25,.6,.2,1),max-height 2.4s cubic-bezier(.25,.6,.2,1)!important}}@media screen and (max-width:767px){.teeez-hero[data-shrink=true] .teeez-hero__media--tall .teeez-hero__img,.teeez-hero[data-shrink=true].is-settled .teeez-hero__media--tall .teeez-hero__img{top:0;bottom:0;height:100%;max-height:none;object-fit:cover;object-position:50% 58%;-webkit-mask-image:none;mask-image:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/teeez-hero.css.map */