.routine-tips{background:var(--light-color)}.routine-tips__inner{align-items:center;display:flex;gap:13rem;justify-content:flex-end;width:100%}@media screen and (max-width:989.98px){.routine-tips__inner{flex-direction:column;gap:3.2rem}}.routine-tips__content{display:flex;flex-direction:column;gap:2.4rem;width:50%}@media screen and (max-width:989.98px){.routine-tips__content{gap:1.6rem;width:100%}}.routine-tips__items{display:flex;flex-direction:column;gap:2.4rem;padding-left:2.6rem;position:relative;z-index:0}.routine-tips__items:before{background-color:#ddd;height:100%;z-index:0}.routine-tips__items:after,.routine-tips__items:before{content:"";left:.8rem;position:absolute;top:0;width:.2rem}.routine-tips__items:after{background-color:#000;height:var(--fill-line-height,0);transition:height .4s ease-out;z-index:1}.routine-tips__title{font-weight:300;letter-spacing:-.04em;line-height:1em;margin:0;text-transform:uppercase}.routine-tips__title strong{font-weight:700}.routine-tips__tips{background:#1b232f;border-radius:.8rem;color:#fff;font-size:calc(var(--font-body-scale)*1.4rem);padding:1.2rem 2.4rem}.routine-tips__tips *{margin:0}.routine-tips__item{display:flex;flex-direction:column;gap:.8rem;position:relative}.routine-tips__item:before{background-color:#ddd;border-radius:50%;content:"";height:.8rem;left:-2.1rem;position:absolute;top:0;transition:background-color .4s ease;width:.8rem;z-index:2}.routine-tips__item.is-visible:before{background-color:#000}.routine-tips__item-title{font-size:calc(var(--font-body-scale)*1.2rem);letter-spacing:.16em;text-transform:uppercase}.routine-tips__item-description{font-size:calc(var(--font-body-scale)*1.4rem);line-height:1.2em}.routine-tips__item-description *{color:inherit;margin:0}.routine-tips__image{aspect-ratio:680/560;border-radius:2.4rem;height:100%;max-height:56rem;-o-object-fit:cover;object-fit:cover;position:relative;width:40%}.routine-tips__image:after{background:var(--image-overlay);border-radius:2.4rem;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:989.98px){.routine-tips__image{aspect-ratio:340/280;width:100%}}.routine-tips__image img{aspect-ratio:680/560;border-radius:2.4rem;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:989.98px){.routine-tips__image img{aspect-ratio:340/280}}