.piknic-hero{position:relative;padding:56px 24px 80px;text-align:center}.piknic-hero__pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#fff;background-image:repeating-linear-gradient(0deg,transparent,transparent 38px,var(--gingham-color, #F2A9C0) 38px,var(--gingham-color, #F2A9C0) 40px,transparent 40px,transparent 78px),repeating-linear-gradient(90deg,transparent,transparent 38px,var(--gingham-color, #F2A9C0) 38px,var(--gingham-color, #F2A9C0) 40px,transparent 40px,transparent 78px);opacity:.55}.piknic-hero__inner{position:relative;z-index:1;max-width:900px;margin:0 auto}.piknic-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em;font-weight:700;color:#c6567f;margin:0 0 28px}.piknic-hero__eyebrow--pill{background:#ffffffbf;padding:10px 22px;border-radius:999px;box-shadow:0 4px 16px #0000000d}.piknic-hero__eyebrow-icon{font-size:14px}.piknic-hero__logo-block{margin-bottom:28px;display:inline-block}.piknic-hero__logo-block--card{background:#ffffff8c;padding:28px 56px;border-radius:28px;box-shadow:0 8px 30px #0000000f}.piknic-hero__logo-word{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:clamp(56px,9vw,100px);color:#e86fa0;margin:0;line-height:1}.piknic-hero__logo-image{height:auto;display:block;margin:0 auto}.piknic-hero__logo-subtext{font-size:13px;letter-spacing:.15em;font-weight:700;margin:10px 0 0;background:linear-gradient(90deg,#7bb8c6,#e86fa0 50%,#f2a96b);-webkit-background-clip:text;background-clip:text;color:transparent}.piknic-hero__floating-icon{position:absolute;z-index:2;font-size:var(--icon-size, 48px);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.piknic-hero__floating-icon img{display:block;width:var(--icon-size, 48px);height:auto}.piknic-hero__floating-icon--top_left{top:calc(60px + var(--icon-offset-y, 0px));left:calc(4% + var(--icon-offset-x, 0px))}.piknic-hero__floating-icon--top_right{top:calc(30px + var(--icon-offset-y, 0px));right:calc(4% + var(--icon-offset-x, 0px) * -1)}.piknic-hero__floating-icon--bottom_left{bottom:calc(60px + var(--icon-offset-y, 0px) * -1);left:calc(2% + var(--icon-offset-x, 0px))}.piknic-hero__floating-icon--bottom_right{bottom:calc(60px + var(--icon-offset-y, 0px) * -1);right:calc(2% + var(--icon-offset-x, 0px) * -1)}.piknic-hero__heading{font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(30px,4.5vw,46px);color:#2d2d2d;line-height:1.25;margin:0 0 18px}.piknic-hero__heading-highlight{background:linear-gradient(90deg,#e86fa0,#f2a96b);-webkit-background-clip:text;background-clip:text;color:transparent}.piknic-hero__subtext{font-size:16px;color:#6b6b6b;max-width:560px;margin:0 auto 32px;line-height:1.6}.piknic-hero__subtext p{margin:0}.piknic-hero__buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.piknic-hero__btn{padding:14px 30px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.piknic-hero__btn--primary{background:linear-gradient(90deg,#e88bae,#f2c26b);color:#fff}.piknic-hero__btn--primary:hover{filter:brightness(.96)}.piknic-hero__btn--secondary{background:#fff9;color:#c6567f;border:1px solid rgba(198,86,127,.25)}.piknic-hero__btn--secondary:hover{background:#ffffffe6}.piknic-hero__image-frame{position:relative;max-width:900px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #00000026;border:6px solid rgba(255,255,255,.9)}.piknic-hero__image{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover}.piknic-hero__badge{position:absolute;left:20px;bottom:20px;background:#fffffff2;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;color:#2d2d2d;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #0000001a}@media(max-width:700px){.piknic-hero{padding:40px 16px 56px}.piknic-hero__floating-icon{font-size:calc(var(--icon-size, 48px) * .6)}.piknic-hero__floating-icon img{width:calc(var(--icon-size, 48px) * .6)}.piknic-hero__logo-block--card{padding:20px 28px}.piknic-hero__buttons{flex-direction:column;align-items:stretch}}.piknic-hero__nav{position:relative;z-index:20}.piknic-hero__nav--sticky{position:sticky;top:0;z-index:100}.piknic-hero__nav-inner{position:relative;z-index:1;max-width:1280px;margin:var(--nav-inset, 16px) auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--nav-bg, #FDF0F4);border-radius:var(--nav-radius, 32px);box-shadow:0 8px 24px #0000000f;transition:margin .25s ease,padding .25s ease,box-shadow .25s ease}.piknic-hero__nav--sticky.is-scrolled .piknic-hero__nav-inner{margin-top:8px;padding-top:12px;padding-bottom:12px;box-shadow:0 12px 28px #0000001f}.piknic-hero__nav-logo{display:inline-flex;align-items:center;flex-shrink:0}.piknic-hero__nav-logo-image{display:block;max-width:none;flex-shrink:0;height:auto}.piknic-hero__nav-logo-text{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:26px;color:#e86fa0}.piknic-hero__nav-links ul{list-style:none;display:flex;gap:28px;margin:0;padding:0}.piknic-hero__nav-links a{text-decoration:none;color:#4a4a4a;font-size:14px;font-weight:500;letter-spacing:.02em;transition:color .2s ease;text-align:left}.piknic-hero__nav-links a:hover{color:#e86fa0}.piknic-hero__nav-cta{background:#c6567f;color:#fff;text-decoration:none;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s ease}.piknic-hero__nav-cta:hover{background:#b14670}.piknic-hero__nav-burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}.piknic-hero__nav-burger span{width:22px;height:2px;background:#4a4a4a;display:block}.piknic-hero__nav-mobile{display:none;max-height:0;overflow:hidden;transition:max-height .3s ease}.piknic-hero__nav-mobile ul{list-style:none;margin:0;padding:0 32px 16px;display:flex;flex-direction:column;gap:14px}.piknic-hero__nav-mobile a{text-decoration:none;color:#4a4a4a;font-size:15px}@media(max-width:900px){.piknic-hero__nav-links,.piknic-hero__nav-cta{display:none}.piknic-hero__nav-burger{display:flex}.piknic-hero__nav-mobile{display:block}.piknic-hero__nav.is-open .piknic-hero__nav-mobile{max-height:400px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/piknic-hero.css.map */