.hero{position:relative;min-height:70vh;max-height:75vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:visible;background-color:var(--color-paper-white, #FAFAF8);contain:layout}@media (min-width: 768px){.hero{min-height:68vh;max-height:72vh}}.hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-paper-white, #FAFAF8) 0%,var(--color-sage-light, #E8EDE6) 100%)}.hero__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;aspect-ratio:16 / 9}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(26,26,24,calc(var(--overlay-opacity, .25) * .6)),rgba(26,26,24,calc(var(--overlay-opacity, .25) * 1.2)));pointer-events:none}.hero--has-image .hero__headline{color:#fff;text-shadow:0 1px 15px rgba(0,0,0,.25);animation:heroFadeIn .8s ease-out .2s both}.hero--has-image .hero__headline em,.hero--has-image .hero__headline i{color:var(--color-terracotta, #C65D00);font-style:italic;text-shadow:0 0 40px rgba(198,93,0,.5),0 0 80px rgba(198,93,0,.3)}.hero--has-image .hero__subheadline{color:#ffffffeb;text-shadow:0 1px 10px rgba(0,0,0,.2);animation:heroFadeIn .7s ease-out .4s both}.hero--has-image .hero__eyebrow{background-color:transparent;border:1px solid rgba(255,255,255,.25);color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:heroFadeIn .6s ease-out .1s both}.hero--has-image .hero__actions{animation:heroFadeIn .7s ease-out .6s both}.hero__scroll-indicator{display:none}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;will-change:transform}.hero-blob--1{width:clamp(300px,40vw,500px);height:clamp(300px,40vw,500px);background:radial-gradient(circle at 30% 30%,#e8ede6cc,#7b997133);top:-10%;right:-5%;animation:float-1 25s ease-in-out infinite}.hero-blob--2{width:clamp(200px,30vw,350px);height:clamp(200px,30vw,350px);background:radial-gradient(circle at 70% 70%,#1a7b7b26,#1a7b7b0d);bottom:10%;left:-5%;animation:float-2 30s ease-in-out infinite;animation-delay:-10s}.hero-blob--3{width:clamp(150px,20vw,280px);height:clamp(150px,20vw,280px);background:radial-gradient(circle at 50% 50%,rgba(123,153,113,.2) 0%,transparent 70%);top:40%;right:20%;animation:float-3 20s ease-in-out infinite;animation-delay:-5s}@keyframes float-1{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(30px,-40px) scale(1.05) rotate(5deg)}50%{transform:translate(-20px,20px) scale(.95) rotate(-3deg)}75%{transform:translate(40px,30px) scale(1.02) rotate(2deg)}}@keyframes float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.08)}66%{transform:translate(-30px,40px) scale(.92)}}@keyframes float-3{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-40px,-30px) scale(1.1) rotate(-5deg)}}@media (prefers-reduced-motion: reduce){.hero-blob{animation:none}}.hero__container{position:relative;z-index:1;width:100%;max-width:var(--container-xl, 1280px);padding:var(--space-6, 3rem) var(--space-4, 1.5rem)}.hero__content{max-width:800px;margin:0 auto;text-align:center}@media (min-width: 1024px){.hero__content{max-width:900px}}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, 1rem);margin-bottom:var(--space-5, 2rem);background-color:#1a7b7b14;border-radius:var(--radius-full, 9999px);color:var(--color-deep-teal, #1A7B7B);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);letter-spacing:var(--tracking-wide, .02em)}.hero__eyebrow-icon{width:16px;height:16px;flex-shrink:0}.hero__headline{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(2.25rem,6vw,3.5rem);font-weight:var(--font-medium, 500);line-height:1.35;letter-spacing:var(--tracking-tight, -.02em);color:var(--color-warm-black, #1A1A18);margin:0 0 var(--space-4, 1.5rem);text-wrap:balance}.hero__headline em,.hero__headline i{font-style:italic;color:var(--color-deep-teal, #1A7B7B)}.hero__headline p{margin:0}@media (min-width: 768px){.hero__headline{font-size:clamp(2.75rem,5vw,4rem);margin-bottom:var(--space-5, 2rem)}}@media (min-width: 1024px){.hero__headline{font-size:clamp(3rem,4.5vw,4.5rem)}}.hero__subheadline{font-family:var(--font-body, "Inter", sans-serif);font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:var(--font-normal, 400);line-height:var(--leading-relaxed, 1.618);color:var(--color-muted-gray, #5A5A58);margin:0 0 var(--space-6, 3rem);max-width:600px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 1rem);margin-bottom:var(--space-8, 6rem)}@media (min-width: 480px){.hero__actions{flex-direction:row;justify-content:center}}.hero__cta{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);padding:18px 36px;font-size:var(--text-base, 1rem);font-weight:var(--font-semibold, 600);background-color:var(--color-terracotta, #C65D00);color:#fff;border-radius:var(--radius-md, 6px);text-decoration:none;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 4px #c65d0026,0 4px 8px #c65d001a}.hero__cta:hover{background-color:var(--color-terracotta-dark, #A84D00);transform:translateY(-2px);box-shadow:0 4px 8px #c65d0033,0 8px 16px #c65d0026}.hero__cta:active{transform:translateY(0)}.hero__cta:focus-visible{outline:2px solid var(--color-paper-white, #FAFAF8);outline-offset:3px;box-shadow:0 4px 8px #c65d0033,0 8px 16px #c65d0026}.hero__cta:focus:not(:focus-visible){outline:none}.hero__cta-arrow{width:20px;height:20px;transition:transform .25s ease}.hero__cta:hover .hero__cta-arrow{transform:translate(4px)}.hero__secondary-cta{padding:16px 28px;font-size:var(--text-base, 1rem);font-weight:var(--font-medium, 500);color:var(--color-warm-black, #1A1A18);background-color:transparent;border:1px solid var(--color-light-gray, #E8E8E6);border-radius:var(--radius-md, 6px);text-decoration:none;transition:border-color .25s ease,background-color .25s ease}.hero__secondary-cta:hover{border-color:var(--color-warm-black, #1A1A18);background-color:#1a1a1805}.hero__secondary-cta:focus-visible{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px}.hero__secondary-cta:focus:not(:focus-visible){outline:none}.hero__scroll-indicator{position:absolute;bottom:var(--space-6, 3rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem);display:none}.hero__scroll-text{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .8rem);font-weight:var(--font-medium, 500);letter-spacing:var(--tracking-wider, .05em);text-transform:uppercase;color:var(--color-muted-gray, #5A5A58)}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--color-muted-gray, #5A5A58) 0%,transparent 100%);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@media (max-height: 600px){.hero__scroll-indicator{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html.gsap-ready .hero__eyebrow,html.gsap-ready .hero__headline,html.gsap-ready .hero__headline .word,html.gsap-ready .hero__subheadline,html.gsap-ready .hero__actions{opacity:0;transform:translateY(30px)}@media (prefers-reduced-motion: reduce){.hero__eyebrow,.hero__headline,.hero__subheadline,.hero__actions,.hero__scroll-indicator{opacity:1;transform:none;animation:none}.hero__scroll-line{animation:none}}@media (max-width: 767px){.hero{min-height:auto;max-height:none;align-items:flex-start}.hero__container{padding-top:var(--space-5, 2rem);padding-bottom:var(--space-4, 1.5rem)}.hero__content{text-align:center}.hero__eyebrow{font-size:var(--text-xs, .8rem);margin-bottom:var(--space-3, 1rem)}.hero__headline{margin-bottom:var(--space-3, 1rem)}.hero__subheadline{margin-bottom:var(--space-4, 1.5rem)}.hero__actions{margin-bottom:var(--space-3, 1rem)}.hero__cta{width:100%;max-width:320px;justify-content:center;min-height:48px;padding:14px 24px}.hero__secondary-cta{width:100%;max-width:320px;text-align:center;min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/sushenah-hero.css.map */