.kka-howto{--kka-ink: #2E2C29;--kka-soft: #5F5B55;--kka-ph-bg: #ECE8E2;--kka-ph-ink: #8C867D;--kka-serif: "Signifier", "Newsreader", Georgia, "Times New Roman", serif;--kka-sans: "GT America", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--kka-g: var(--gutter, 40px);background:var(--kka-bg-day, transparent);color:var(--kka-ink);font-family:var(--kka-sans);font-weight:300;-webkit-font-smoothing:antialiased}html[data-theme=dark] .kka-howto{--kka-ink: var(--text-primary, #f6efe5);--kka-soft: var(--text-muted, rgba(246, 239, 229, .66));--kka-ph-bg: var(--bg-raised, #1d1a15);--kka-ph-ink: rgba(246, 239, 229, .5);background:transparent}.kka-howto,.kka-howto *,.kka-howto *:before,.kka-howto *:after{box-sizing:border-box}.kka-howto [hidden]{display:none!important}.kka-howto p,.kka-howto h1{margin:0;max-width:none;text-wrap:wrap}.kka-howto img,.kka-howto video{display:block;max-width:100%;height:auto}.kka-howto a{color:inherit}.kka-howto section{position:relative}.kka-howto .kka-label{font:300 12px/1.35 var(--kka-sans);letter-spacing:.12em;text-transform:uppercase;margin:0}.kka-howto .kka-serif-lg{font:300 28px/1.2 var(--kka-serif);letter-spacing:-.005em;margin:0}.kka-howto .kka-ph{background:var(--kka-ph-bg);color:var(--kka-ph-ink);display:flex;align-items:center;justify-content:center;text-align:center;font:300 11px/1.35 var(--kka-sans);letter-spacing:.06em;text-transform:uppercase;padding:10px}.kka-howto .kka-hero{height:460px;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:var(--site-header-clearance, 7rem)}.kka-howto .kka-hero video,.kka-howto .kka-hero .kka-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kka-howto .kka-hero .kka-ph{position:absolute;top:0;right:0;bottom:0;left:0;align-items:flex-start;padding:24px}.kka-howto .kka-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#14120f57}.kka-howto .kka-hero .kka-in{position:relative;z-index:2}.kka-howto .kka-hero h1{font:300 36px/1.1 var(--kka-serif);letter-spacing:-.005em;margin:12px 0 0}.kka-howto .kka-lead{max-width:700px;margin:0 auto;padding:72px var(--kka-g) 64px;text-align:center}.kka-howto .kka-lead p{font:300 20px/1.5 var(--kka-serif);margin:0}.kka-howto .kka-steps{max-width:1180px;margin:0 auto;padding:0 var(--kka-g) 140px}.kka-howto .kka-st{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:72px;margin-bottom:48px}.kka-howto .kka-st img,.kka-howto .kka-st .kka-ph{width:100%;aspect-ratio:4/3;object-fit:cover}.kka-howto .kka-st .kka-t{max-width:420px}.kka-howto .kka-st.kka-st--rev .kka-t{order:-1;justify-self:end}.kka-howto .kka-st .kka-label{color:var(--kka-soft);margin-bottom:12px}.kka-howto .kka-st .kka-serif-lg{font-size:26px;line-height:1.28}.kka-howto .kka-st .kka-serif-lg b,.kka-howto .kka-st .kka-serif-lg strong{font-weight:300;font-style:italic}@media screen and (max-width:820px){.kka-howto{--kka-g: var(--gutter-sm, 20px)}.kka-howto .kka-hero{height:380px}.kka-howto .kka-hero h1{font-size:30px}.kka-howto .kka-lead p{font-size:18px}.kka-howto .kka-st{grid-template-columns:1fr;row-gap:18px}.kka-howto .kka-st.kka-st--rev .kka-t{order:0;justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/kk-about-how-to-use.css.map */