.thaani-hero{--thaani-hero-min-height: 52rem;--thaani-hero-title-size: clamp(4.2rem, 13vw, 14rem);--thaani-hero-media-size: clamp(18rem, 32vw, 34rem);--thaani-hero-padding-block: 5rem;display:block;position:relative;overflow:hidden;background-color:var(--thaani-hero-accent, var(--thaani-accent));color:var(--thaani-hero-contrast, var(--thaani-accent-contrast));transition:background-color .7s cubic-bezier(.4,0,.2,1),color .7s cubic-bezier(.4,0,.2,1)}.thaani-hero--compact{--thaani-hero-min-height: 42rem;--thaani-hero-title-size: clamp(3.8rem, 11vw, 11rem);--thaani-hero-media-size: clamp(16rem, 26vw, 27rem);--thaani-hero-padding-block: 3.6rem}.thaani-hero--medium{--thaani-hero-min-height: 58rem}.thaani-hero--full{--thaani-hero-min-height: calc(100svh - var(--header-height, 10rem));--thaani-hero-title-size: clamp(6rem, 19vw, 26rem);--thaani-hero-media-size: clamp(26rem, 44vw, 58rem)}.thaani-hero__track{display:grid;margin:0;padding:0;list-style:none}.thaani-hero__slide{grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--thaani-transition-slow, .4s) ease,visibility 0s linear var(--thaani-transition-slow, .4s)}.thaani-hero__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--thaani-transition-slow, .4s) ease,visibility 0s}.thaani-hero:not(.is-ready) .thaani-hero__slide:first-child{opacity:1;visibility:visible;pointer-events:auto}.thaani-hero__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:var(--thaani-hero-min-height);padding-top:var(--thaani-hero-padding-block);padding-bottom:var(--thaani-hero-padding-block);text-align:center}.thaani-hero__stage{display:grid;place-items:center;width:100%}.thaani-hero__title{grid-area:1 / 1;z-index:1;margin:0;width:100%;font-size:var(--thaani-hero-title-size);line-height:.84;letter-spacing:-.02em;text-align:center;color:inherit;opacity:.96;-webkit-user-select:none;user-select:none}.thaani-hero__title-line,.thaani-hero__title-plain{display:block;transform:translateY(.35em);opacity:0;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .48s ease}.thaani-hero__title-line:nth-child(2){transition-delay:.11s}.thaani-hero__title-line:nth-child(3){transition-delay:.22s}.thaani-hero__slide.is-active .thaani-hero__title-line,.thaani-hero__slide.is-active .thaani-hero__title-plain,.thaani-hero:not(.is-ready) .thaani-hero__slide:first-child .thaani-hero__title-line,.thaani-hero:not(.is-ready) .thaani-hero__slide:first-child .thaani-hero__title-plain{transform:translateY(0);opacity:1}.thaani-hero__media{grid-area:1 / 1;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;transform:translateY(9rem) rotate(-8deg) scale(.94);opacity:0;transition:transform .78s cubic-bezier(.22,1,.36,1) .14s,opacity .52s ease .14s}.thaani-hero__slide.is-active .thaani-hero__media,.thaani-hero:not(.is-ready) .thaani-hero__slide:first-child .thaani-hero__media{transform:translateY(0) rotate(0) scale(1);opacity:1}.thaani-hero__meta{transform:translateY(1.2rem);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1) .26s,opacity .45s ease .26s}.thaani-hero__slide.is-active .thaani-hero__meta,.thaani-hero:not(.is-ready) .thaani-hero__slide:first-child .thaani-hero__meta{transform:translateY(0);opacity:1}.thaani-hero__image{display:block;width:auto;max-width:min(100%,62rem);height:var(--thaani-hero-media-size);object-fit:contain}.thaani-hero__meta{display:flex;flex-direction:column;align-items:center;gap:1.4rem;max-width:62rem}.thaani-hero__thai{margin:0;font-size:clamp(2rem,4vw,3.2rem);opacity:.85}.thaani-hero__text{margin:0;font-size:var(--thaani-size-body, 1.9rem);opacity:.85}.thaani-hero__cta{--color-button: var(--thaani-hero-contrast-rgb, var(--thaani-accent-contrast-rgb));--color-button-text: var(--thaani-hero-accent-rgb, var(--thaani-accent-rgb));margin-top:.6rem}.thaani-hero__controls{display:flex;align-items:center;justify-content:center;gap:1.6rem;padding-bottom:2.4rem}.thaani-hero__arrow{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:var(--thaani-border-width, 1px) solid color-mix(in srgb,currentColor 40%,transparent);border-radius:var(--thaani-radius-pill, 999px);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;cursor:pointer;transition:background-color var(--thaani-transition, .3s) ease,color var(--thaani-transition, .3s) ease}.thaani-hero__arrow:hover{background-color:currentColor}.thaani-hero__arrow:hover .thaani-hero__arrow-icon{color:var(--thaani-hero-accent, var(--thaani-accent))}.thaani-hero__arrow-icon{display:block;width:1.6rem;height:1.6rem}.thaani-hero__arrow-icon svg{width:100%;height:100%;fill:currentColor}.thaani-hero__arrow--prev .thaani-hero__arrow-icon{transform:rotate(180deg)}.thaani-hero__dots{display:flex;align-items:center;gap:1rem;margin:0;padding:0;list-style:none}.thaani-hero__dot{width:1rem;height:1rem;padding:0;border:var(--thaani-border-width, 1px) solid color-mix(in srgb,currentColor 45%,transparent);border-radius:var(--thaani-radius-pill, 999px);background:color-mix(in srgb,currentColor 12%,transparent);color:inherit;cursor:pointer;transition:background-color var(--thaani-transition, .3s) ease,width var(--thaani-transition, .3s) ease}.thaani-hero__dot[aria-current=true]{width:2.8rem;background-color:currentColor}.thaani-hero__autoplay{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:var(--thaani-border-width, 1px) solid color-mix(in srgb,currentColor 40%,transparent);border-radius:var(--thaani-radius-pill, 999px);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;cursor:pointer;font-family:var(--thaani-font-body);font-size:1.2rem;font-weight:500}@media screen and (max-width:749px){.thaani-hero{--thaani-hero-title-size: clamp(4.6rem, 21vw, 9.6rem);--thaani-hero-media-size: clamp(17rem, 62vw, 30rem)}.thaani-hero__inner{gap:1.6rem}.thaani-hero__controls{gap:1.2rem}}@media(prefers-reduced-motion:reduce){.thaani-hero,.thaani-hero__slide,.thaani-hero__media,.thaani-hero__title-line,.thaani-hero__title-plain,.thaani-hero__meta,.thaani-hero__arrow,.thaani-hero__dot{transition:none}.thaani-hero__media,.thaani-hero__title-line,.thaani-hero__title-plain,.thaani-hero__meta{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/thaani-hero.css.map */