.hero{--hero-pad:clamp(48px,6vw,96px);--glow-pos:50% 32%;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;align-items:stretch;min-height:max(560px,calc(100vh - var(--header-h,76px) - var(--announce-h,40px)));min-height:max(560px,calc(100svh - var(--header-h,76px) - var(--announce-h,40px)));background-color:var(--noir,#1A1210);color:var(--bg,#FAF5EE)}.hero.hero--tall{min-height:82vh;min-height:82svh}.hero--type{--glow-pos:50% 50%}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--noir,#1A1210)}.hero--float .hero-media,.hero--type .hero-media{background-image:radial-gradient(55% 65% at var(--glow-pos),var(--glow,#4A1422),transparent 70%)}.hero-media img,.hero-media .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to top,rgba(26,18,16,calc(var(--scrim,.78) + .04)) 0,rgba(26,18,16,var(--scrim,.78)) 65%,#1a121040)}.hero--float .hero-scrim{background:radial-gradient(55% 65% at var(--glow-pos),var(--glow,#4A1422),transparent 70%),linear-gradient(to top,rgba(26,18,16,calc(var(--scrim,.78) + .04)) 0,rgba(26,18,16,var(--scrim,.78)) 65%,#1a121040)}.hero-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}.hero-grid{position:relative;width:100%;max-width:1680px;margin-inline:auto;padding-inline:var(--edge,clamp(20px,3.2vw,56px));padding-block:var(--hero-pad);display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-content:center;align-items:center;row-gap:clamp(24px,6vw,40px)}.hero--photo .hero-grid{align-content:end}.hero .hero-card{position:relative;z-index:3;max-width:640px;color:var(--bg,#FAF5EE)}.hero .hero-card .eyebrow{display:block;font-size:12.5px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:var(--blush,#E8C4B8)}.hero .hero-card h1{color:var(--heading,#FAF5EE);font-size:clamp(38px,11vw,60px);line-height:1;font-weight:400;max-width:15ch;margin:18px 0 20px;overflow-wrap:break-word}.hero .hero-card h1:first-child{margin-top:0}.hero .hero-card p{color:var(--on-dark-muted,#CFBCB4);font-size:16.5px;line-height:1.6;max-width:44ch;margin:0 0 30px}.hero .hero-card p:last-child{margin-bottom:0}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-actions .btn{width:100%;max-width:360px}.hero .btn-ghost{background-color:transparent;color:var(--ghost-fg,#FAF5EE);border-color:var(--ghost-bd,#FAF5EE)}.hero .btn-ghost:hover{background-color:var(--ghost-hover-bg,#FAF5EE);color:var(--ghost-hover-fg,#1A1210);border-color:var(--ghost-hover-bg,#FAF5EE)}.hero--type .hero-grid{justify-items:center;text-align:center}.hero--type .hero-card h1{max-width:16ch;margin-inline:auto}.hero--type .hero-card p{margin-inline:auto}.hero--type .hero-actions{align-items:center}.hero-stage{position:relative;z-index:2;order:-1;width:100%;height:min(46svh,440px);min-height:0}.hero-rise{position:absolute;top:0;right:0;bottom:0;left:0;animation:jx-rise 1.1s cubic-bezier(.2,.8,.2,1) both}.hero-parallax{position:relative;width:100%;height:100%}.hero-float{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:jx-float 7.5s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}.hero-product{display:block;flex:0 0 auto;min-width:0;width:auto;height:100%;max-width:min(100%,82vw);object-fit:contain;filter:drop-shadow(0 40px 60px rgba(0,0,0,.45))}.hero-shadow{position:absolute;z-index:0;left:20%;bottom:-1%;width:60%;aspect-ratio:60/7;border-radius:50%;background:radial-gradient(rgba(0,0,0,.55),transparent 70%);opacity:.55;transform-origin:50% 50%;pointer-events:none;animation:jx-shadow 7.5s cubic-bezier(.45,.05,.55,.95) infinite}.hero-placeholder{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min(300px,64vw);aspect-ratio:1;margin-inline:auto;padding:36px;border:1px dashed var(--ui-dark,#81736E);border-radius:50%;color:var(--on-dark-muted,#CFBCB4);font-size:14px;line-height:1.5;text-align:center}.hero-motion{position:absolute;z-index:4;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--ui-dark,#81736E);background-color:var(--noir-2,#241313);color:var(--bg,#FAF5EE);cursor:pointer;transition:border-color .2s}.hero-motion:hover{border-color:var(--bg,#FAF5EE)}.hero-motion svg{display:block;width:16px;height:16px;pointer-events:none}.hero-motion .hero-motion-play,.hero-motion[aria-pressed=true] .hero-motion-pause{display:none}.hero-motion[aria-pressed=true] .hero-motion-play{display:block}@keyframes jx-float{0%,to{transform:translateZ(0) rotate(-1.2deg)}50%{transform:translate3d(0,calc(var(--float-amp,14px)*-1),0) rotate(1deg)}}@keyframes jx-shadow{0%,to{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.82);opacity:.32}}@keyframes jx-rise{0%{transform:translate3d(0,28px,0)}}.hero.is-paused .hero-float,.hero.is-paused .hero-shadow{animation-play-state:paused}.hero--static .hero-float,.hero--static .hero-shadow{animation:none}@media(prefers-reduced-motion:reduce){.hero-rise,.hero-float,.hero-shadow{animation:none}.hero-float{will-change:auto}.hero-motion{transition:none}}@media(min-width:990px){.hero{--glow-pos:72% 55%;min-height:max(640px,calc(100vh - var(--header-h,92px) - var(--announce-h,40px)));min-height:max(640px,calc(100svh - var(--header-h,92px) - var(--announce-h,40px)))}.hero.hero--tall{min-height:82vh;min-height:82svh}.hero--type{--glow-pos:50% 50%}.hero-scrim{background:linear-gradient(90deg,rgba(26,18,16,var(--scrim,.78)) 0 50%,#1a121033)}.hero--float .hero-scrim{background:radial-gradient(55% 65% at var(--glow-pos),var(--glow,#4A1422),transparent 70%),linear-gradient(90deg,rgba(26,18,16,var(--scrim,.78)) 0 50%,#1a121033)}.hero--float .hero-grid,.hero--photo .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;column-gap:clamp(24px,4vw,80px);align-content:stretch;align-items:center}.hero--float .hero-card,.hero--photo .hero-card{grid-column:1;grid-row:1}.hero-stage{grid-column:2;grid-row:1;order:0;height:var(--product-size,82%)}.hero-product{max-width:100%}.hero .hero-card h1{font-size:clamp(44px,6.4vw,104px);margin:22px 0 26px}.hero .hero-card h1:first-child{margin-top:0}.hero .hero-card p{font-size:19px;margin-bottom:36px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}.hero-actions .btn{width:auto;max-width:none}.hero--type .hero-actions{justify-content:center}.hero--float.hero--center{--glow-pos:50% 36%}.hero--float.hero--center .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:center;text-align:center;row-gap:clamp(24px,3vw,48px)}.hero--float.hero--center .hero-stage{grid-column:1;grid-row:1;justify-self:center;width:min(100%,560px);height:calc(min(54svh,600px) * var(--product-scale,.82))}.hero--float.hero--center .hero-card{grid-column:1;grid-row:2}.hero--float.hero--center .hero-card h1,.hero--float.hero--center .hero-card p{margin-inline:auto}.hero--float.hero--center .hero-actions{justify-content:center}.hero--float.hero--center .hero-scrim{background:radial-gradient(55% 65% at var(--glow-pos),var(--glow,#4A1422),transparent 70%),linear-gradient(rgba(26,18,16,var(--scrim,.78)),rgba(26,18,16,var(--scrim,.78)))}.hero-placeholder{width:340px;font-size:15px}.hero-motion{top:auto;right:max(16px,var(--edge,24px));bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/v5-hero.css.map */