.hf-hero,.hf-hero *,.hf-hero *:before,.hf-hero *:after{box-sizing:border-box;margin:0;padding:0}.hf-hero{--hf-ease: cubic-bezier(.16, 1, .3, 1);--hf-maxw: 1240px;position:relative;min-height:94vh;display:flex;align-items:center;overflow:hidden;background-color:var(--hf-col-bg, #09362B);background-repeat:no-repeat;background-position:right center;background-size:cover}.hf-bg-mobile{display:none}.hf-hero .hf-scrim{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;background:linear-gradient(to right,#072a21eb,#072a21bf 45%,#072a2159 70%,#072a2100)}.hf-hero .hf-doodle{position:absolute;pointer-events:none;z-index:1;color:var(--hf-col-eyebrow, #8CBDB0)}.hf-hero .hf-doodle--paw{width:108px;height:108px;bottom:12%;left:4%;opacity:.13;transform:rotate(-12deg)}.hf-hero .hf-doodle--fish{width:92px;height:61px;top:10%;right:5%;opacity:.11;transform:rotate(15deg)}.hf-hero .hf-inner{position:relative;z-index:2;width:100%;max-width:var(--hf-maxw);margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:clamp(20px,3.5vw,52px);padding:clamp(60px,11vw,130px) clamp(20px,4.5vw,56px)}.hf-hero .hf-copy{max-width:510px;flex-shrink:0}.hf-hero .hf-eyebrow{font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--hf-col-eyebrow, #8CBDB0);display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;line-height:1.4}.hf-hero .hf-eyebrow:before{content:"";width:0;height:1.5px;background:currentColor;opacity:.45;flex-shrink:0;transition:width .65s var(--hf-ease) .3s}.hf-hero .hf-eyebrow.hf-in:before{width:22px}.hf-hero .hf-h1{font-family:Fraunces,Georgia,serif;font-size:clamp(36px,5.2vw,68px)!important;color:var(--hf-col-heading, #ffffff)!important;font-weight:300!important;line-height:1.05!important;letter-spacing:-.02em!important;margin-bottom:20px!important;text-transform:none!important}.hf-hero .hf-h1 .hf-italic{font-style:italic;color:var(--hf-col-heading-i, #A8D4C2)!important}.hf-hero .hf-desc{font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:clamp(15.5px,1.3vw,17.5px);color:var(--hf-col-body, rgba(195, 228, 220, .9));max-width:34em;margin-bottom:28px;font-weight:400;line-height:1.65}@media(max-width:749px){.hf-desc{display:none!important}}.hf-hero .hf-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.hf-hero .hf-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;justify-content:center;font-family:Hanken Grotesk,-apple-system,sans-serif;font-weight:600;font-size:14px;padding:4px 18px;border-radius:100px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:all .35s var(--hf-ease)}@media(max-width:599px){.hf-hero .hf-btn{font-size:12px}}.hf-hero .hf-btn svg{flex-shrink:0;transition:transform .35s var(--hf-ease)}.hf-hero .hf-btn:hover svg{transform:translate(3px)}.hf-hero .hf-btn:active{transform:scale(.97)}.hf-hero .hf-btn--primary{background:var(--hf-btn1-bg, #F7F2E8);color:var(--hf-btn1-text, #0C4A38);border-color:#ffffff26;box-shadow:0 2px 6px #0000001f,0 8px 24px #00000014}.hf-hero .hf-btn--primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 20px #0000002e;color:var(--hf-btn1-text, #0C4A38)}.hf-hero .hf-btn--secondary{background:var(--hf-btn2-bg, rgba(247, 242, 232, .12));color:var(--hf-btn2-text, #ffffff);border-color:var(--hf-btn2-border, rgba(255, 255, 255, .3));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hf-hero .hf-btn--secondary:hover{filter:brightness(1.15);transform:translateY(-2px);color:var(--hf-btn2-text, #ffffff)}.hf-hero .hf-trust{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:13px;color:var(--hf-col-trust, rgba(175, 210, 205, .85))}.hf-hero .hf-trust strong,.hf-hero .hf-trust b{color:#fff}.hf-hero .hf-stars{color:var(--hf-col-stars, #c9a24b);font-size:12px;letter-spacing:1px}.hf-hero .hf-sep{width:1px;height:13px;background:#fff3;flex-shrink:0}.hf-hero .hf-visual{flex-shrink:0;position:relative;width:min(230px,60vw);height:min(260px,70vw);display:block;margin:24px auto 0;align-self:center}.hf-hero .hf-pill{position:absolute;top:-2%;left:30%;background:var(--hf-pill-bg, rgba(241, 236, 222, .94));color:var(--hf-pill-text, #0C4A38);font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:700;padding:6px 12px;border-radius:100px;box-shadow:0 2px 8px #0c4a380a,0 12px 32px #0c4a3812;display:flex;align-items:center;gap:6px;white-space:nowrap;z-index:4;animation:hfPackIn .7s var(--hf-ease) 1.05s both}.hf-hero .hf-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hf-pill-dot, #5fb07a);flex-shrink:0}.hf-hero .hf-pack{position:absolute;border-radius:18px;overflow:hidden;text-decoration:none;display:block}.hf-hero .hf-pack img{display:block;width:100%;height:100%;object-fit:cover;border-radius:18px}.hf-hero .hf-pack--link{transition:transform .4s var(--hf-ease),box-shadow .4s var(--hf-ease);cursor:pointer}.hf-hero .hf-pack--link:hover{transform:translateY(-6px) scale(1.03)}.hf-hero .hf-pack--placeholder{display:flex;align-items:center;justify-content:center;text-align:center;font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:12px;font-weight:600;color:#ffffff80;border:2px dashed rgba(255,255,255,.2);background:linear-gradient(160deg,#22896066,#09362b99)}.hf-hero .hf-pack--placeholder.hf-pack--main{aspect-ratio:220 / 280}.hf-hero .hf-pack--placeholder.hf-pack--p1{aspect-ratio:160 / 200}.hf-hero .hf-pack--placeholder.hf-pack--p2{aspect-ratio:150 / 190}.hf-hero .hf-pack--main{width:66%;right:0;top:4%;animation:hfPackIn .9s var(--hf-ease) .5s both,hfFloatMain 7s ease-in-out 1.5s infinite}.hf-hero .hf-pack--p1{width:44%;left:0;bottom:5%;animation:hfPackIn .9s var(--hf-ease) .68s both,hfFloat1 9s ease-in-out 1.68s infinite}.hf-hero .hf-pack--p2{width:40%;right:4%;bottom:4%;animation:hfPackIn .9s var(--hf-ease) .84s both,hfFloat2 8s ease-in-out 1.84s infinite}.hf-hero .hf-rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--hf-ease),transform .9s var(--hf-ease)}.hf-hero .hf-rv.hf-in{opacity:1;transform:none}.hf-hero .hf-rv--d1{transition-delay:.1s}.hf-hero .hf-rv--d2{transition-delay:.2s}.hf-hero .hf-rv--d3{transition-delay:.3s}.hf-hero .hf-rv--d4{transition-delay:.4s}.hf-row-break{flex-basis:100%;height:0}@keyframes hfFloatMain{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hfFloat1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hfFloat2{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hfPackIn{0%{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.hf-hero .hf-rv{opacity:1;transform:none;transition:none}.hf-hero .hf-eyebrow:before{width:22px!important;transition:none}.hf-hero .hf-pack--main,.hf-hero .hf-pack--p1,.hf-hero .hf-pack--p2,.hf-hero .hf-pill{animation:none!important;opacity:1}}@media(min-width:880px){.hf-hero .hf-visual{width:min(340px,38vw);height:min(430px,48vw);margin:0 0 0 auto;flex-shrink:0}}@media(max-width:879px){.hf-hero{min-height:auto}.hf-hero .hf-inner{flex-direction:column;align-items:flex-start}.hf-hero .hf-visual{width:100%;height:240px;margin:28px 0 0;display:flex;align-items:flex-end;justify-content:center;gap:10px;position:relative}.hf-hero .hf-pack{box-shadow:0 14px 36px #0006;position:relative;top:auto;right:auto;bottom:auto;left:auto;flex-shrink:0}.hf-hero .hf-pack--main{width:38%;max-width:180px}.hf-hero .hf-pack--p1{width:30%;max-width:145px}.hf-hero .hf-pack--p2{width:28%;max-width:135px}.hf-hero .hf-pill{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:10px;padding:5px 10px}}@media(max-width:640px){.hf-hero{min-height:auto;background-position:center 20%}.hf-hero .hf-bg-mobile{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-repeat:no-repeat;background-position:center center;background-size:cover}.hf-hero:has(.hf-bg-mobile){background-image:none!important}.hf-hero .hf-inner{padding-top:clamp(80px,20vw,110px);padding-bottom:clamp(60px,14vw,90px)}.hf-hero .hf-h1{font-size:clamp(32px,8.5vw,44px)!important}.hf-hero .hf-ctas .hf-btn{flex:1;min-width:140px}.hf-hero .hf-visual{height:auto;min-height:180px;gap:8px;padding-top:28px}.hf-hero .hf-pack--main{width:36%;max-width:155px}.hf-hero .hf-pack--p1{width:30%;max-width:130px}.hf-hero .hf-pack--p2{width:27%;max-width:115px}.hf-hero .hf-pill{top:20px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hero-floating.css.map */