.app-step-radio{position:absolute;opacity:0;pointer-events:none}.app-steps-bento--mobile{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.app-bento-img{border-radius:.75rem;overflow:hidden;aspect-ratio:1}.app-bento-img:nth-child(3){grid-column:1 / -1;aspect-ratio:16 / 10}.app-bento-img img{width:100%;height:100%;object-fit:cover;display:block}.app-steps-desktop-grid{display:block}.app-steps-thumbs-row,.app-steps-hero{display:none}.app-steps-card{position:relative;background-color:rgba(var(--foreground-color));border-radius:.75rem;padding:2rem 1.75rem}.app-hero-img{display:none}.app-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.app-steps-eyebrow{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:var(--text-small);margin:0 0 1rem}.app-step-panel{display:none;align-items:flex-start;gap:.75rem}.app-step-number{font-size:var(--text-small);opacity:.6}.app-step-text p{margin:0;font-size:var(--text-h4);line-height:1.3}.app-steps-nav{margin-top:1.5rem}.app-step-next{display:none;width:2.75rem;height:2.75rem;border-radius:50%;border:.06rem solid rgba(var(--border-color),.6);align-items:center;justify-content:center;cursor:pointer}.app-step-radio:nth-of-type(1):checked~.app-steps-desktop-grid .app-step-panel[data-step="1"]{display:flex}.app-step-radio:nth-of-type(1):checked~.app-steps-desktop-grid .app-step-next[data-step="1"]{display:flex}.app-step-radio:nth-of-type(2):checked~.app-steps-desktop-grid .app-step-panel[data-step="2"]{display:flex}.app-step-radio:nth-of-type(2):checked~.app-steps-desktop-grid .app-step-next[data-step="2"]{display:flex}.app-step-radio:nth-of-type(3):checked~.app-steps-desktop-grid .app-step-panel[data-step="3"]{display:flex}.app-step-radio:nth-of-type(3):checked~.app-steps-desktop-grid .app-step-next[data-step="3"]{display:flex}.app-step-radio:nth-of-type(4):checked~.app-steps-desktop-grid .app-step-panel[data-step="4"]{display:flex}.app-step-radio:nth-of-type(4):checked~.app-steps-desktop-grid .app-step-next[data-step="4"]{display:flex}.app-step-radio:nth-of-type(5):checked~.app-steps-desktop-grid .app-step-panel[data-step="5"]{display:flex}.app-step-radio:nth-of-type(5):checked~.app-steps-desktop-grid .app-step-next[data-step="5"]{display:flex}@media(min-width:990px){.app-steps-bento--mobile{display:none}.app-steps-desktop-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:3rem;align-items:stretch}.app-steps-card{display:flex;flex-direction:column;justify-content:space-between;min-height:32rem}.app-steps-thumbs-row{display:flex;gap:.75rem}.app-thumb-sm{width:6rem;height:6rem;flex:0 0 auto;border-radius:.6rem;overflow:hidden;cursor:pointer;border:.12rem solid transparent;transition:border-color .25s ease,opacity .25s ease;opacity:.6}.app-thumb-sm img{width:100%;height:100%;object-fit:cover;display:block}.app-steps-hero{position:relative;display:block;border-radius:.75rem;overflow:hidden;height:100%}.app-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;transition:opacity .5s ease}.app-hero-img.is-default{opacity:1}.app-step-radio:nth-of-type(1):checked~.app-steps-desktop-grid .app-thumb-sm[data-step="1"]{opacity:1;border-color:currentColor}.app-step-radio:nth-of-type(1):checked~.app-steps-desktop-grid .app-hero-img{opacity:0}.app-step-radio:nth-of-type(1):checked~.app-steps-desktop-grid .app-hero-img[data-step="1"]{opacity:1}.app-step-radio:nth-of-type(2):checked~.app-steps-desktop-grid .app-thumb-sm[data-step="2"]{opacity:1;border-color:currentColor}.app-step-radio:nth-of-type(2):checked~.app-steps-desktop-grid .app-hero-img{opacity:0}.app-step-radio:nth-of-type(2):checked~.app-steps-desktop-grid .app-hero-img[data-step="2"]{opacity:1}.app-step-radio:nth-of-type(3):checked~.app-steps-desktop-grid .app-thumb-sm[data-step="3"]{opacity:1;border-color:currentColor}.app-step-radio:nth-of-type(3):checked~.app-steps-desktop-grid .app-hero-img{opacity:0}.app-step-radio:nth-of-type(3):checked~.app-steps-desktop-grid .app-hero-img[data-step="3"]{opacity:1}.app-step-radio:nth-of-type(4):checked~.app-steps-desktop-grid .app-thumb-sm[data-step="4"]{opacity:1;border-color:currentColor}.app-step-radio:nth-of-type(4):checked~.app-steps-desktop-grid .app-hero-img{opacity:0}.app-step-radio:nth-of-type(4):checked~.app-steps-desktop-grid .app-hero-img[data-step="4"]{opacity:1}.app-step-radio:nth-of-type(5):checked~.app-steps-desktop-grid .app-thumb-sm[data-step="5"]{opacity:1;border-color:currentColor}.app-step-radio:nth-of-type(5):checked~.app-steps-desktop-grid .app-hero-img{opacity:0}.app-step-radio:nth-of-type(5):checked~.app-steps-desktop-grid .app-hero-img[data-step="5"]{opacity:1}}.app-steps-section .app-steps-card{color:#670001}.app-steps-section .app-steps-eyebrow{margin:0 0 1rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;opacity:.7}.app-steps-section .app-step-panel{gap:.875rem}.app-steps-section .app-step-number{flex-shrink:0;margin-top:.25rem;padding:.25rem .5rem;border:1px solid rgba(103,0,1,.25);border-radius:999px;font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:.04em;opacity:1;color:#670001bf}.app-steps-section .app-step-text p{font-size:clamp(1.125rem,1.8vw,1.625rem);font-weight:500;line-height:1.3;letter-spacing:-.005em;color:#670001}.app-steps-section .app-steps-nav{margin-top:1.5rem}.app-steps-section .app-step-next{width:2.75rem;height:2.75rem;border:0;background:#670001;color:#f2efed;font-size:1rem;line-height:1;transition:transform .25s ease,background-color .25s ease}.app-steps-section .app-step-next:hover{background:#8b2a22;transform:translate(.2rem)}@media(min-width:990px){.app-steps-section .app-steps-desktop-grid{gap:1rem}.app-steps-section .app-steps-card{min-height:min(32rem,calc(100vh - 10rem));min-height:min(32rem,calc(100svh - 10rem));padding:2.5rem;gap:2rem}.app-steps-section .app-steps-hero{min-height:min(32rem,calc(100vh - 10rem));min-height:min(32rem,calc(100svh - 10rem))}.app-steps-section .app-steps-thumbs-row{gap:.5rem}.app-steps-section .app-thumb-sm{width:4.5rem;height:4.5rem;border-radius:.625rem;border-width:.125rem;padding:.125rem;background-clip:content-box}.app-steps-section .app-thumb-sm img{border-radius:.5rem}.app-steps-section .app-thumb-sm:hover{opacity:1}}@media(max-width:989.98px){.app-steps-section .app-steps-bento--mobile{gap:.5rem;margin-bottom:.5rem}.app-steps-section .app-steps-card{padding:1.75rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/application-steps.css.map */