.tanline-hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;transition:background .7s ease,background-color .7s ease}.tanline-hero--theme-1{background:linear-gradient(110deg,#f5e6c8,#faf0dc,#d6ede8 70%,#b8ddd6);background-size:300% 300%;animation:tanline-sand-sea 10s ease infinite}@keyframes tanline-sand-sea{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tanline-hero--theme-2{background:linear-gradient(180deg,#fdf4e0,#fce8c0 25%,#e8d5a8,#c5ddd8 55%,#a8cfc8 72%,#8fc0ba);background-size:100% 300%;animation:tanline-horizon-shift 12s ease-in-out infinite}@keyframes tanline-horizon-shift{0%{background-position:50% 0%}50%{background-position:50% 60%}to{background-position:50% 0%}}.tanline-hero--theme-3{background:linear-gradient(160deg,#fffaf0,#fdf0d5 40%,#f5e8c0);animation:none}.tanline-hero--theme-3:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 30% -10%,rgba(255,230,140,.55) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 70% -5%,rgba(255,210,100,.3) 0%,transparent 55%),radial-gradient(ellipse 30% 50% at 15% -5%,rgba(255,245,180,.4) 0%,transparent 50%);z-index:0;pointer-events:none;animation:tanline-rays-pulse 8s ease-in-out infinite}.tanline-hero--theme-3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.045'/%3E%3C/svg%3E");background-repeat:repeat;z-index:0;pointer-events:none}@keyframes tanline-rays-pulse{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}.tanline-hero__blob{position:absolute;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none;animation:tanline-blob-drift 12s ease-in-out infinite alternate}.tanline-hero--theme-1 .tanline-hero__blob--1{width:380px;height:380px;background:radial-gradient(circle,rgba(217,198,126,.4) 0%,transparent 70%);top:-80px;left:-60px}.tanline-hero--theme-1 .tanline-hero__blob--2{width:280px;height:280px;background:radial-gradient(circle,rgba(125,197,187,.35) 0%,transparent 70%);bottom:-60px;right:8%;animation-duration:9s;animation-direction:alternate-reverse}.tanline-hero--theme-1 .tanline-hero__blob--3{width:180px;height:180px;background:radial-gradient(circle,rgba(217,198,126,.3) 0%,transparent 70%);top:35%;right:28%;animation-duration:14s}.tanline-hero--theme-2 .tanline-hero__blob--1{width:500px;height:150px;border-radius:0;background:linear-gradient(90deg,rgba(226,201,122,.2) 0%,transparent 100%);top:38%;left:-80px;filter:blur(30px)}.tanline-hero--theme-2 .tanline-hero__blob--2,.tanline-hero--theme-2 .tanline-hero__blob--3{display:none}.tanline-hero--theme-3 .tanline-hero__blob--1{width:500px;height:500px;background:radial-gradient(circle,rgba(217,198,126,.4) 0%,transparent 65%);top:-200px;left:-100px}.tanline-hero--theme-3 .tanline-hero__blob--2{width:300px;height:300px;background:radial-gradient(circle,rgba(255,210,80,.2) 0%,transparent 70%);bottom:-60px;right:15%;animation-duration:10s;animation-direction:alternate-reverse}.tanline-hero--theme-3 .tanline-hero__blob--3{display:none}@keyframes tanline-blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.tanline-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:100%;max-width:1400px;margin:0 auto;padding:60px 40px}.tanline-hero__media{display:flex;align-items:center;justify-content:center}.tanline-hero__cans-wrap{opacity:0;transform:translate(-80px) translateY(20px) rotate(-3deg);animation:tanline-cans-enter 1s cubic-bezier(.22,1,.36,1) .2s forwards}@keyframes tanline-cans-enter{to{opacity:1;transform:translate(0) translateY(0) rotate(0)}}.tanline-hero__cans{width:100%;max-width:560px;height:auto;display:block;animation:tanline-cans-float 5s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(150,100,20,.18))}@keyframes tanline-cans-float{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}.tanline-hero__content{opacity:0;transform:translateY(30px);animation:tanline-content-enter .9s cubic-bezier(.22,1,.36,1) .55s forwards}@keyframes tanline-content-enter{to{opacity:1;transform:translateY(0)}}.tanline-hero__heading{font-size:clamp(2.8rem,5vw,4.6rem);font-weight:700;line-height:1.05;letter-spacing:-.01em;color:#020912;margin:0 0 20px;text-transform:uppercase}.tanline-hero__subtext{font-size:clamp(1.15rem,1.8vw,1.4rem);color:#3a3120;line-height:1.6;margin:0 0 36px;max-width:420px}.tanline-hero__cta{display:inline-flex;align-items:center;gap:10px;background:#d9c67e;color:#020912;text-decoration:none;font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;padding:16px 36px;position:relative;overflow:hidden;transition:background .25s ease,transform .2s ease,box-shadow .25s ease;box-shadow:0 4px 20px #d9c67e66}.tanline-hero__cta-word{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tanline-hero__cta-logo{display:block;height:18px;width:auto;filter:brightness(0)}.tanline-hero__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.tanline-hero__cta:hover{background:#c8b56a;transform:translateY(-2px);box-shadow:0 8px 28px #d9c67e8c}.tanline-hero__cta:hover:after{transform:translate(100%)}.tanline-theme-switcher{position:absolute;bottom:20px;right:24px;z-index:10;display:flex;align-items:center;gap:12px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(217,198,126,.4);border-radius:40px;padding:8px 16px;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#3a3120;-webkit-user-select:none;user-select:none}.tanline-theme-switcher__label{min-width:120px;text-align:center}.tanline-theme-switcher__btn{background:none;border:none;cursor:pointer;padding:4px 6px;color:#3a3120;font-size:1rem;line-height:1;transition:opacity .2s}.tanline-theme-switcher__btn:hover{opacity:.6}.tanline-theme-switcher__dots{display:flex;gap:6px;align-items:center}.tanline-theme-switcher__dot{width:7px;height:7px;border-radius:50%;background:#3a312040;transition:background .3s,transform .3s;cursor:pointer}.tanline-theme-switcher__dot--active{background:#d9c67e;transform:scale(1.3)}@media screen and (max-width:749px){.tanline-hero{min-height:auto}.tanline-hero__inner{grid-template-columns:1fr;padding:40px 20px 70px;gap:0;text-align:center}.tanline-hero__media{order:1}.tanline-hero__cans{max-width:340px}.tanline-hero__content{order:2;padding-top:16px}.tanline-hero__heading{font-size:clamp(1.55rem,7vw,1.9rem);letter-spacing:.04em}.tanline-hero__subtext{max-width:none;font-size:1.2rem;line-height:1.6}.tanline-theme-switcher{bottom:12px;right:50%;transform:translate(50%)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-custom-hero-tanline.css.map */