.how-to-guide__header{text-align:center;margin-bottom:5.5rem;max-width:60rem;margin-left:auto;margin-right:auto}.how-to-guide__eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.28em;font-weight:600;color:rgba(var(--color-foreground),.6);margin:0 0 1.4rem}.how-to-guide__eyebrow:before,.how-to-guide__eyebrow:after{content:"";width:2.4rem;height:1px;background:rgba(var(--color-foreground),.25)}.how-to-guide__heading{font-size:3.4rem;font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}.how-to-guide__lead{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.65);margin:0}@media screen and (max-width:749px){.how-to-guide__header{margin-bottom:4rem}.how-to-guide__heading{font-size:2.6rem}.how-to-guide__eyebrow{font-size:1rem;letter-spacing:.22em}.how-to-guide__eyebrow:before,.how-to-guide__eyebrow:after{width:1.6rem}}.how-to-guide__steps{display:grid;grid-template-columns:repeat(var(--htg-cols, 4),minmax(0,1fr));gap:2.4rem}@media screen and (max-width:989px){.how-to-guide__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media screen and (max-width:599px){.how-to-guide__steps{grid-template-columns:1fr;gap:1.4rem}}.how-to-guide__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.2rem 2rem 2.8rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:0;transition:border-color .25s ease}.how-to-guide__card:hover{border-color:rgba(var(--color-foreground),.28)}.how-to-guide__badge{position:absolute;top:-1.2rem;left:50%;transform:translate(-50%);min-width:2.6rem;height:2.4rem;padding:0 .9rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;letter-spacing:.12em;color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-radius:999px;line-height:1;transition:background-color .25s ease,color .25s ease}.how-to-guide__icon-wrap{width:6.4rem;height:6.4rem;border-radius:50%;background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:2rem;transition:background-color .25s ease,border-color .25s ease}.how-to-guide__card:hover .how-to-guide__icon-wrap{background:rgb(var(--color-brand));border-color:rgb(var(--color-brand))}.how-to-guide__icon-wrap svg{display:block;width:2.8rem;height:2.8rem;color:rgb(var(--color-foreground));transition:color .25s ease}.how-to-guide__card:hover .how-to-guide__icon-wrap svg{color:#fff}.how-to-guide__card:hover .how-to-guide__badge{background:rgb(var(--color-brand));color:#fff}.how-to-guide__card-title{font-size:1.6rem;font-weight:600;letter-spacing:.005em;line-height:1.3;margin:0 0 .8rem;color:rgb(var(--color-foreground))}.how-to-guide__card-text{font-size:1.4rem;line-height:1.65;color:rgba(var(--color-foreground),.7);margin:0}@media screen and (max-width:749px){.how-to-guide__card{padding:2.8rem 1.6rem 2.2rem}.how-to-guide__icon-wrap{width:5.6rem;height:5.6rem;margin-bottom:1.6rem}.how-to-guide__icon-wrap svg{width:2.4rem;height:2.4rem}.how-to-guide__card-title{font-size:1.5rem}.how-to-guide__card-text{font-size:1.35rem}}.how-to-guide-opener{display:block;margin:0}.how-to-guide-trigger{display:inline-flex;align-items:center;gap:.7rem;background:transparent;border:none;padding:0;font-family:inherit;font-size:1.35rem;font-weight:600;letter-spacing:.02em;color:rgb(var(--color-foreground));cursor:pointer;text-decoration:none;transition:color .15s ease}.how-to-guide-trigger:hover{color:rgb(var(--color-brand))}.how-to-guide-trigger .svg-wrapper,.how-to-guide-trigger svg{width:1.7rem;height:1.7rem}.how-to-guide-modal[open]{z-index:1000;background:rgba(var(--color-foreground),.45)}.how-to-guide-modal .product-popup-modal__content{height:auto;max-height:80vh}.how-to-guide-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.how-to-guide-modal__title{font-size:2rem;font-weight:700;letter-spacing:-.01em;margin:0;color:rgb(var(--color-foreground))}.how-to-guide-modal .product-popup-modal__toggle{position:static;margin:0;flex-shrink:0}.how-to-guide-modal .product-popup-modal__content-info{padding:2.4rem 0 2.8rem}.how-to-guide-modal__intro{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin:0 0 2.4rem}.how-to-guide-modal .how-to-guide__steps{--htg-cols: 2;padding-top:1.2rem}.how-to-guide-modal .how-to-guide__card{padding:2.6rem 1.8rem 2.2rem}.how-to-guide-modal .how-to-guide__icon-wrap{width:5.2rem;height:5.2rem;margin-bottom:1.4rem}.how-to-guide-modal .how-to-guide__icon-wrap svg{width:2.3rem;height:2.3rem}@media screen and (max-width:749px){.how-to-guide-modal .product-popup-modal__content{top:50%;margin-top:0;transform:translate(-50%,-50%);max-height:92vh;padding-left:.7rem;padding-right:.7rem}.how-to-guide-modal .product-popup-modal__content-info{padding:1.6rem .6rem 2rem}.how-to-guide-modal__header{margin-bottom:1rem}.how-to-guide-modal .how-to-guide-modal__title{font-size:1.4rem}.how-to-guide-modal .product-popup-modal__toggle{width:3.2rem;height:3.2rem;padding:.7rem}.how-to-guide-modal .product-popup-modal__toggle svg,.how-to-guide-modal .product-popup-modal__toggle .icon{width:1.5rem;height:auto}.how-to-guide-modal__intro{font-size:1.25rem;margin-bottom:1.6rem}.how-to-guide-modal .how-to-guide__steps{grid-template-columns:1fr;gap:1.6rem}.how-to-guide-modal .how-to-guide__card{padding:2.2rem 1.4rem 1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ethos-how-to-guide.css.map */