.lsa-htf{--lsa-htf-content-max-width: 1120px;--lsa-htf-pad-x-desktop: 80px;--lsa-htf-pad-x-mobile: 26px;--lsa-htf-text-col: 38%;--lsa-htf-media-aspect: 16 / 9;--lsa-htf-gap: 56px;background-color:var(--lsa-htf-bg, rgb(var(--color-background)))}.lsa-htf__inner{margin-left:auto;margin-right:auto;padding-left:var(--lsa-htf-pad-x-mobile);padding-right:var(--lsa-htf-pad-x-mobile);display:flex;flex-direction:column;gap:1.75rem}.lsa-htf__media{order:1}.lsa-htf__text{order:2}@media screen and (min-width:750px){.lsa-htf__inner{padding-left:var(--lsa-htf-pad-x-desktop);padding-right:var(--lsa-htf-pad-x-desktop);flex-direction:row;align-items:center;gap:var(--lsa-htf-gap)}.lsa-htf__text{flex:0 0 var(--lsa-htf-text-col);order:1}.lsa-htf__media{flex:1 1 auto;min-width:0;order:2}.lsa-htf--media-left .lsa-htf__text{order:2}.lsa-htf--media-left .lsa-htf__media{order:1}}.lsa-htf__eyebrow{margin:0 0 1.1rem;font-family:var(--lsa-font-mono-family);font-weight:var(--lsa-font-mono-weight);font-size:var(--lsa-type-caption);letter-spacing:.24em;text-transform:uppercase;color:var(--lsa-htf-color-eyebrow, rgb(var(--color-link)))}.lsa-htf__heading{margin:0 0 1rem;font-family:var(--lsa-font-heading-family);font-style:var(--lsa-font-heading-style);font-weight:var(--lsa-font-heading-weight);line-height:1.08;letter-spacing:-.01em;color:var(--lsa-htf-color-heading, rgb(var(--color-foreground)))}.lsa-htf__heading--small{font-size:var(--lsa-type-h3)}.lsa-htf__heading--medium{font-size:var(--lsa-type-h2)}.lsa-htf__heading--large{font-size:var(--lsa-type-h1)}.lsa-htf__dek{margin:0 0 1.75rem;font-family:var(--lsa-font-italic-family);font-style:var(--lsa-font-italic-style);font-weight:var(--lsa-font-italic-weight);font-size:var(--lsa-type-h4);line-height:1.5;color:var(--lsa-htf-color-italic, rgba(var(--color-foreground), .74))}.lsa-htf__dek>*{margin:0}.lsa-htf__steps{margin:0;padding:0;list-style:none}.lsa-htf__step{display:flex;gap:.9rem;padding:1rem 0;border-top:1px solid var(--lsa-htf-color-hairline, rgba(var(--color-foreground), .12))}.lsa-htf__step:first-child{border-top:0;padding-top:0}.lsa-htf__step:last-child{padding-bottom:0}.lsa-htf__step-num{flex:0 0 auto;min-width:1.5em;font-family:var(--lsa-font-mono-family);font-weight:var(--lsa-font-mono-weight);font-size:var(--lsa-type-caption);letter-spacing:.08em;line-height:1.7;color:var(--lsa-htf-color-number, rgb(var(--color-link)))}.lsa-htf__step-text{font-family:var(--lsa-font-body-family);font-weight:var(--lsa-font-body-weight);font-size:var(--lsa-type-body);line-height:1.5;color:var(--lsa-htf-color-body, rgba(var(--color-foreground), .88))}.lsa-htf__step-text>*{margin:0}.lsa-htf__watch{display:inline-flex;align-items:center;gap:.5em;margin-top:1.75rem;font-family:var(--lsa-font-mono-family);font-size:var(--lsa-type-caption);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--lsa-htf-color-cta, rgb(var(--color-link)));border-bottom:1px solid currentColor;padding-bottom:4px;transition:opacity .2s ease}.lsa-htf__watch:hover{opacity:.6}.lsa-htf__watch-arrow{transition:transform .2s ease}.lsa-htf__watch:hover .lsa-htf__watch-arrow{transform:translate(3px)}.lsa-htf__media{margin:0}.lsa-htf__frame{position:relative;display:block;width:100%;aspect-ratio:var(--lsa-htf-media-aspect);overflow:hidden;border:1px solid var(--lsa-htf-color-hairline, rgba(var(--color-foreground), .45));background:rgb(var(--color-foreground))}.lsa-htf__poster{position:absolute;top:0;right:0;bottom:0;left:0}.lsa-htf__cover{display:block;width:100%;height:100%;object-fit:cover}.lsa-htf__frame--placeholder .lsa-htf__cover{background:rgba(var(--color-foreground),.06)}.lsa-htf__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;z-index:3}.lsa-htf__frame[loaded] .lsa-htf__poster,.lsa-htf__frame[loaded] .lsa-htf__play,.lsa-htf__frame[loaded] .lsa-htf__runtime,.lsa-htf__frame[loaded] .lsa-htf__corner{opacity:0;pointer-events:none}.lsa-htf__corner{position:absolute;width:26px;height:26px;pointer-events:none;z-index:2;--b: 1.5px;--c: var(--lsa-htf-color-hairline, rgba(var(--color-foreground), .85))}.lsa-htf__corner--tl{top:14px;left:14px;border-top:var(--b) solid var(--c);border-left:var(--b) solid var(--c)}.lsa-htf__corner--tr{top:14px;right:14px;border-top:var(--b) solid var(--c);border-right:var(--b) solid var(--c)}.lsa-htf__corner--bl{bottom:14px;left:14px;border-bottom:var(--b) solid var(--c);border-left:var(--b) solid var(--c)}.lsa-htf__corner--br{bottom:14px;right:14px;border-bottom:var(--b) solid var(--c);border-right:var(--b) solid var(--c)}.lsa-htf__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--lsa-htf-color-accent, rgb(var(--color-link)));color:#fff;transition:transform .2s ease,opacity .2s ease}.lsa-htf__play:hover{transform:translate(-50%,-50%) scale(1.06)}.lsa-htf__play--placeholder{cursor:default}.lsa-htf__play-icon{width:22px;height:19px;margin-left:4px}@media screen and (max-width:749px){.lsa-htf__play{width:60px;height:60px}.lsa-htf__play-icon{width:18px;height:15px}}.lsa-htf__runtime{position:absolute;left:14px;bottom:14px;z-index:2;padding:6px 10px;font-family:var(--lsa-font-mono-family);font-size:calc(var(--lsa-type-caption) * .85);letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.7);background:rgba(var(--color-background),.92)}
/*# sourceMappingURL=/cdn/shop/t/65/assets/section-how-to-film.css.map */
