.hero{position:relative;min-height:100vh;display:flex;align-items:center;margin-top:calc(-1 * var(--header-height));padding-top:var(--header-height);overflow:hidden}.hero--short{min-height:70vh}.hero--medium{min-height:85vh}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero__content{padding-right:var(--space-8)}.hero__subtitle{display:block;margin-bottom:var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);color:var(--color-accent-muted)}.hero__title{margin-bottom:var(--space-8);font-size:var(--font-size-5xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);color:var(--color-foreground)}@media(min-width:768px){.hero__title{font-size:var(--font-size-6xl)}}.hero__description{margin-bottom:var(--space-10);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-foreground);opacity:.7;max-width:500px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero__media{position:relative}.hero__image-wrapper{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.hero__image{width:100%;height:auto;display:block;transition:transform var(--transition-slow)}.hero__image-wrapper:hover .hero__image{transform:scale(1.02)}.hero__decoration{position:absolute;pointer-events:none}.hero__decoration--circle{width:300px;height:300px;border-radius:50%;background:var(--color-sakura-light);filter:blur(80px);opacity:.5}.hero__decoration--top-right{top:-100px;right:-100px}.hero__decoration--bottom-left{bottom:-50px;left:-50px}.hero__vertical-text{position:absolute;right:var(--space-8);top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-heading);font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-widest);color:var(--color-foreground);opacity:.08;pointer-events:none}.hero--centered{text-align:center}.hero--centered .hero__inner{grid-template-columns:1fr;justify-items:center}.hero--centered .hero__content{padding-right:0;max-width:700px}.hero--centered .hero__description{margin-left:auto;margin-right:auto}.hero--centered .hero__actions{justify-content:center}.hero--with-background{background-size:cover;background-position:center;background-repeat:no-repeat}.hero--with-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#f9f8f6f2,#f9f8f6b3,#f9f8f64d)}.hero--with-background .hero__inner{position:relative;z-index:1}.hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@media(max-width:768px){.hero{min-height:auto;padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-12)}.hero__inner{grid-template-columns:1fr;gap:var(--space-8)}.hero__content{padding-right:0;order:2}.hero__media{order:1}.hero__title{font-size:var(--font-size-4xl)}.hero__description{font-size:var(--font-size-base)}.hero__vertical-text{display:none}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%;text-align:center}}.hero__subtitle,.hero__title,.hero__description,.hero__actions{opacity:0;transform:translateY(30px);animation:heroFadeIn var(--duration-slower) var(--ease-spring) forwards}.hero__subtitle{animation-delay:.1s}.hero__title{animation-delay:.2s}.hero__description{animation-delay:.3s}.hero__actions{animation-delay:.4s}.hero__media{opacity:0;transform:translate(30px);animation:heroSlideIn var(--duration-slower) var(--ease-spring) forwards;animation-delay:.3s}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes heroSlideIn{to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.hero__subtitle,.hero__title,.hero__description,.hero__actions,.hero__media{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hero.css.map */