.stilly-hero{min-height:90vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:var(--stilly-space-m);align-items:flex-start;overflow:hidden}.stilly-hero-content{z-index:2;position:relative;width:100%;min-width:850px;max-width:none;margin-bottom:var(--stilly-space-s);text-align:left;padding-right:var(--stilly-space-m)}.stilly-hero-content a{pointer-events:auto}.stilly-hero-title{font-family:var(--font-heading--family);font-weight:900;text-transform:uppercase;background:linear-gradient(90deg,#bb1f45,#ed584c);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:.8;letter-spacing:-.02em;padding-right:.2em}.stilly-hero-title span{display:block;white-space:nowrap}.stilly-hero-title .stilly-highlight{background:none;-webkit-background-clip:unset;background-clip:unset;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--stilly-color-black);position:relative;display:inline-block}.stilly-hero-title .stilly-highlight::after{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(90deg,#bb1f45,#ed584c);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;width:0%;overflow:hidden;animation:stillyFillText 1s ease-out 1.5s forwards;white-space:nowrap}@keyframes stillyFillText{to{width:100%}}.stilly-hero-subtitle{font-family:var(--stilly-font-heading);font-size:1.25rem;margin-bottom:var(--stilly-space-m);color:var(--stilly-color-dark);font-weight:700;opacity:1;text-transform:uppercase;letter-spacing:.05em;text-align:left;max-width:300px}.stilly-hero-visual{position:relative;width:100%;max-width:550px;aspect-ratio:1/1;margin:0 auto;height:auto;z-index:1;display:flex;align-items:center;justify-content:center;margin-top:-5vh}.stilly-hero-can{width:auto;height:auto;max-height:55vh;object-fit:contain;object-position:center bottom;filter:drop-shadow(30px 30px 60px rgba(0,0,0,.2));transform-origin:center center}.stilly-hero-can-primary{position:relative;z-index:2;width:65%;left:10%;top:2%;--scale:1;--rotate-start:-18deg;--rotate-end:-14deg;animation:stillyFloat 7s ease-in-out infinite}.stilly-hero-can-secondary{position:absolute;z-index:1;width:60%;left:28%;top:22%;--scale:.7;--rotate-start:10deg;--rotate-end:14deg;animation:stillyFloatSecondary 7s ease-in-out infinite;pointer-events:none}@keyframes stillyFloat{0%,100%{transform:translateY(0) rotate(var(--rotate-start)) scale(var(--scale))}50%{transform:translateY(-25px) rotate(var(--rotate-end)) scale(var(--scale))}}@keyframes stillyFloatSecondary{0%,100%{transform:translateY(0) rotate(var(--rotate-start)) scale(var(--scale))}50%{transform:translateY(-20px) rotate(var(--rotate-end)) scale(var(--scale))}}.stilly-hero-splash{position:absolute;z-index:0;width:150%;left:65%;top:50%;opacity:.5;pointer-events:none;--splash-scale:1.2;--splash-rotate-start:15deg;--splash-rotate-end:-5deg;--splash-saturation:.4;--splash-hue:0deg;--splash-brightness:1.1;--blur:.5px;filter:blur(var(--blur)) saturate(var(--splash-saturation)) hue-rotate(var(--splash-hue)) brightness(var(--splash-brightness));animation:stillyFloatSplash 7s ease-in-out infinite}@keyframes stillyFloatSplash{0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(var(--splash-rotate-start)) scale(var(--splash-scale))}50%{transform:translate(-50%,-50%) translateY(30px) rotate(var(--splash-rotate-end)) scale(var(--splash-scale))}}.stilly-hero-berries-left{position:absolute;z-index:3;left:5%;bottom:50%;width:35%;pointer-events:none;--scale:3.5;--rotate-start:-10deg;--rotate-end:0deg;--blur:.5px;filter:blur(var(--blur));animation:stillyFloatReverse 7s ease-in-out infinite}.stilly-hero-berries-right{position:absolute;z-index:0;right:-10%;top:60%;width:30%;pointer-events:none;--scale:2.5;--rotate-start:20deg;--rotate-end:30deg;--blur:.5px;filter:blur(var(--blur));animation:stillyFloatReverse 7s ease-in-out infinite}.stilly-hero-pineapple-left{position:absolute;z-index:3;left:30%;top:65%;width:35%;pointer-events:none;--scale:1.2;--rotate-start:90deg;--rotate-end:80deg;--blur:1.5px;filter:blur(var(--blur));animation:stillyFloatReverse 7s ease-in-out infinite}.stilly-hero-pineapple-right{position:absolute;z-index:3;left:85%;top:18%;width:50%;pointer-events:none;--scale:.7;--rotate-start:-70deg;--rotate-end:-60deg;--blur:3px;filter:blur(var(--blur));animation:stillyFloatReverse 7s ease-in-out infinite}@keyframes stillyFloatReverse{0%,100%{transform:translateY(0) rotate(var(--rotate-start)) scale(var(--scale))}50%{transform:translateY(30px) rotate(var(--rotate-end)) scale(var(--scale))}}.stilly-hero .stilly-btn{--btn-gradient:linear-gradient(90deg,#bb1f45,#ed584c)}@media (max-width:1024px){.stilly-hero{padding-top:140px;justify-content:flex-start}.stilly-hero-content{min-width:0;width:100%}}@media (max-width:1023px){.stilly-hero-title{font-size:10vw;padding-right:.2em}.stilly-hero-can{max-width:80%}.stilly-hero-visual{--m-can-primary-left:0%;--m-can-primary-top:10%;--m-can-primary-width:65%;--m-can-secondary-left:39%;--m-can-secondary-top:10%;--m-can-secondary-width:60%;--m-berries-left-x:-5%;--m-berries-left-y:50%;--m-berries-left-w:35%;--m-berries-right-x:-5%;--m-berries-right-y:80%;--m-berries-right-w:30%;--m-pine-left-x:10%;--m-pine-left-y:80%;--m-pine-left-w:35%;--m-pine-right-x:75%;--m-pine-right-y:0%;--m-pine-right-w:40%;--m-splash-scale:1.2;--m-splash-top:55%;--m-splash-left:56%}.stilly-hero-can-primary{left:var(--m-can-primary-left)!important;top:var(--m-can-primary-top,0)!important;width:var(--m-can-primary-width)!important}.stilly-hero-can-secondary{left:var(--m-can-secondary-left)!important;top:var(--m-can-secondary-top)!important;width:var(--m-can-secondary-width)!important}.stilly-hero-berries-left{left:var(--m-berries-left-x)!important;bottom:var(--m-berries-left-y)!important;width:var(--m-berries-left-w)!important}.stilly-hero-berries-right{right:var(--m-berries-right-x)!important;top:var(--m-berries-right-y)!important;width:var(--m-berries-right-w)!important}.stilly-hero-pineapple-left{left:var(--m-pine-left-x)!important;top:var(--m-pine-left-y)!important;width:var(--m-pine-left-w)!important}.stilly-hero-pineapple-right{left:var(--m-pine-right-x)!important;top:var(--m-pine-right-y)!important;width:var(--m-pine-right-w)!important}.stilly-hero-splash{top:var(--m-splash-top)!important;left:var(--m-splash-left)!important;--splash-scale:var(--m-splash-scale);animation:stillyFloatSplash 7s ease-in-out infinite!important}}@media (min-width:1024px){.stilly-hero{flex-direction:row;align-items:center;justify-content:flex-start;padding-left:10vw;height:100vh}.stilly-hero-content{margin-bottom:0;width:50%;margin-right:0;z-index:3;min-width:0}.stilly-hero-title{font-size:clamp(4rem,7.5vw,9rem);display:block;margin-bottom:var(--stilly-space-s);text-align:left;line-height:.85;padding-right:.2em;width:100%}.stilly-hero-visual{position:absolute;width:45vw;max-width:800px;height:auto;aspect-ratio:1/2;left:50%;right:auto;top:50%;transform:translate(0%,-50%);margin:0;display:flex;align-items:center;justify-content:center}.stilly-hero-can{width:100%;height:auto;max-height:90vh;object-fit:contain;transform:scale(1.3);animation:stillyFloat 7s ease-in-out infinite}}