.thaani-hero{--thaani-heading: currentColor;--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;position:relative;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):not(.is-loading) .thaani-hero__slide:first-child{opacity:1;visibility:visible;pointer-events:auto}.thaani-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(5% at 50% 52%);transform:scale(1.18);opacity:0;transition:clip-path 1.05s cubic-bezier(.22,1,.36,1),transform 1.25s cubic-bezier(.22,1,.36,1),opacity .3s ease}.thaani-hero__slide.is-active .thaani-hero__bg,.thaani-hero:not(.is-ready):not(.is-loading) .thaani-hero__slide:first-child .thaani-hero__bg{clip-path:circle(102% at 50% 52%);transform:scale(1);opacity:1}.thaani-hero__bg-image{width:100%;height:100%;object-fit:cover}.thaani-hero__bg--video{clip-path:none;transform:none;transition:opacity .4s ease}.thaani-hero__slide.is-active .thaani-hero__bg--video,.thaani-hero:not(.is-ready):not(.is-loading) .thaani-hero__slide:first-child .thaani-hero__bg--video{clip-path:none;transform:none}.thaani-hero__bg--video:after{content:none}.thaani-hero__bg-video{width:100%;height:100%;object-fit:cover}.thaani-hero__bg-video{transition:filter var(--thaani-hero-fokus-dauer, 2.6s) cubic-bezier(.22,1,.36,1),opacity var(--thaani-hero-fokus-dauer, 2.6s) ease,scale var(--thaani-hero-fokus-dauer, 2.6s) cubic-bezier(.22,1,.36,1)}.thaani-hero__slide.is-fokus .thaani-hero__bg-video{filter:blur(var(--thaani-hero-fokus-blur, 12px)) saturate(.9);opacity:var(--thaani-hero-fokus-deckkraft, .55);scale:1.07}.thaani-hero__blende{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;opacity:0;background:radial-gradient(ellipse 58% 52% at 50% 52%,rgba(var(--thaani-hero-contrast-rgb, var(--thaani-accent-contrast-rgb)),.16),rgba(var(--thaani-hero-contrast-rgb, var(--thaani-accent-contrast-rgb)),0) 68%),radial-gradient(ellipse 90% 80% at 50% 50%,rgba(var(--thaani-hero-accent-rgb),0) 55%,rgba(var(--thaani-hero-accent-rgb),.4));transition:opacity var(--thaani-hero-fokus-dauer, 2.6s) ease}.thaani-hero__slide.is-fokus .thaani-hero__blende{opacity:1}.thaani-hero--weiche-kanten .thaani-hero__bg{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--thaani-hero-kante-oben, 10%),black calc(100% - var(--thaani-hero-kante-unten, 16%)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--thaani-hero-kante-oben, 10%),black calc(100% - var(--thaani-hero-kante-unten, 16%)),transparent 100%)}.thaani-hero__saum{position:absolute;right:0;bottom:0;left:0;display:block;height:var(--thaani-hero-saum-hoehe, 12.8rem);pointer-events:none;background:linear-gradient(to bottom,rgba(var(--thaani-hero-saum-rgb, 247, 241, 232),0),rgba(var(--thaani-hero-saum-rgb, 247, 241, 232),.72) 62%,rgba(var(--thaani-hero-saum-rgb, 247, 241, 232),1))}.thaani-hero__bg-fallback{display:none;width:100%;height:100%;object-fit:cover}.thaani-hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 72% 64% at 50% 52%,rgba(var(--thaani-hero-accent-rgb),.62),rgba(var(--thaani-hero-accent-rgb),.32) 48%,rgba(var(--thaani-hero-accent-rgb),0) 80%)}.thaani-hero__inner{position:relative;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):not(.is-loading) .thaani-hero__slide:first-child .thaani-hero__title-line,.thaani-hero:not(.is-ready):not(.is-loading) .thaani-hero__slide:first-child .thaani-hero__title-plain{transform:translateY(0);opacity:1}.thaani-hero__burst{grid-area:1 / 1;position:relative;width:100%;height:100%;pointer-events:none}.thaani-hero__burst-item{position:absolute;top:50%;left:50%;z-index:1;height:calc(var(--thaani-hero-media-size) * var(--burst-size, .3));transform:translate(-50%,-50%) scale(.1) rotate(calc(var(--burst-rot, 0deg) * -1.5));opacity:0;transition:transform .95s cubic-bezier(.16,1,.3,1) var(--burst-delay, .3s),opacity .38s ease var(--burst-delay, .3s)}.thaani-hero__slide.is-active .thaani-hero__burst-item,.thaani-hero:not(.is-ready):not(.is-loading) .thaani-hero__slide:first-child .thaani-hero__burst-item{transform:translate(calc(-50% + var(--thaani-hero-media-size) * var(--burst-dx, 0) * var(--thaani-hero-burst-spread, 1)),calc(-50% + var(--thaani-hero-media-size) * var(--burst-dy, 0) * var(--thaani-hero-burst-spread, 1))) scale(1) rotate(var(--burst-rot, 0deg));opacity:1}.thaani-hero__burst-item--1{--burst-dx: -.92;--burst-dy: -.34;--burst-rot: -16deg;--burst-size: .34;--burst-delay: .26s;--burst-float-duration: 5.2s}.thaani-hero__burst-item--2{--burst-dx: .94;--burst-dy: -.4;--burst-rot: 14deg;--burst-size: .3;--burst-delay: .33s;--burst-float-duration: 4.6s}.thaani-hero__burst-item--3{--burst-dx: -1.12;--burst-dy: .18;--burst-rot: 10deg;--burst-size: .42;--burst-delay: .3s;--burst-float-duration: 5.8s}.thaani-hero__burst-item--4{--burst-dx: 1.14;--burst-dy: .24;--burst-rot: -11deg;--burst-size: .4;--burst-delay: .38s;--burst-float-duration: 5s}.thaani-hero__burst-item--5{z-index:3;--burst-dx: -.55;--burst-dy: .5;--burst-rot: -22deg;--burst-size: .22;--burst-delay: .43s;--burst-float-duration: 4.2s}.thaani-hero__burst-item--6{z-index:3;--burst-dx: .6;--burst-dy: .46;--burst-rot: 19deg;--burst-size: .24;--burst-delay: .47s;--burst-float-duration: 4.4s}@keyframes thaani-hero-burst-float{0%{transform:translateY(.5rem) rotate(-1.5deg)}to{transform:translateY(-.5rem) rotate(1.5deg)}}.thaani-hero__burst-image{display:block;width:auto;height:100%;animation:thaani-hero-burst-float var(--burst-float-duration, 5s) ease-in-out infinite alternate;animation-delay:calc(var(--burst-delay, .3s) * -4)}.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):not(.is-loading) .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):not(.is-loading) .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--saum .thaani-hero__controls{--color-foreground: var(--thaani-hero-accent-rgb, var(--thaani-accent-rgb));--thaani-heading: rgb(var(--color-foreground));color:color-mix(in srgb,var(--thaani-hero-accent, var(--thaani-accent)) 62%,var(--thaani-dark-amethyst))}.thaani-hero--saum .thaani-hero__controls .thaani-hero__arrow:hover .thaani-hero__arrow-icon{color:var(--thaani-hero-saum, var(--thaani-linen))}.thaani-hero__controls{position:relative;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.2rem, 18vw, 9.6rem);--thaani-hero-media-size: clamp(15rem, 46vw, 22rem);--thaani-hero-burst-spread: .62}.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,.thaani-hero__burst-item,.thaani-hero__bg{transition:none}.thaani-hero__bg{clip-path:none;transform:none}.thaani-hero__bg-video,.thaani-hero__blende{display:none}.thaani-hero__bg-fallback{display:block}.thaani-hero__burst-image{animation:none}.thaani-hero__media,.thaani-hero__title-line,.thaani-hero__title-plain,.thaani-hero__meta{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/thaani-hero.css.map */