.media-video-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:#00000040;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .25s}.video-toggle-btn:hover{background:#00000080}.video-toggle-btn svg{width:1.6rem;height:1.6rem}.video-toggle-btn .icon-play{display:none}.video-toggle-btn.is-paused .icon-play{display:block}.video-toggle-btn.is-paused .icon-pause{display:none}.media-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground-rgb, 26, 26, 26),.06)}.media-placeholder svg{width:100%;height:100%}.video-hero{position:relative;overflow:hidden;color:#fff;isolation:isolate}.video-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#1a1a1a}.video-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#00000026,rgba(0,0,0,var(--overlay, .45)))}.video-hero__inner{display:flex;min-height:var(--hero-min, 72vh);padding-top:6rem;padding-bottom:6rem}.video-hero--small{--hero-min: 52vh}.video-hero--medium{--hero-min: 72vh}.video-hero--large{--hero-min: 92vh}.video-hero__content{max-width:64rem;display:flex;flex-direction:column;gap:1.6rem}.video-hero--v-bottom .video-hero__inner{align-items:flex-end}.video-hero--v-center .video-hero__inner{align-items:center}.video-hero--h-center .video-hero__inner{justify-content:center;text-align:center}.video-hero--h-center .video-hero__content{align-items:center}.video-hero__content .subheading{color:#ffffffd9;margin:0}.video-hero__heading{color:#fff;margin:0}.video-hero__text{color:#ffffffe0;font-size:1.7rem;line-height:1.6;margin:0}.video-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.video-hero .button--light{background:#fff;color:#1a1a1a;border-color:#fff}.video-hero .button--light:hover{background:transparent;color:#fff}.video-hero .button--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.75)}.video-hero .button--ghost:hover{background:#fff;color:#1a1a1a}.video-hero__toggle{position:absolute;right:2rem;top:2rem;z-index:2}[dir=rtl] .video-hero__toggle{right:auto;left:2rem}.shoppable-videos__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3.2rem}.shoppable-videos__arrows{display:flex;gap:.8rem}.shoppable-videos__arrow{width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid var(--color-border, rgba(26,26,26,.15));background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}.shoppable-videos__arrow:hover{background:var(--color-foreground);color:var(--color-background)}.shoppable-videos__arrow svg{width:1.6rem;height:1.6rem}.shoppable-videos__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4.8rem)/4);gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;margin:0;padding:0 0 .4rem}.shoppable-videos__track::-webkit-scrollbar{display:none}.reel-card{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;gap:1.2rem}.reel-card__media{position:relative;aspect-ratio:9 / 16;border-radius:var(--reel-radius, 1.2rem);overflow:hidden;background:#1a1a1a}.reel-card__media video,.reel-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.reel-card:hover .reel-card__media video{transform:scale(1.03)}.reel-card__badge{position:absolute;top:1.2rem;left:1.2rem;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-radius:99rem;background:#00000073;color:#fff;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reel-card__badge svg{width:1rem;height:1rem}.reel-card__caption{position:absolute;left:1.4rem;right:1.4rem;bottom:1.4rem;color:#fff;font-size:1.4rem;line-height:1.4;text-shadow:0 1px 8px rgba(0,0,0,.5)}.reel-card__product{position:relative;display:grid;grid-template-columns:5.6rem 1fr;align-items:center;gap:1.2rem;padding:1rem;border:1px solid var(--color-border, rgba(26,26,26,.12));border-radius:1rem;color:inherit;text-decoration:none;transition:border-color .2s}.reel-card__product:hover{border-color:var(--color-foreground)}.reel-card__thumb{width:5.6rem;aspect-ratio:1;border-radius:.6rem;overflow:hidden;background:#0000000d}.reel-card__thumb img{width:100%;height:100%;object-fit:cover}.reel-card__title{display:block;font-size:1.4rem;font-weight:500;line-height:1.35;margin-bottom:.2rem}.reel-card__product .price{font-size:1.4rem}.reel-card__shop{display:inline-block;margin-top:.4rem;font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3rem}.video-text__grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.video-text--video-right .video-text__media{order:2}.video-text__media{position:relative;aspect-ratio:var(--video-ratio, 4 / 5);border-radius:var(--media-radius, 0);overflow:hidden;background:#1a1a1a}.video-text__media video,.video-text__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-text__toggle{position:absolute;right:1.6rem;bottom:1.6rem;z-index:2}.video-text__content{display:flex;flex-direction:column;gap:1.6rem;max-width:52rem}.video-text__content .subheading,.video-text__heading{margin:0}.video-text__features{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:1.6rem}.video-text__feature{display:grid;grid-template-columns:4.4rem 1fr;gap:1.4rem;align-items:start}.video-text__icon{width:4.4rem;height:4.4rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border, rgba(26,26,26,.15));color:var(--color-accent, currentColor)}.video-text__icon svg{width:2rem;height:2rem}.video-text__feature strong{display:block;font-size:1.5rem;font-weight:600;margin-bottom:.2rem}.video-text__feature span{color:var(--color-foreground-muted, inherit);font-size:1.45rem;line-height:1.55}.video-text__content .button{align-self:flex-start;margin-top:.8rem}.craft-process__grid{display:grid;grid-template-columns:5fr 6fr;gap:6rem;align-items:start}.craft-process__media{position:sticky;top:calc(var(--header-height, 80px) + 2rem);aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--media-radius, 0);background:#0000000d}.craft-process__media img,.craft-process__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.craft-process__steps{list-style:none;margin:3.2rem 0 0;padding:0;counter-reset:step}.craft-step{display:grid;grid-template-columns:7.2rem 1fr;gap:2rem;padding:2.8rem 0;border-top:1px solid var(--color-border, rgba(26,26,26,.12))}.craft-step:last-child{border-bottom:1px solid var(--color-border, rgba(26,26,26,.12))}.craft-step__number{font-family:var(--font-heading-family);font-size:4rem;line-height:1;color:var(--color-accent, currentColor);opacity:.9}.craft-step__title{margin:0 0 .8rem;font-size:2.2rem}.craft-step__text{margin:0;color:var(--color-foreground-muted, inherit);line-height:1.65}.shop-look__grid{display:grid;grid-template-columns:3fr 2fr;gap:4.8rem;align-items:center}.shop-look__image{position:relative}.shop-look__image>img{display:block;width:100%;height:auto;border-radius:var(--media-radius, 0)}.shop-look__image .media-placeholder{position:relative;aspect-ratio:4 / 3}.hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2}.hotspot__button{position:relative;width:3.2rem;height:3.2rem;border-radius:50%;border:0;cursor:pointer;background:#fff;color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003}.hotspot__button:before{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:hotspot-pulse 2s ease-out infinite}.hotspot__button svg{width:1.4rem;height:1.4rem;transition:transform .25s}.hotspot__button[aria-expanded=true] svg{transform:rotate(45deg)}@keyframes hotspot-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.hotspot__button:before{animation:none}}.hotspot__popover{position:absolute;left:50%;bottom:calc(100% + 1.2rem);transform:translate(-50%);width:24rem;padding:1.2rem;border-radius:1rem;background:#fff;color:#1a1a1a;box-shadow:0 12px 32px #0000002e;display:none;grid-template-columns:6.4rem 1fr;gap:1.2rem;align-items:center;text-decoration:none}.hotspot__button[aria-expanded=true]+.hotspot__popover{display:grid}.hotspot--below .hotspot__popover{bottom:auto;top:calc(100% + 1.2rem)}.hotspot--end .hotspot__popover{left:auto;right:-.8rem;transform:none}.hotspot--start .hotspot__popover{left:-.8rem;transform:none}.hotspot__popover img{width:6.4rem;height:6.4rem;object-fit:cover;border-radius:.6rem}.hotspot__popover-title{display:block;font-size:1.4rem;font-weight:500;line-height:1.35}.hotspot__popover .price{font-size:1.4rem}.shop-look__content{display:flex;flex-direction:column;gap:1.6rem}.shop-look__content .subheading,.shop-look__heading{margin:0}.shop-look__list{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:1.2rem}.shop-look__item a{position:relative;display:grid;grid-template-columns:7.2rem 1fr auto;gap:1.6rem;align-items:center;padding:1.2rem;border:1px solid var(--color-border, rgba(26,26,26,.12));border-radius:1rem;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}.shop-look__item a:hover{border-color:var(--color-foreground);transform:translateY(-2px)}.shop-look__item img{width:7.2rem;height:7.2rem;object-fit:cover;border-radius:.6rem}.shop-look__item-num{font-family:var(--font-heading-family);font-size:1.8rem;opacity:.5}.shop-look__item-title{display:block;font-size:1.5rem;font-weight:500;margin-bottom:.2rem}.icon-features__grid{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:3.2rem;margin-top:3.2rem}.icon-features__header{text-align:center;max-width:64rem;margin:0 auto}.icon-features__header .subheading{margin:0 0 .8rem}.icon-features__header h2{margin:0}.icon-feature{text-align:center;padding:3.2rem 2.4rem;border:1px solid var(--color-border, rgba(26,26,26,.12));border-radius:1.2rem;transition:transform .3s,box-shadow .3s}.icon-feature:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000000f}.icon-features--plain .icon-feature{border:0;padding:1.6rem}.icon-features--plain .icon-feature:hover{transform:none;box-shadow:none}.icon-feature__icon{width:6.4rem;height:6.4rem;margin:0 auto 2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#c89b6d24;color:var(--color-accent, currentColor)}.icon-feature__icon svg{width:2.8rem;height:2.8rem}.icon-feature__title{margin:0 0 .8rem;font-size:1.8rem}.icon-feature__text{margin:0;color:var(--color-foreground-muted, inherit);font-size:1.45rem;line-height:1.6}@media screen and (max-width:989px){.shoppable-videos__track{grid-auto-columns:calc((100% - 3.2rem) / 2.4)}.video-text__grid,.craft-process__grid,.shop-look__grid{grid-template-columns:1fr;gap:3.2rem}.video-text--video-right .video-text__media{order:0}.craft-process__media{position:relative;top:0;aspect-ratio:4 / 3}.icon-features__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.video-hero__inner{min-height:calc(var(--hero-min, 72vh) * .85);padding-top:4rem;padding-bottom:4rem}.video-hero__text{font-size:1.5rem}.video-hero__buttons .button{flex:1 1 auto}.shoppable-videos__header{margin-bottom:2rem}.shoppable-videos__arrows{display:none}.shoppable-videos__track{grid-auto-columns:68%;gap:1.2rem;margin-inline:calc(var(--page-padding, 1.6rem) * -1);padding-inline:var(--page-padding, 1.6rem);scroll-padding-inline:var(--page-padding, 1.6rem)}.video-text__media{aspect-ratio:4 / 5}.craft-step{grid-template-columns:5.2rem 1fr;gap:1.4rem;padding:2.2rem 0}.craft-step__number{font-size:3rem}.craft-step__title{font-size:1.9rem}.icon-features__grid{grid-template-columns:1fr 1fr;gap:1.2rem}.icon-feature{padding:2.2rem 1.4rem}.icon-feature__icon{width:5.2rem;height:5.2rem;margin-bottom:1.4rem}.icon-feature__title{font-size:1.55rem}.icon-feature__text{font-size:1.3rem}.hotspot__popover{width:20rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-media.css.map */
