hero-parallax{display:block;position:relative;--hpx-radius: 0px;--hpx-ease: cubic-bezier(.65, 0, .35, 1);--accent: #9a8460}.hpx-stage{position:relative;width:100%;aspect-ratio:var(--hpx-ratio-d, 16 / 9);overflow:hidden;container-type:inline-size;border-radius:var(--hpx-radius);background:var(--hpx-stage-bg, transparent);touch-action:pan-y;cursor:grab;isolation:isolate}.hpx-stage.is-dragging{cursor:grabbing}@media screen and (max-width:749px){.hpx-stage{aspect-ratio:var(--hpx-ratio-m, 4 / 5)}}hero-parallax:focus-visible .hpx-stage,.hpx-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hpx-slide{position:absolute;top:0;right:0;bottom:0;left:0}.hpx-layer{position:absolute;will-change:transform,opacity}.hpx-bg{top:0;right:0;bottom:0;left:0;z-index:0;opacity:var(--op, 1);background:var(--bg-fill, transparent)}.hpx-bg__img{width:100%;height:100%;object-fit:cover;object-position:var(--bg-pos, 50% 50%);display:block}.hpx-bg2{top:0;right:0;bottom:0;left:0;z-index:1;opacity:var(--op, 1);transform:translate(var(--tx, 0px))}.hpx-bg2__img{width:100%;height:100%;object-fit:cover;object-position:var(--bg-pos, 50% 50%);display:block}.hpx-title--behind{z-index:1;top:50%;left:50%;width:92cqw;text-align:center;transform:translate(calc(-50% + var(--tx, 0px)),-50%);color:var(--accent);font-weight:800;line-height:.95;font-size:clamp(32px,14cqw,200px);letter-spacing:-.02em;pointer-events:none;mix-blend-mode:multiply;opacity:calc(var(--op, 1) * .22)}.hpx-subject{z-index:2;top:var(--hpx-subject-top, 40%);left:50%;width:var(--hpx-subject-size, 48cqw);height:var(--hpx-subject-size, 48cqw);transform:translate(calc(-50% + var(--tx, 0px)),-50%) scale(var(--sc, 1));opacity:var(--op, 1);pointer-events:none}.hpx-subject--pos-left{left:26%}.hpx-subject--pos-right{left:74%}.hpx-subject__img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.hpx-subject--shadow .hpx-subject__img{filter:drop-shadow(0 6cqw 4cqw rgba(0,0,0,.28))}.hpx-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:7cqw 8cqw;display:grid;pointer-events:none;color:var(--text, #1f1b16)}.hpx-meta{position:absolute;top:7cqw;right:8cqw;transform:translate(var(--tx, 0px));opacity:var(--op, 1);color:var(--accent);font-size:clamp(11px,2cqw,22px);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hpx-copy{display:flex;flex-direction:column;gap:2.2cqw;max-width:52cqw}.hpx-v-top{align-self:start}.hpx-v-middle{align-self:center}.hpx-v-bottom{align-self:end}.hpx-h-left{justify-self:start;align-items:flex-start;text-align:left}.hpx-h-center{justify-self:center;align-items:center;text-align:center;max-width:78cqw}.hpx-h-right{justify-self:end;align-items:flex-end;text-align:right}.hpx-eyebrow{position:relative;transform:translate(var(--tx, 0px));opacity:var(--op, 1);color:var(--accent);font-size:clamp(11px,2.2cqw,22px);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hpx-title{position:relative;transform:translate(var(--tx, 0px));opacity:var(--op, 1);margin:0;color:currentColor;font-weight:800;line-height:1.02;letter-spacing:-.015em;font-size:clamp(26px,8cqw,104px)}.hpx-desc{position:relative;transform:translate(var(--tx, 0px));opacity:var(--op, 1);max-width:46cqw;font-size:clamp(13px,2.4cqw,22px);line-height:1.5}.hpx-h-center .hpx-desc{max-width:64cqw}.hpx-desc>:first-child{margin-top:0}.hpx-desc>:last-child{margin-bottom:0}.hpx-cta{position:relative;transform:translate(var(--tx, 0px));opacity:var(--op, 1);pointer-events:auto;display:inline-block;margin-top:1cqw;padding:clamp(6px,1.6cqw,11px) clamp(13px,3.4cqw,22px);background:var(--accent);color:#fff;border-radius:999px;font-size:clamp(13px,2.2cqw,16px);font-weight:700;text-decoration:none;transition:filter .2s ease,transform .2s ease;white-space:nowrap}.hpx-cta:hover{filter:brightness(1.08)}.hpx-cta:active{transform:translate(var(--tx, 0px)) scale(.97)}.hpx-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:clamp(38px,6cqw,60px);height:clamp(38px,6cqw,60px);display:grid;place-items:center;border:none;border-radius:50%;background:#ffffffd1;color:#222;cursor:pointer;box-shadow:0 2px 10px #0000001f;transition:background .2s ease,opacity .2s ease}.hpx-arrow:hover{background:#fff}.hpx-arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}.hpx-arrow svg{width:42%;height:42%}.hpx-arrow--prev{left:3cqw}.hpx-arrow--next{right:3cqw}.hpx-arrow--prev svg{transform:rotate(180deg)}.hpx-indicator{position:absolute;left:50%;bottom:clamp(10px,2.4vw,26px);transform:translate(-50%);z-index:5;display:flex;justify-content:center;align-items:center;pointer-events:none}.hpx-indicator[hidden]{display:none}.hpx-track{position:relative;width:clamp(140px,24vw,300px);height:22px}.hpx-track__line{position:absolute;top:50%;left:var(--hpx-pad, 12%);right:var(--hpx-pad, 12%);height:2px;transform:translateY(-50%);background:repeating-linear-gradient(to right,var(--accent) 0 6px,transparent 6px 11px)}.hpx-track__line:empty,.hpx-bg:empty{display:block}.hpx-node{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;border:none;background:none;cursor:pointer;pointer-events:auto}.hpx-node__dot{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--accent);transition:opacity .15s linear}.hpx-ring{position:absolute;top:50%;left:0;box-sizing:border-box;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px solid var(--accent);background:transparent;pointer-events:auto;cursor:grab;transform:translate(var(--ring-x, 0px))}.hpx-ring.is-dragging{cursor:grabbing}.hpx-ring__fill{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--accent);opacity:var(--fill, 0);transform:scale(var(--fill, 0))}.hpx-dots{display:flex;gap:10px}.hpx-dots__dot{width:9px;height:9px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--accent) 35%,transparent);cursor:pointer;pointer-events:auto;transition:background .2s ease,transform .2s ease}.hpx-dots__dot.is-active{background:var(--accent);transform:scale(1.25)}@media(prefers-reduced-motion:reduce){.hpx-cta{transition:none}}@media screen and (max-width:749px){hero-parallax{--hpx-mobile-lift: 30px}.hpx-subject{top:calc(var(--hpx-subject-top, 40%) - var(--hpx-mobile-lift))}.hpx-indicator{bottom:calc(clamp(10px,2.4vw,26px) + var(--hpx-mobile-lift))}.hpx-v-bottom{margin-bottom:var(--hpx-mobile-lift)}hero-parallax:not([data-indicator=none]) .hpx-v-bottom{margin-bottom:calc(clamp(26px,8cqw,44px) + var(--hpx-mobile-lift))}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hero-parallax.css.map */