.pdp-hiw-cine{--hiw-brand: #EFDF00;--hiw-canvas: #F8F7F3;--hiw-line-soft: #E8E4DA;--hiw-mute-300: #8A8578;--hiw-mute-500: #6E6A5E;--hiw-ink-body: #3A362F;--hiw-ink-max: #1B1914;--hiw-surface-dark: #1B1914;--hiw-on-dark: #F8F7F3;--hiw-on-dark-muted: rgba(248, 247, 243, .75);--hiw-on-dark-faint: rgba(248, 247, 243, .12);--hiw-font-display: "Circular Pro", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--hiw-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--hiw-ease: cubic-bezier(.4, 0, .2, 1);position:relative;background:var(--hiw-canvas);color:var(--hiw-ink-body);font-family:var(--hiw-font-display);-webkit-font-smoothing:antialiased}.pdp-hiw-cine *,.pdp-hiw-cine *:before,.pdp-hiw-cine *:after{box-sizing:border-box}.pdp-hiw-cine__stage{position:relative;height:220vh}.pdp-hiw-cine__sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:64% 36%;overflow:hidden;background:var(--hiw-canvas)}.pdp-hiw-cine__footage{position:relative;background:var(--hiw-surface-dark);overflow:hidden}.pdp-hiw-cine__scenes{position:absolute;top:0;right:0;bottom:0;left:0}.pdp-hiw-cine__scene{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity .6s var(--hiw-ease);will-change:opacity}.pdp-hiw-cine__scene.is-visible{opacity:1}.pdp-hiw-cine__img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.pdp-hiw-cine__img-wrap img,.pdp-hiw-cine__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.pdp-hiw-cine__scene.is-visible .pdp-hiw-cine__img{animation:pdp-hiw-cine-kenburns 10s ease-out forwards}@keyframes pdp-hiw-cine-kenburns{0%{transform:scale(1.02)}to{transform:scale(1.08)}}.pdp-hiw-cine__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f8f7f38c;font-family:var(--hiw-font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;background:repeating-linear-gradient(135deg,#2a2520 0 14px,#201c17 14px 28px)}.pdp-hiw-cine__placeholder span{padding:10px 16px;border:1px solid rgba(248,247,243,.2)}.pdp-hiw-cine__scene-caption{display:none}.pdp-hiw-cine__footage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 20%,transparent 40%,rgba(0,0,0,.35) 100%),linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:2}.pdp-hiw-cine__watermark{position:absolute;z-index:3;right:clamp(20px,3vw,48px);bottom:clamp(40px,6vh,96px);font-family:var(--hiw-font-display);font-weight:500;font-size:clamp(180px,26vw,360px);line-height:.8;letter-spacing:-.06em;color:var(--hiw-on-dark);opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none}.pdp-hiw-cine__hint{position:absolute;z-index:3;left:clamp(28px,4vw,56px);bottom:clamp(32px,4.5vh,52px);color:var(--hiw-on-dark-muted);font-family:var(--hiw-font-mono);font-size:12px;letter-spacing:.08em;display:inline-flex;align-items:center;gap:10px;opacity:1;transition:opacity .4s var(--hiw-ease)}.pdp-hiw-cine__hint.is-hidden{opacity:0}.pdp-hiw-cine__hint-line{width:1px;height:28px;background:var(--hiw-on-dark-muted);position:relative;overflow:hidden}.pdp-hiw-cine__hint-line:after{content:"";position:absolute;left:-1px;top:0;width:3px;height:8px;background:var(--hiw-on-dark);animation:pdp-hiw-cine-scroll 1.8s ease-in-out infinite}@keyframes pdp-hiw-cine-scroll{0%{transform:translateY(-10px);opacity:0}30%{opacity:1}to{transform:translateY(28px);opacity:0}}.pdp-hiw-cine__progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:2px;background:var(--hiw-on-dark-faint)}.pdp-hiw-cine__progress-fill{display:block;width:0%;height:100%;background:var(--hiw-on-dark);transition:width .12s linear}.pdp-hiw-cine__rail{position:relative;background:var(--hiw-canvas);border-left:1px solid var(--hiw-line-soft);padding:clamp(64px,8vh,120px) clamp(36px,4vw,72px);display:flex;flex-direction:column;gap:clamp(24px,3.5vh,48px)}.pdp-hiw-cine__heading{color:var(--hiw-ink-max);padding-bottom:clamp(16px,2.2vh,24px);border-bottom:1px solid var(--hiw-line-soft)}.pdp-hiw-cine__title{margin:0;font-family:var(--hiw-font-display);font-weight:500;font-size:clamp(3rem,7vw,5.375rem);line-height:1;letter-spacing:-.04em;color:var(--hiw-ink-max);text-wrap:balance}.pdp-hiw-cine__title em{font-style:normal;color:var(--hiw-ink-max);text-decoration:underline;text-decoration-color:var(--hiw-brand);text-decoration-thickness:.08em;text-underline-offset:.12em}.pdp-hiw-cine__sub{margin:20px 0 0;font-size:1.25rem;line-height:1.45;color:var(--hiw-mute-500);max-width:36ch}.pdp-hiw-cine__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(24px,4vh,44px);flex:1;justify-content:center}.pdp-hiw-cine__step{position:relative}.pdp-hiw-cine__step-btn{position:relative;display:block;width:100%;padding:6px 0 6px 18px;margin:0;background:transparent;border:0;text-align:left;font-family:inherit;color:inherit;cursor:pointer}.pdp-hiw-cine__step-btn:focus-visible{outline:2px solid var(--hiw-ink-max);outline-offset:4px;border-radius:2px}.pdp-hiw-cine__step-rule{position:absolute;left:0;top:6px;bottom:6px;width:2px;background:transparent;transition:background .3s var(--hiw-ease)}.pdp-hiw-cine__step.is-active .pdp-hiw-cine__step-rule{background:var(--hiw-brand)}.pdp-hiw-cine__step-num{display:block;font-family:var(--hiw-font-mono);font-size:12px;letter-spacing:.08em;color:var(--hiw-mute-300);margin-bottom:10px;transition:color .3s var(--hiw-ease)}.pdp-hiw-cine__step.is-active .pdp-hiw-cine__step-num{color:var(--hiw-ink-max)}.pdp-hiw-cine__step-title{display:block;margin:0 0 10px;font-family:var(--hiw-font-display);font-weight:500;color:var(--hiw-mute-500);font-size:clamp(1.625rem,2.4vw,2.125rem);letter-spacing:-.02em;line-height:1.1;transform-origin:left center;transition:color .3s var(--hiw-ease),transform .3s var(--hiw-ease)}.pdp-hiw-cine__step.is-active .pdp-hiw-cine__step-title{color:var(--hiw-ink-max);transform:scale(1.08)}.pdp-hiw-cine__step-desc{display:block;margin:0;font-size:1.0625rem;line-height:1.5;color:var(--hiw-ink-body);max-width:42ch;opacity:0;transform:translateY(6px);transition:opacity .4s var(--hiw-ease),transform .4s var(--hiw-ease)}.pdp-hiw-cine__step.is-active .pdp-hiw-cine__step-desc{opacity:1;transform:none}.pdp-hiw-cine__step-btn:hover .pdp-hiw-cine__step-title{color:var(--hiw-ink-max)}@media(max-width:860px),(prefers-reduced-motion:reduce){.pdp-hiw-cine__stage{height:auto}.pdp-hiw-cine__sticky{position:static;height:auto;display:block;overflow:visible}.pdp-hiw-cine__footage{background:transparent;padding:0}.pdp-hiw-cine__footage:after{display:none}.pdp-hiw-cine__scenes{position:static;display:flex;flex-direction:column;gap:clamp(32px,5vh,56px)}.pdp-hiw-cine__scene{position:static;opacity:1}.pdp-hiw-cine__img-wrap{position:relative;inset:auto;aspect-ratio:4 / 5;background:var(--hiw-surface-dark)}.pdp-hiw-cine__img-wrap img,.pdp-hiw-cine__img{position:absolute;transform:none;animation:none!important}.pdp-hiw-cine__scene.is-visible .pdp-hiw-cine__img{animation:none}.pdp-hiw-cine__scene-caption{display:block;padding:20px clamp(20px,5vw,32px) 0;color:var(--hiw-ink-max)}.pdp-hiw-cine__scene-num{font-family:var(--hiw-font-mono);font-size:12px;letter-spacing:.08em;color:var(--hiw-mute-500);margin-bottom:10px}.pdp-hiw-cine__scene-title{margin:0 0 10px;font-family:var(--hiw-font-display);font-weight:500;color:var(--hiw-ink-max);font-size:clamp(1.5rem,4.5vw,2rem);letter-spacing:-.02em;line-height:1.1}.pdp-hiw-cine__scene-desc{margin:0;font-size:1rem;line-height:1.5;color:var(--hiw-ink-body);max-width:52ch}.pdp-hiw-cine__watermark,.pdp-hiw-cine__hint,.pdp-hiw-cine__progress,.pdp-hiw-cine__rail{display:none}}@media(max-width:860px),(prefers-reduced-motion:reduce){.pdp-hiw-cine__rail{display:flex;border-left:none;border-bottom:1px solid var(--hiw-line-soft);padding:clamp(24px,5vh,40px) clamp(20px,5vw,32px);gap:0}.pdp-hiw-cine__steps{display:none}.pdp-hiw-cine__heading{padding-bottom:0;border-bottom:none}.pdp-hiw-cine__title{font-size:clamp(2.25rem,9vw,3rem)}.pdp-hiw-cine__sub{font-size:1rem;margin-top:12px}.pdp-hiw-cine__sticky{display:flex;flex-direction:column}.pdp-hiw-cine__rail{order:0}.pdp-hiw-cine__footage{order:1;padding-top:clamp(24px,5vh,40px)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pdp-how-it-works-cinematic.css.map */