.hpo{--hpo-orange: #f5861f;--hpo-orange-dark: #c05e10;--hpo-paper: #faf4ea;--hpo-cream: #f6ede0;--hpo-ink: #14100b;--hpo-display: var(--font-heading-family), "Montserrat", system-ui, sans-serif;--hpo-body: "Inter Tight", "Inter", system-ui, sans-serif;--hpo-mono: "JetBrains Mono", ui-monospace, monospace;--hpo-ease-out: cubic-bezier(.23, 1, .32, 1);--p: 0;background:linear-gradient(180deg,#fbf6ec,#fcefdc,#fbe8ce 60%,#fbf6ec);color:var(--hpo-ink);padding:72px 0 64px;position:relative;overflow:hidden;font-family:var(--hpo-body)}.hpo *{box-sizing:border-box}.hpo__ribbon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.hpo__stream{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;will-change:transform}.hpo__stream--1{width:70%;height:90%;top:-20%;right:-15%;background:radial-gradient(ellipse at center,#f5861f42,#f5861f1a 40%,#f5861f00 70%);animation:hpo-stream-1 18s ease-in-out infinite}.hpo__stream--2{width:60%;height:80%;top:20%;right:-10%;background:radial-gradient(ellipse at center,#c05e104d,#c05e101f 40%,#c05e1000 70%);animation:hpo-stream-2 22s ease-in-out infinite}.hpo__stream--3{width:50%;height:70%;top:5%;right:5%;background:radial-gradient(ellipse at center,#fad791a6,#fad7913d 40%,#fad79100 70%);animation:hpo-stream-3 16s ease-in-out infinite}.hpo__stream--4{width:45%;height:65%;top:25%;right:15%;background:radial-gradient(ellipse at center,#ffa55057,#ffa55021 40%,#ffa55000 70%);animation:hpo-stream-4 20s ease-in-out infinite}.hpo__stream--5{width:55%;height:70%;bottom:-10%;right:10%;background:radial-gradient(ellipse at center,#ffdca080,#ffdca026 50%,#ffdca000 75%);animation:hpo-stream-5 24s ease-in-out infinite}@keyframes hpo-stream-1{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-6%,8%) rotate(20deg) scale(1.12)}66%{transform:translate(8%,-6%) rotate(-15deg) scale(.94)}}@keyframes hpo-stream-2{0%,to{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(8%,-8%) rotate(25deg) scale(1.18)}}@keyframes hpo-stream-3{0%,to{transform:translate(0) rotate(0) scale(.92)}50%{transform:translate(-8%,10%) rotate(-22deg) scale(1.18)}}@keyframes hpo-stream-4{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(6%,6%) rotate(18deg) scale(1.1)}66%{transform:translate(-6%,-8%) rotate(-12deg) scale(.96)}}@keyframes hpo-stream-5{0%,to{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(-10%,-8%) rotate(15deg) scale(1.15)}}.hpo__inner{position:relative;max-width:1320px;margin:0 auto;padding:0 48px;z-index:1}.hpo__label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--hpo-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#14100b9e;margin-bottom:36px;flex-wrap:wrap}.hpo__label-left,.hpo__label-right{display:inline-flex;align-items:center;gap:10px;max-width:100%}.hpo__label span{white-space:normal}.hpo__dot{width:6px;height:6px;min-width:6px;min-height:6px;max-width:6px;max-height:6px;border-radius:50%;background:var(--hpo-ink);display:inline-block;flex-shrink:0;font-size:0;line-height:0}.hpo__hero{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.1fr);gap:48px;align-items:center;margin-bottom:56px;min-height:640px}.hpo__text{display:flex;flex-direction:column;gap:0}.hpo__eyebrow{display:block;color:#c05e10;font-family:var(--hpo-mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;margin-bottom:24px}.hpo__headline{font-family:var(--hpo-display);font-size:clamp(48px,8.4vw,128px);font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 700;font-weight:700;color:var(--hpo-ink);margin:0 0 28px;display:block}.hpo__word{display:block;white-space:nowrap;opacity:0;transform:translateY(30px);transition:opacity .9s var(--hpo-ease-out),transform .9s var(--hpo-ease-out)}.hpo__reveal.is-visible .hpo__word{opacity:1;transform:none}.hpo__reveal.is-visible .hpo__word--italic{transition-delay:.12s}.hpo__reveal.is-visible .hpo__word--black{transition-delay:.24s}.hpo__word--regular{line-height:.94;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 700}.hpo__word--italic{line-height:.9;letter-spacing:-.03em;font-style:italic;font-weight:300;font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 300}.hpo__word--black{line-height:.86;letter-spacing:-.05em;font-weight:900;font-variation-settings:"opsz" 144,"SOFT" 20,"wght" 900}.hpo__sub{font-family:var(--hpo-display);font-size:clamp(18px,1.55vw,24px);font-style:italic;line-height:1.3;font-variation-settings:"opsz" 48,"SOFT" 100,"wght" 300;color:#14100bd1;max-width:34ch;margin:0;overflow-wrap:break-word}.hpo__sub p{margin:0;font:inherit;color:inherit}.hpo__sub em{font-style:italic;color:var(--hpo-ink);font-weight:400;font-variation-settings:"opsz" 48,"SOFT" 100,"wght" 400}.hpo__sub strong{font-weight:400;color:var(--hpo-ink);font-style:italic;border-bottom:1px solid rgba(20,16,11,.42);padding-bottom:2px}.hpo__stage{position:relative;width:100%;aspect-ratio:1 / 1;max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:center}.hpo__pouch-halo{position:absolute;top:50%;left:50%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(255,240,180,.75) 0%,rgba(255,210,120,.38) 32%,transparent 66%);filter:blur(40px);z-index:1;animation:hpo-halo 4.2s ease-in-out infinite;pointer-events:none}@keyframes hpo-halo{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.hpo__pouch-shadow{position:absolute;top:86%;left:50%;width:46%;height:40px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(60,30,0,.32),transparent 70%);filter:blur(14px);z-index:0;animation:hpo-shadow 5s ease-in-out infinite;pointer-events:none}@keyframes hpo-shadow{0%,to{opacity:.6;transform:translate(-50%,-50%) scaleX(1)}50%{opacity:.3;transform:translate(-50%,-50%) scaleX(.7)}}.hpo__pouch{position:relative;z-index:2;width:clamp(220px,34vw,400px);--peak: clamp(0, calc((var(--p) - .4) * 10), 1);animation:hpo-float 4.8s ease-in-out infinite;transform-origin:center;will-change:transform}@keyframes hpo-float{0%,to{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-16px) rotate(.3deg)}}.hpo__pouch img{width:100%;height:auto;display:block;filter:drop-shadow(0 28px 56px rgba(60,30,0,.28))}.hpo__chips{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hpo__chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:#fff8ebf5;color:#5a4129;font-family:var(--hpo-mono);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;box-shadow:0 14px 30px #c05e102e,0 2px 6px #14100b14,inset 0 0 0 1px #bb6b234d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:translateZ(0) scale(.7);transition:opacity .6s var(--hpo-ease-out),transform .7s var(--hpo-ease-out);white-space:nowrap;will-change:transform,opacity}.hpo__chip-ic{flex:0 0 auto;width:20px;height:20px;border-radius:22.5%;display:grid;place-items:center;background:radial-gradient(78% 68% at 50% 40%,#fff4e0,#f8ebd6);box-shadow:inset 0 0 0 1px #bb6b2329,inset 0 1px #ffffffd9}.hpo__chip-ic svg{width:64%;height:64%;display:block}.hpo__chip--c1{top:8%;left:4%;transform:translate(-20px,-10px) scale(.7)}.hpo__chip--c2{top:18%;right:2%;transform:translate(20px,-10px) scale(.7)}.hpo__chip--c3{top:48%;left:-2%;transform:translate(-20px) scale(.7)}.hpo__chip--c4{top:56%;right:-2%;transform:translate(20px) scale(.7)}.hpo__chip--c5{bottom:16%;left:6%;transform:translate(-20px,14px) scale(.7)}.hpo__chip--c6{bottom:8%;right:6%;transform:translate(20px,14px) scale(.7)}.hpo__stage.is-chips-revealed .hpo__chip{opacity:1;transform:translateZ(0) scale(1)}.hpo__stage.is-chips-revealed .hpo__chip--c1{transition-delay:.12s}.hpo__stage.is-chips-revealed .hpo__chip--c2{transition-delay:.22s}.hpo__stage.is-chips-revealed .hpo__chip--c3{transition-delay:.34s}.hpo__stage.is-chips-revealed .hpo__chip--c4{transition-delay:.46s}.hpo__stage.is-chips-revealed .hpo__chip--c5{transition-delay:.58s}.hpo__stage.is-chips-revealed .hpo__chip--c6{transition-delay:.7s}.hpo__stage.is-chips-revealed .hpo__chip{animation:hpo-chip-float 6s ease-in-out infinite}.hpo__stage.is-chips-revealed .hpo__chip--c2{animation-delay:-.8s;animation-duration:6.6s}.hpo__stage.is-chips-revealed .hpo__chip--c3{animation-delay:-1.6s;animation-duration:7.2s}.hpo__stage.is-chips-revealed .hpo__chip--c4{animation-delay:-2.4s;animation-duration:6.9s}.hpo__stage.is-chips-revealed .hpo__chip--c5{animation-delay:-3.2s;animation-duration:6.3s}.hpo__stage.is-chips-revealed .hpo__chip--c6{animation-delay:-4s;animation-duration:7.5s}@keyframes hpo-chip-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-6px,0) scale(1.02)}}.hpo__bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:28px 0 44px;border-top:1px solid rgba(20,16,11,.28)}.hpo__bottom-col{font-family:var(--hpo-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#14100bb8}.hpo__bottom-col--center{text-align:center}.hpo__bottom-col--right{text-align:right}.hpo__cta{display:flex;flex-direction:column;align-items:center;gap:13px;padding:20px 0 8px;text-align:center}.hpo__btn{display:inline-flex;align-items:center;gap:10px;padding:17px 42px;border:0;cursor:pointer;background:linear-gradient(135deg,#bb6b23,#ff7f33);color:#fff;font-family:var(--hpo-body);font-size:16px;font-weight:600;letter-spacing:.01em;border-radius:999px;box-shadow:0 16px 34px #bb6b2352;transition:transform .25s var(--hpo-ease-out),box-shadow .25s var(--hpo-ease-out)}.hpo__btn span{font-size:18px;line-height:1;transition:transform .25s var(--hpo-ease-out)}.hpo__btn:hover{transform:translateY(-2px);box-shadow:0 22px 46px #bb6b2366}.hpo__btn:hover span{transform:translate(4px)}.hpo__btn:focus-visible{outline:2px solid #BB6B23;outline-offset:4px}.hpo__cta-note{font-family:var(--hpo-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#14100bb3}.hpo__reveal{opacity:0;transform:translateY(20px);transition:opacity .9s var(--hpo-ease-out),transform .9s var(--hpo-ease-out)}.hpo__reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.hpo__reveal,.hpo__word{opacity:1!important;transform:none!important;transition:none!important}.hpo__pouch,.hpo__pouch-halo,.hpo__pouch-shadow,.hpo__stream{animation:none!important}}.hpo:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(20,16,11,.12) 20%,rgba(20,16,11,.12) 80%,transparent 100%);pointer-events:none;z-index:2}@media(max-width:900px){.hpo{padding:52px 0 44px}.hpo__inner{padding:0 22px}.hpo__label{margin-bottom:22px;flex-direction:column;align-items:flex-start;gap:8px;font-size:9px}.hpo__label-right{text-align:left}.hpo__hero{grid-template-columns:1fr;gap:28px;margin-bottom:36px;min-height:0}.hpo__headline{font-size:clamp(44px,13.5vw,80px)}.hpo__sub{font-size:16.5px;max-width:100%}.hpo__stage{aspect-ratio:auto;height:auto;min-height:400px;padding:20px 0 24px}.hpo__pouch{width:58%;max-width:250px;position:relative}.hpo__pouch-halo{display:none}.hpo__pouch-shadow{top:90%;width:56%;height:30px;background:radial-gradient(ellipse at center,rgba(60,30,0,.18),transparent 70%);filter:blur(10px);animation:none;opacity:.55}.hpo__pouch img{filter:drop-shadow(0 12px 24px rgba(60,30,0,.22))}.hpo__stream--1{width:130%;height:60%;top:30%;right:-15%;opacity:.5;filter:blur(70px)}.hpo__stream--2{width:100%;height:50%;top:8%;left:-20%;opacity:.35;filter:blur(80px);display:block}.hpo__stream--3{width:90%;height:45%;bottom:8%;right:-20%;opacity:.3;filter:blur(80px);display:block}.hpo__stream--4,.hpo__stream--5{display:none}.hpo__chip{font-size:10.5px;padding:7px 11px;gap:6px;letter-spacing:.05em}.hpo__chip-ic{width:16px;height:16px}.hpo__chip--c1{top:6%;left:4%;transform:translate(-12px,-8px) scale(.7)}.hpo__chip--c2{top:14%;right:2%;transform:translate(12px,-8px) scale(.7)}.hpo__chip--c3{top:44%;left:0;transform:translate(-12px) scale(.7)}.hpo__chip--c4{top:52%;right:0;transform:translate(12px) scale(.7)}.hpo__chip--c5{bottom:18%;left:8%;transform:translate(-12px,12px) scale(.7)}.hpo__chip--c6{bottom:8%;right:8%;transform:translate(12px,12px) scale(.7)}.hpo__cta{gap:12px;padding:10px 0 4px}.hpo__btn{width:100%;max-width:340px;justify-content:center;padding:16px 28px;font-size:16px}.hpo__cta-note{font-size:10px;letter-spacing:.08em}}.hpo__headline,.hpo__sub,.hpo__eyebrow,.hpo__bottom-col{overflow-wrap:break-word;word-wrap:break-word}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hr-product-pouch-orbit.css.map */
