.t-hero{position:relative;overflow:clip;padding-block:clamp(1.75rem,5vw,4.5rem) clamp(3rem,7vw,6rem)}.t-hero__inner{display:grid;gap:clamp(2.25rem,5vw,3.5rem);align-items:center;width:min(100% - 32px,1240px);margin-inline:auto}@media(min-width:750px){.t-hero__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}@media(min-width:990px){.t-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.t-hero__copy{position:relative;z-index:1;display:grid;justify-items:start;gap:1.1rem}.t-hero__sticker .t-icon{width:1.15em;height:1.15em}.t-hero__title{margin:0;max-width:11ch;font-size:clamp(2.65rem,9vw,5.6rem);line-height:.98;letter-spacing:-.01em}@media(min-width:750px)and (max-width:989px){.t-hero__title{font-size:clamp(2.4rem,6.4vw,4rem)}}.t-hero__letters{display:block}.t-word{display:inline-block;white-space:nowrap}.t-char{display:inline-block;transform-origin:50% 85%}.t-hero__sub{margin:0;max-width:34ch;font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.5}.t-hero__buy{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.25rem;margin-top:.35rem}.t-hero__cta .t-icon{width:1.1em;height:1.1em;stroke-width:2.6}.t-hero__price{margin:0;font-family:var(--t-font-display);font-weight:700;font-size:1.15rem}.t-hero__proofs{margin-top:.4rem}@media(max-width:749px){.t-hero__cta,.t-hero__buy{width:100%}.t-hero__proofs{display:grid;gap:.45rem}}.t-hero__media{position:relative;justify-self:center;width:min(100%,440px)}.t-hero__card{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:var(--t-border-width) solid var(--t-ink);border-radius:var(--t-radius-lg);background-color:var(--t-pool);box-shadow:0 var(--t-shadow-offset) 0 0 var(--t-ink)}@media(min-width:750px){.t-hero__media{width:min(100%,320px)}}@media(min-width:990px){.t-hero__media{width:min(100%,380px)}.t-hero__card{aspect-ratio:9 / 16;max-height:min(70vh,660px);margin-inline:auto}}.t-hero__poster,.t-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.t-hero__video{opacity:0;transition:opacity .45s var(--t-ease-out)}.t-hero__video.is-playing{opacity:1}.t-hero__toggle{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:var(--t-border-width) solid var(--t-ink);border-radius:50%;background:var(--t-cream);color:var(--t-ink);cursor:pointer}.t-hero__toggle .t-icon{width:20px;height:20px}.t-hero__toggle .t-hero__icon-pause,.t-hero__toggle.is-playing .t-hero__icon-play{display:none}.t-hero__toggle.is-playing .t-hero__icon-pause{display:block}.t-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 62%,rgb(var(--t-cream-rgb) / .18) 0 34%,transparent 35%),var(--t-pool)}.t-hero__dog{width:64%;translate:0 6%}.t-hero__spark{position:absolute;width:18%}.t-hero__spark--1{top:12%;left:12%;rotate:-12deg}.t-hero__spark--2{top:18%;right:12%;width:15%;rotate:10deg}.t-hero__note{position:absolute;z-index:3;top:-1.4rem;right:.2rem;--t-note: var(--t-ink)}.t-hero__arrow{display:none}@media(min-width:990px){.t-hero__note{top:12%;right:auto;left:-42%}.t-hero__arrow{position:absolute;z-index:3;display:block;top:calc(12% + 2.6rem);left:-30%;width:110px;color:var(--t-ink);rotate:8deg}}.t-hero__ball{position:absolute;z-index:2;left:max(-6%,-24px);bottom:-7%;width:clamp(88px,22vw,150px);aspect-ratio:1;pointer-events:none}@media(min-width:750px)and (max-width:989px){.t-hero__ball{width:clamp(80px,12vw,120px)}}.t-hero__ball-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;transition:opacity .35s}.t-hero__ball canvas{position:absolute;top:-40%;left:-40%;width:180%;max-width:none;height:auto;aspect-ratio:1;opacity:0;transition:opacity .35s}.t-hero__ball.is-3d canvas{opacity:1}.t-hero__ball.is-3d .t-hero__ball-fallback{opacity:0}@keyframes t-letter-pop{0%{translate:0 .42em;scale:.55;rotate:-10deg}55%{translate:0 -.1em;scale:1.08;rotate:4deg}to{translate:0 0;scale:1;rotate:0deg}}@media(prefers-reduced-motion:no-preference){html[data-t-motion=on] .t-hero__letters[data-animate] .t-char{animation:t-letter-pop .62s var(--t-ease-spring) both;animation-delay:calc(var(--i) * 26ms + 80ms)}}.t-hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.t-hero__cta--secondary{font-size:clamp(1rem,1.4vw,1.1rem)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/t-hero.css.map */