.gn-steps{--gn-steps-cols: 40fr 60fr;--gn-steps-heading-size: 34px;--gn-steps-title-size: 20px;--gn-steps-image-size: 88px;--gn-steps-num-size: 36px;--gn-steps-num-bg: 255 255 255;--gn-steps-num-color: var(--text-color);--gn-steps-gradient-angle: 90deg;--gn-steps-heading-current: min(var(--gn-steps-heading-size), 28px);--gn-steps-title-current: min(var(--gn-steps-title-size), 18px);--gn-steps-image-current: min(var(--gn-steps-image-size), 64px)}.gn-steps.gn-steps--custom-bg.color-scheme{background:rgb(var(--gn-steps-bg-1, var(--background-without-opacity)));color:rgb(var(--text-color))}.gn-steps.gn-steps--custom-bg.gn-steps--gradient.color-scheme{background:linear-gradient(var(--gn-steps-gradient-angle),rgb(var(--gn-steps-bg-1, var(--background-without-opacity))) 0%,rgb(var(--gn-steps-bg-2, var(--gn-steps-bg-1, var(--background-without-opacity)))) 100%)}.gn-steps__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.gn-steps__intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.gn-steps__intro--center{align-items:center;text-align:center}.gn-steps__intro .section-header{margin:0;width:100%}.gn-steps__intro .prose>*{margin-block:0}.gn-steps__intro .prose>*+*{margin-block-start:12px}.gn-steps__intro .prose>.h6{font-family:var(--text-font-family);font-size:12px;font-weight:600;font-style:normal;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--text-color) / .7)}.gn-steps__intro .prose>.h2{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:var(--gn-steps-heading-current);line-height:1.15;letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);text-wrap:balance;max-width:22ch}.gn-steps__intro--center .prose>.h2{margin-inline:auto}.gn-steps__intro .prose>p:not(.h6){font-size:16px;line-height:1.5;max-width:46ch}.gn-steps__intro--center .prose>p:not(.h6){margin-inline:auto}.gn-steps__cta--pill .button{border-radius:999px}.gn-steps__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:28px}.gn-steps__item{display:flex;align-items:flex-start;gap:14px}.gn-steps--dividers .gn-steps__list{gap:0}.gn-steps--dividers .gn-steps__item{padding-block:24px;border-top:1px solid rgb(var(--text-color) / .12)}.gn-steps--dividers .gn-steps__item:first-child{padding-block-start:0;border-top:0}.gn-steps--dividers .gn-steps__item:last-child{padding-block-end:0}.gn-steps__media{flex:none;width:var(--gn-steps-image-current);aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:rgb(var(--text-color) / .06)}.gn-steps__img{display:block;width:100%;height:100%;object-fit:cover}.gn-steps__video{background:rgb(var(--text-color) / .06)}.gn-steps__video::-webkit-media-controls{display:none!important}.gn-steps__num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--gn-steps-num-size);height:var(--gn-steps-num-size);border-radius:50%;background:rgb(var(--gn-steps-num-bg));color:rgb(var(--gn-steps-num-color));box-shadow:inset 0 0 0 1px rgb(var(--gn-steps-num-color) / .25);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:calc(var(--gn-steps-num-size) * .47);line-height:1;font-variant-numeric:lining-nums}.gn-steps--num-circle .gn-steps__body{padding-block-start:max(0px,calc((var(--gn-steps-num-size) - var(--gn-steps-title-current) * 1.2) / 2))}.gn-steps__num-plain{margin-inline-end:.35em}.gn-steps__body{flex:1 1 auto;min-width:0}.gn-steps__title{margin:0;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:var(--gn-steps-title-current);line-height:1.2;letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);color:rgb(var(--text-color))}.gn-steps__text{margin-block-start:6px;font-size:15px;line-height:1.5;color:rgb(var(--text-color) / .8);max-width:52ch}.gn-steps__text p{margin:0}.gn-steps__text p+p{margin-block-start:8px}.gn-steps__text a{color:rgb(var(--text-color));text-decoration:underline;text-underline-offset:.15em}@media screen and (min-width:700px){.gn-steps{--gn-steps-image-current: var(--gn-steps-image-size)}.gn-steps__item{gap:16px}.gn-steps__text{font-size:16px}}@media screen and (min-width:1000px){.gn-steps{--gn-steps-heading-current: var(--gn-steps-heading-size);--gn-steps-title-current: var(--gn-steps-title-size);--gn-steps-num-size: 40px}.gn-steps__grid{grid-template-columns:var(--gn-steps-cols);gap:64px;align-items:start}.gn-steps__list{gap:32px}.gn-steps--dividers .gn-steps__item{padding-block:28px}}.gn-steps--photo .gn-steps__item{flex-direction:column;align-items:stretch;gap:14px}.gn-steps--photo .gn-steps__media{width:100%;aspect-ratio:var(--gn-steps-photo-ratio, 1 / 1);border-radius:12px}.gn-steps--photo .gn-steps__item{position:relative}.gn-steps--photo .gn-steps__num{position:absolute;inset-block-start:12px;inset-inline-start:12px;z-index:1}.gn-steps--photo.gn-steps--num-circle .gn-steps__body{padding-block-start:0}.gn-steps--photo.gn-steps--dividers .gn-steps__list{gap:28px}.gn-steps--photo.gn-steps--dividers .gn-steps__item{padding-block:0;border-top:0}.gn-steps--photo .gn-steps__text{max-width:none}@media screen and (min-width:700px){.gn-steps--photo .gn-steps__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:start;gap:24px}}@media screen and (min-width:1000px){.gn-steps--photo .gn-steps__grid{grid-template-columns:minmax(0,1fr);gap:40px}.gn-steps--photo .gn-steps__list{gap:32px}.gn-steps--photo.gn-steps--dividers .gn-steps__item{padding-block:0}}.gn-steps--stage{--gn-stage-accent: 201 168 76;--gn-stage-green: 15 61 46;--gn-stage-bead: 36px;--gn-stage-interval: 6s}.gn-steps--stage .gn-steps__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "stage" "list";gap:28px}.gn-steps--stage .gn-steps__intro{grid-area:intro}.gn-steps--stage .gn-steps__stage{grid-area:stage}.gn-steps--stage .gn-steps__list{grid-area:list}.gn-steps--stage .gn-steps__intro .prose>.h6{color:rgb(var(--gn-stage-green))}.gn-steps__stage{display:flex;flex-direction:column;align-items:center}.gn-steps__stage-inner{width:min(100%,62vw,var(--gn-stage-frame-w, 400px))}.gn-steps__frame{position:relative;width:100%;aspect-ratio:var(--gn-steps-photo-ratio, 4 / 5);border-radius:var(--gn-stage-radius, 8px);overflow:hidden;isolation:isolate;background:rgb(var(--gn-stage-green));box-shadow:inset 0 0 0 1.5px rgb(var(--text-color) / .14)}.gn-steps__frame .gn-steps__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:none;background:rgb(var(--gn-stage-green))}.gn-steps__frame .gn-steps__video.is-active{display:block;z-index:2;animation:gn-stage-in .4s ease both}.gn-steps__frame .gn-steps__video.is-leaving{display:block;z-index:1}.gn-steps__still--empty{background:rgb(var(--text-color) / .06)}@keyframes gn-stage-in{0%{opacity:0}to{opacity:1}}.gn-steps__progress{height:2px;margin-block-start:14px;border-radius:2px;background:rgb(var(--text-color) / .1);overflow:hidden}.gn-steps__progress>i{display:block;height:100%;width:0;background:rgb(var(--gn-stage-accent))}.gn-steps--stage.is-auto .gn-steps__progress>i{animation:gn-stage-progress var(--gn-stage-interval) linear both}.gn-steps--stage:not(.is-auto) .gn-steps__progress{visibility:hidden}@keyframes gn-stage-progress{0%{width:0}to{width:100%}}.gn-steps__frame-note{margin-block-start:10px;font-size:13px;line-height:1.4;text-align:center;color:rgb(var(--text-color) / .6)}.gn-steps__frame-note--pointer{display:none}@media(hover:hover)and (pointer:fine){.gn-steps__frame-note--pointer{display:inline}.gn-steps__frame-note--touch{display:none}}.gn-steps--stage .gn-steps__list{position:relative;display:flex;flex-direction:column;gap:0}.gn-steps--stage .gn-steps__list:before{content:"";position:absolute;inset-block:22px;inset-inline-start:calc(var(--gn-stage-bead) / 2 - 1px);width:2px;background:rgb(var(--gn-stage-accent) / .35)}.gn-steps--stage .gn-steps__item{display:block;position:relative}.gn-steps--stage .gn-steps__item+.gn-steps__item .gn-steps__row{border-top:1px solid rgb(var(--text-color) / .14)}.gn-steps__row{-webkit-appearance:none;appearance:none;display:flex;align-items:flex-start;gap:16px;width:100%;margin:0;padding:16px 0;background:none;border:0;border-radius:0;text-align:start;font:inherit;color:inherit;cursor:pointer;opacity:var(--gn-stage-inactive, .78);transition:opacity .25s ease}.gn-steps__item.is-active .gn-steps__row{opacity:1}.gn-steps__item:not(.is-active) .gn-steps__row:hover{opacity:.9}.gn-steps__row:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px;border-radius:6px}.gn-steps__bead{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--gn-stage-bead);height:var(--gn-stage-bead);border-radius:50%;background:rgb(var(--background));color:rgb(var(--text-color));box-shadow:inset 0 0 0 1.5px rgb(var(--gn-stage-accent));font-family:var(--heading-font-family);font-size:15px;font-weight:600;line-height:1;font-variant-numeric:lining-nums tabular-nums;transition:background .25s ease,color .25s ease}.gn-steps__item.is-active .gn-steps__bead{background:rgb(var(--gn-stage-accent));color:#1a1a1a;box-shadow:0 0 0 3px rgb(var(--background)),0 0 0 4.5px rgb(var(--gn-stage-accent))}.gn-steps--stage .gn-steps__body{padding-block-start:6px;min-width:0;display:flex;flex-direction:column;gap:6px}.gn-steps--stage .gn-steps__title{display:block}.gn-steps--stage .gn-steps__text{display:block;color:rgb(var(--text-color) / .78);max-width:48ch}.gn-steps--stage .gn-steps__text p{margin:0}@media screen and (min-width:700px){.gn-steps--stage .gn-steps__grid{gap:32px}.gn-steps__row{padding:18px 0;gap:18px}}@media screen and (min-width:1000px){.gn-steps--stage .gn-steps__grid{grid-template-columns:var(--gn-stage-frame-w, 400px) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"stage intro" "stage list";column-gap:72px;row-gap:32px;align-items:start}.gn-steps__stage{align-items:flex-start}.gn-steps__stage-inner{width:100%}.gn-steps__frame-note{text-align:start}.gn-steps--stage .gn-steps__intro{padding-block-start:6px}.gn-steps__row{padding:20px 0;gap:20px}.gn-steps--stage .gn-steps__text{font-size:16px}}@media(prefers-reduced-motion:reduce){.gn-steps__frame .gn-steps__video.is-active{animation:none}.gn-steps__row,.gn-steps__bead{transition:none}.gn-steps--stage .gn-steps__progress{display:none}}.gn-steps__credit{margin:10px 0 0;font-size:12.5px;line-height:1.4;text-align:center;color:rgb(var(--text-color) / .7)}.gn-steps__credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media screen and (min-width:1000px){.gn-steps__credit{text-align:start}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/gn-steps.css.map */